Partie 10 Cours JavaScript de débutant à avancé en 10 articles de blog

Il s'agit de la partie 10 et de la dernière partie de la série d'articles de blog JavaScript qui vous mènera de débutant à avancé. Sans plus tarder, commençons par le didacticiel final.

Cours JavaScript – table des matières :

1. Sujets JavaScript que nous avons couverts
2. Principes de base de JavaScript et configuration de l'environnement de codage
3. Bonnes pratiques JavaScript
4. Variables et constantes
5. Types de données de base en JavaScript
6. Boucles dans la programmation
7. Tableaux et fonctions
8. Objets JavaScript
9. Concepts très courants en JavaScript
10. Où aller en partant d'ici?

Ouah! Vous êtes enfin arrivé ici ! La plupart des gens ne donnent pas suite à leurs passions et abandonnent les cours qu'ils suivent après seulement quelques tutoriels, et ce n'est le cas que s'ils commencent à agir !

Sujets JavaScript que nous avons couverts

Tout au long de ce cours JavaScript, nous sommes partis des bases mêmes de JavaScript et avons progressé vers des concepts assez avancés.

La première étape pour démarrer avec JavaScript était de comprendre réellement pourquoi apprenons-nous JavaScript en premier lieu. Il existe plusieurs raisons principales pour lesquelles vous voudrez peut-être commencer avec JavaScript, mais les applications les plus importantes de JavaScript sont généralement d'une manière ou d'une autre dans le développement Web. JavaScript a commencé comme un langage frontal uniquement et s'est propagé aux serveurs principaux et a également commencé à dominer là-bas.

Quelle que soit la raison pour laquelle vous apprenez JavaScript, il est probablement judicieux de jeter à nouveau un coup d'œil rapide sur ce cours JavaScript.

De cette façon, vous pouvez voir vos progrès et voir les parties que vous comprenez très bien, ce qui peut vous avoir intimidé au début, ainsi que saisir les parties que vous avez peut-être ignorées ou manquées.

Principes de base de JavaScript et configuration de l'environnement de codage

Après avoir vu pourquoi JavaScript est si populaire et ce que vous pouvez réellement en faire, nous avons commencé avec un Hello world ! exemples. Nous avons configuré notre environnement de codage dans Google Chrome et commencé à utiliser la console JavaScript pour écrire du code. Au départ, le code que nous avons écrit était très simple et chaque ligne que nous écrivions avait un objectif simple, sans être interconnectée à d'autres lignes. Comme la complexité de notre code a commencé à augmenter, nous avons mis à niveau notre environnement de codage vers Google Chrome Console. Avec la console, nous avons commencé à pouvoir écrire confortablement du code multiligne qui a commencé à devenir progressivement plus complexe et avancé tout au long du cours JavaScript.

Bonnes pratiques JavaScript

Tout au long de la série, nous avons également intégré de nombreuses bonnes pratiques de codage. Ces meilleures pratiques vous facilitent la vie lorsque vous débutez, et elles deviennent même 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 le code devrait avoir l'air d'avoir été écrit par une seule personne, quel que soit le nombre de personnes qui 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 fait de vous un meilleur programmeur à l'avenir, mais cela vous permet également d'avoir une meilleure expérience de codage lorsque vous débutez également.

Variables et constantes

Ensuite, nous avons vu que nous pouvons stocker des données dans ce qu'on appelle des variables et des constantes. Au moment de décider lequel choisir pour une nouvelle donnée, nous devons garder à l'esprit que si nous ne prévoyons pas de modifier les données, 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 constaté les problèmes potentiels causés par les flexibilités associées au mot-clé var, en 2015, avec la norme ES6, la nouvelle façon moderne d'écrire JavaScript est devenue l'utilisation des 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 permettent de faire différentes choses. C'est pourquoi il est important de comprendre avec quel type de données nous travaillons. Plus tard, nous avons vu qu'en utilisant des instructions if else , nous pouvons commencer à contrôler notre code. A partir de celles-ci, nous avons appris à ignorer partiellement notre code afin de l'adapter à certaines conditions spécifiques. Nous avons découvert 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 pourrait s'adapter à différentes entrées avec des réponses plus précises.

Boucles dans la programmation

Ensuite, nous avons découvert des boucles dans la 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 partiellement à être DRY. Cela signifie Ne vous répétez pas.

De manière générale, nous ne voulons pas écrire de code plus que nécessaire pour terminer la tâche. Parce que chaque fois que nous écrivons plus de code, nous introduisons plus de possibilités d'erreurs dans le code. Cela prend plus de temps et d'efforts pour écrire plus de code, introduit des erreurs potentielles, ce n'est généralement pas efficace puisque maintenant vous devez enregistrer le même code peut-être 10 fois. Et dans l'ensemble, cela peut réduire considérablement l'expérience de codage. C'est pourquoi, en commençant par les boucles while et les boucles for, nous avons commencé à supprimer 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 vraiment efficaces pour regrouper des données liées, telles que les mois de l'année, certains chiffres liés 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 avoir 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 et relativement facilement testable. Nous diminuons également considérablement nos chances de nous répéter.

Nous avons vu qu'il existe deux principaux types de fonctions. L'un d'eux étant des fonctions pures, l'autre étant des fonctions impures. D'une manière générale, 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 nous sommes passés à la création de plans pour les objets, puis à la création de plusieurs objets à partir de ce plan. L'utilisation de ces plans nous permet de nous assurer que les champs des 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 de disposer d'une base de données beaucoup plus uniforme avec laquelle travailler. Cela nous a également permis d'écrire du code DRY de manière significative.

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 une optimisation supplémentaire des fonctions, d'une manière ou d'une autre. En utilisant les méthodes map et filter, nous avons pu ignorer certaines boucles for et if . 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 JavaScript, y compris les fonctions fléchées introduites avec l'ES6 ou l'ES2015, qui sont les changements récents les plus importants dans les normes JavaScript.

Où aller en partant d'ici?

Selon ce que vous voulez réaliser, vous pouvez emprunter différents itinéraires. Si vous vouliez simplement vous rappeler les bases de JavaScript parce que vous devrez bientôt travailler avec, espérons que ce cours JavaScript vous a fourni un guide complet. Peut-être étiez-vous déjà bon dans un autre langage, comme Python, mais vous vouliez aussi voir JavaScript. Si tel est le cas, j'espère vous avoir facilité la prise en main de la syntaxe et des concepts JavaScript. Ou peut-être que vous débutez dans le développement Web et que vous saviez que JavaScript est très populaire.

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

Auteur : Robert Whitney

Expert JavaScript et instructeur qui coache les départements informatiques. Son objectif principal est d'augmenter la productivité de l'équipe en enseignant aux autres comment coopérer efficacement lors du codage.

Afficher tous les articles

Cours JavaScript de débutant à avancé en 10 articles de blog :

1. Comment commencer à coder en JavaScript ?
2. Principes de base de JavaScript
3. Variables et différents types de données en JavaScript
4. Extraits de code et structures de contrôle
5. Boucles While et boucles for
6. Tableau Java
7. Fonctions JavaScript
8. Objets JavaScript
9. Méthodes JavaScript et plus
10. Résumé du cours JavaScript