Partie 10 du cours de JavaScript de Débutant à Avancé en 10 articles de blog

Ceci est la partie 10 et la dernière partie de la série d’articles de blog sur JavaScript qui vous emmènera du niveau débutant au niveau avancé. Sans plus tarder, commençons avec le dernier tutoriel.

Cours de JavaScript – table des matières :

1. Sujets JavaScript que nous avons couverts
2. Les bases de JavaScript et la configuration de l’environnement de codage
3. Meilleures pratiques en JavaScript
4. Variables et constantes
5. Types de données de base en JavaScript
6. Boucles en programmation
7. Tableaux et fonctions
8. Objets JavaScript
9. Concepts très courants en JavaScript
10. Où aller à partir de là ?

Wow ! Vous y êtes enfin arrivé ! La plupart des gens ne poursuivent pas leurs passions et abandonnent les cours qu’ils suivent après seulement quelques tutoriels, et cela n’est vrai que s’ils commencent à agir !

Sujets JavaScript que nous avons couverts

Tout au long de ce cours de JavaScript, nous avons commencé par les bases de JavaScript et avons progressé vers des concepts assez avancés.

La première étape pour commencer avec JavaScript était de comprendre pourquoi nous apprenons JavaScript en premier lieu. Il y a plusieurs raisons principales pour lesquelles vous pourriez vouloir commencer avec JavaScript, mais les applications les plus évidentes de JavaScript se trouvent généralement d’une manière ou d’une autre dans le développement web. JavaScript a commencé comme un langage uniquement côté client et s’est étendu aux serveurs backend, commençant à dominer là aussi.

Peu importe pourquoi vous apprenez JavaScript, il est probablement judicieux de jeter un coup d’œil rapide à ce cours de JavaScript à nouveau.

De cette façon, vous pouvez voir vos progrès et identifier les parties que vous comprenez vraiment bien, qui ont peut-être pu vous intimider au début, ainsi que repérer les parties que vous avez pu ignorer ou manquer.

Les bases de JavaScript et la configuration de l’environnement de codage

Après avoir vu pourquoi JavaScript est si populaire et ce que vous pouvez réellement faire avec, nous avons commencé avec quelques exemples Bonjour le monde !. Nous avons configuré notre environnement de codage dans Google Chrome et avons commencé à utiliser la console JavaScript pour écrire du code. Au départ, le code que nous avons écrit était vraiment simple et chaque ligne avait un but simple, sans être interconnectée avec d’autres lignes. À mesure que la complexité de notre code augmentait, nous avons amélioré notre environnement de codage vers la console de Google Chrome. Avec la console, nous avons commencé à pouvoir écrire confortablement du code multi-lignes qui devenait progressivement plus complexe tout au long du cours de JavaScript.

Meilleures pratiques en JavaScript

Tout au long de la série, nous avons également intégré de nombreuses meilleures pratiques de codage. Ces meilleures pratiques facilitent votre vie lorsque vous débutez, et elles deviennent encore plus précieuses lorsque vous commencez à travailler ou à collaborer avec d’autres personnes. Et c’est exactement pour cette raison qu’il existe même des normes et des dictons comme “Tout code devrait avoir l’apparence d’avoir été écrit par une seule personne, peu importe combien de personnes ont collaboré.” C’est exactement pourquoi l’un des tout premiers concepts que nous avons vus était de commenter notre code. Faire cela non seulement vous rendra un meilleur programmeur à l’avenir, mais cela vous permettra également d’avoir une meilleure expérience de codage lorsque vous débutez.

Variables et constantes

Ensuite, nous avons vu que nous pouvons stocker des données dans ce qu’on appelle des variables et des constantes. Lorsque nous décidons lequel choisir pour une nouvelle donnée, nous devons garder à l’esprit que si nous ne prévoyons pas de modifier la donnée, nous voulons utiliser le mot-clé “const”. Si nous pensons que nous devrons modifier cette valeur, nous devons alors utiliser le mot-clé “let”. Ce sont les meilleures pratiques actuelles, mais nous avons également vu qu’avant ES6, la seule façon d’utiliser des variables était de les déclarer avec le mot-clé “var”. Après avoir vu les problèmes potentiels causés par les flexibilité du mot-clé var, en 2015, avec la norme ES6, la nouvelle et moderne façon d’écrire JavaScript est devenue d’utiliser les mots-clés “const” et “let”.

Types de données de base en JavaScript

Après cela, nous avons parlé des types de données de base en JavaScript. Le point principal ici est de comprendre que différents types de données sont bons pour faire différentes choses. C’est pourquoi il est important de comprendre avec quels types de données nous travaillons. Plus tard, nous avons vu qu’en utilisant des instructions if else, nous pouvons commencer à avoir le contrôle sur notre code. En commençant par cela, nous avons appris à ignorer partiellement notre code afin de l’adapter à certaines conditions spécifiques. Nous avons appris à propos des différentes structures de contrôle que nous pouvons utiliser pour avoir un contrôle plus précis sur notre code et nos données. De cette façon, notre code pouvait s’adapter à différentes entrées avec des réponses plus précises.

Boucles en programmation

Ensuite, nous avons découvert les boucles en programmation. Nous avons vu qu’en utilisant des boucles, nous pouvons commencer à éviter de nous répéter dans le code. Cela nous a essentiellement permis de commencer à être partiellement DRY. Cela signifie “Ne vous répétez pas”.

En général, nous ne voulons pas écrire plus de code que nécessaire pour accomplir la tâche. Parce qu’à chaque fois que nous écrivons plus de code, nous introduisons plus d’opportunités pour des erreurs dans le code. Cela prend plus de temps et d’efforts d’écrire plus de code, introduit des erreurs potentielles, et ce n’est généralement pas efficace puisque vous devez peut-être sauvegarder le même code 10 fois. Et dans l’ensemble, cela peut considérablement diminuer l’expérience de codage. C’est pourquoi, en commençant par les boucles while et for, nous avons commencé à éliminer le code potentiellement répétitif.

Tableaux et fonctions

Nous avons également vu d’autres concepts fondamentaux, sujets et meilleures pratiques en JavaScript. Nous avons vu que les tableaux sont très bons pour regrouper des données connexes, comme les mois de l’année, certains nombres connexes que nous devons stocker, etc. Ensuite, nous avons vu que les fonctions sont vraiment puissantes et nous pouvons utiliser des fonctions pour vraiment modulariser notre code et en tirer de nombreux avantages. Certains de ces avantages de regrouper nos fonctionnalités dans différentes fonctions sont que nous créons un code beaucoup plus modulaire, relativement facile à tester. Nous diminuons également considérablement nos chances de nous répéter.

Nous avons vu qu’il existe deux types principaux de fonctions. L’un d’eux étant des fonctions pures, l’autre type étant des fonctions impures. En général, chaque fois que nous le pouvons, nous devrions viser à utiliser des fonctions pures par rapport aux fonctions impures. De cette façon, les fonctions pures que nous écrivons se comporteront de la même manière et nous donneront les mêmes résultats, peu importe où nous exécutons le code, ou quand nous exécutons le code.

Objets JavaScript

Ensuite, nous avons vu des objets. Nous avons appris que les objets sont bons pour stocker des données hautement associées qui peuvent avoir de nombreuses dimensions. Nous avons commencé par la manière la plus simple de créer des objets et avons progressé vers la création de modèles pour les objets, puis la création de plusieurs objets à partir de ce modèle. L’utilisation de ces modèles nous permet de nous assurer que les champs dans les objets suivent les mêmes directives et ont les mêmes champs. De cette façon, à la fin de la journée, nous pouvons être sûrs d’avoir une base de données beaucoup plus uniforme avec laquelle travailler. Cela nous a également permis d’écrire un code significativement DRY.

Concepts très courants en JavaScript

Ensuite, nous avons vu des concepts et des sujets très courants en JavaScript. Une grande majorité d’entre eux étaient basés sur l’optimisation supplémentaire des fonctions, d’une manière ou d’une autre. En utilisant les méthodes map et filter, nous avons pu éviter certaines boucles for et if statements. En utilisant les fonctions fléchées, nous avons pu réduire considérablement la taille de nos fonctions. Nous avons vu de nombreuses fonctionnalités dans ce cours de JavaScript, y compris les fonctions fléchées introduites avec l’ES6 ou ES2015, qui sont les plus grands changements récents dans les normes JavaScript.

Où aller à partir de là ?

En fonction de ce que vous souhaitez accomplir, vous pouvez prendre différentes routes. Si vous vouliez juste vous rappeler les bases de JavaScript parce que vous devez bientôt travailler avec, j’espère que ce cours de JavaScript vous a fourni un guide complet. Peut-être que vous étiez déjà bon dans un autre langage, comme Python, mais vous vouliez aussi voir JavaScript. Si c’est le cas, j’espère que je vous ai facilité la tâche pour commencer avec la syntaxe et les concepts de JavaScript. Ou peut-être que vous débutez simplement dans le développement web et que vous saviez que JavaScript est assez populaire.

Dans tous les cas, j’espère que ce cours de JavaScript vous a apporté de la valeur. Si vous connaissez un ami qui trouverait cette série utile, envisagez de partager le premier tutoriel de cette série avec lui, afin qu’il puisse également commencer son parcours JavaScript.