Article original : Learn the JavaScript You Need to Build Apps in this 28-Part Course
Vous avez du mal à déterminer quelles compétences JavaScript vous devez acquérir pour créer des applications réelles ? Découvrez ce cours concis et rempli d'exemples qui fournit les concepts JavaScript essentiels dont vous avez besoin pour être productif avec des bibliothèques comme React, Angular et Vue.
Si vous souhaitez créer des applications web sérieuses, le langage à utiliser est JavaScript.
Mais quelles compétences JavaScript devez-vous maîtriser pour créer des applications efficacement ?
Quelles sont les compétences JavaScript essentielles ?
Il existe de nombreux cours sur JavaScript disponibles en ligne, mais peu se spécialisent dans ce que tant de développeurs veulent savoir :
Quelles compétences JavaScript sont essentielles pour créer vos propres applications ?
Il existe un écart entre l'apprentissage de JavaScript vanilla et l'apprentissage d'une bibliothèque comme React, Angular et Vue pour créer des applications JavaScript en une seule page.
J'ai conçu un cours complet avec pour objectif de vous montrer comment combler cet écart.
Mon objectif n'est pas seulement de vous enseigner les compétences dont vous avez besoin tout en présentant des exemples concrets pour consolider votre compréhension, mais aussi de vous donner une nouvelle perspective. Vous découvrirez une meilleure façon de regarder votre code JavaScript qui vous aidera à commencer à penser comme un développeur d'applications professionnel.
Voulez-vous commencer maintenant ? Suivez le cours complet ici.
Aperçu du cours
Faisons un bref tour d'horizon du cours et de chaque section majeure. Nous verrons comment chaque section garantit que vous apprenez JavaScript de la manière la plus efficace et sans détours possible.
Dans ce cours, nous développerons nos compétences, des concepts de base aux plus complexes. Même si vous êtes un développeur JavaScript intermédiaire, nous aborderons chaque concept avec une profondeur supplémentaire et des observations sur le langage que vous n'avez probablement jamais entendues auparavant.
Variables et chaînes de caractères
Nous commencerons par les éléments de base de tout programme JS : les variables.
Tout d'abord, nous aborderons la déclaration de variables avec let et const et comment elles constituent une amélioration par rapport à l'ancienne syntaxe var. Nous apprendrons des concepts comme la portée de bloc, l'ombrage de variables et la zone morte temporelle, mais nous découvrirons également comment ces nouveaux mots-clés peuvent rendre notre code plus facile à traiter.
Par exemple, pourquoi la variable salePrice ci-dessous devient plus lisible lorsque nous la déclarons avec const au lieu de let ou var.
Cliquez pour regarder cette leçon
Parce que nous déclarons la variable comme une constante, nous savons qu'elle ne se verra pas attribuer une valeur différente plus tard. Cela rend notre code plus facile à comprendre, tant pour les autres développeurs que pour nous-mêmes.
Enfin, dans cette section, nous aborderons les littéraux de gabarit et comment ils améliorent les chaînes de caractères dans JavaScript, de la mise en forme du texte à l'insertion de valeurs dynamiques, et bien plus encore.
Types et conditionnels
Ensuite, nous aborderons les types et les conditionnels, qui vont de pair.
Nous examinerons d'abord une partie étrange (et souvent mal comprise) de JavaScript appelée coercition de type, qui signifie comment les types sont changés d'une valeur à une autre.
Les types peuvent changer implicitement lorsque nous écrivons des conditionnels, ce qui signifie que nous devons connaître les valeurs truthy et falsy, des valeurs qui sont subtilement coercées en booléen vrai et faux, respectivement.
Nous verrons comment nous pouvons utiliser les valeurs truthy et falsy à notre avantage en créant des conditionnels plus courts en utilisant les opérateurs && (et) et || (ou). Cette astuce, connue sous le nom de court-circuit, est la base de la façon dont les bibliothèques JS comme React affichent ou masquent des éléments.
Cliquez pour regarder cette leçon
Ensuite, nous verrons comment raccourcir nos conditionnels if-else avec l'opérateur ternaire, et comment ils sont pratiques dans les situations où nous voulons définir conditionnellement la valeur d'une variable.
Fonctions
Après cela, nous plongerons dans les fonctions, le moteur de toute application Javascript.
Nous démystifierons une caractéristique cruciale des fonctions appelée fermetures (closures). Nous comprendrons ce qu'est une fermeture en créant un exemple pratique.
Cela nous permettra de voir pourquoi les fermetures valent la peine d'être connues et comment elles peuvent améliorer notre code JavaScript en gardant une trace des valeurs entre les appels de fonctions :
Cliquez pour regarder cette leçon
Nous aborderons un type de fonction que vous trouverez dans toutes les applications Javascript modernes, à savoir les fonctions fléchées. Avec les fonctions fléchées, nous pouvons considérablement réduire notre code en utilisant toutes les astuces disponibles pour les rendre aussi concises que possible.
Enfin, nous aborderons les valeurs par défaut dans les fonctions et comment elles peuvent rendre notre code plus fiable, surtout si un argument attendu n'est pas fourni.
Objets
Des types de données primitifs, nous passerons aux objets.
Comprendre des concepts essentiels à la création d'applications comme les mutations et l'immuabilité n'est pas possible sans connaître la différence entre les types primitifs et les types d'objets en JavaScript. Nous aborderons cette différence en détail et verrons directement pourquoi elle est importante pour la fiabilité de notre code.
Nous aborderons une variété de modèles pratiques pour obtenir plus facilement nos données d'objet grâce à la déstructuration d'objets, comme vous le voyez ci-dessous :
Cliquez pour regarder cette leçon
Ensuite, après avoir déstructuré nos objets, nous verrons comment les assembler plus facilement. En utilisant l'opérateur de propagation d'objet, nous pouvons fusionner plusieurs objets de manière immuable.
Tableaux
Les tableaux sont essentiels pour toute liste de données que nous affichons dans nos applications, et nous devons savoir comment les manipuler avec facilité.
Nous aborderons comment effectuer des actions sur tous les éléments des tableaux grâce à des fonctions de tableau d'ordre supérieur comme map et filter pour transformer nos éléments ou les supprimer de notre tableau.
De plus, nous utiliserons des méthodes comme find pour obtenir des éléments individuels en fonction de certaines conditions :
Cliquez pour regarder cette leçon
Ensuite, nous aborderons la méthode de tableau la plus importante, reduce, et verrons sa puissance pour transformer nos données de tableau en pratiquement n'importe quel type de données que nous voulons.
JavaScript Orienté Objet
Ensuite, nous commencerons avec la programmation orientée objet et aborderons l'idée centrale qui la rend possible en JavaScript : la fonction constructeur.
Les fonctions constructeur permettent de donner à nos objets un comportement partagé (fonctions) grâce à ce que l'on appelle la chaîne de prototypes.
Grâce à une autre fonctionnalité plus récente de JavaScript appelée classes, nous aborderons comment nous pouvons facilement hériter de fonctionnalités grâce à ce que l'on appelle l'héritage prototypal et étendre nos classes pour partager des fonctionnalités entre elles.
Cliquez pour regarder cette leçon
JavaScript Asynchrone
Ensuite, nous passerons au JavaScript asynchrone, une compétence nécessaire à avoir et à comprendre si vous souhaitez créer des programmes JavaScript sophistiqués de quelque nature que ce soit.
Nous commencerons par une discussion sur ce qu'est le code asynchrone et comment il était géré dans le passé en utilisant des fonctions de rappel et comment cela crée des problèmes dans notre code (comme "l'enfer des rappels").
Heureusement, nous corrigerons certains des problèmes inhérents à l'utilisation des rappels grâce à une fonctionnalité ES6 appelée Promise. Nous acquerrons de l'expérience en utilisant les promesses de manière pratique en nous familiarisant avec l'API Fetch du navigateur, qui nous permet de faire des requêtes HTTP et d'importer des données externes dans nos applications.
Ensuite, et surtout, nous aborderons comment faire fonctionner nos promesses et les faire ressembler à du code synchrone afin que nous puissions facilement les comprendre avec l'aide de la nouvelle syntaxe async-await pour les fonctions.
Cliquez pour regarder cette leçon
Sujets essentiels
Nous terminerons le cours avec quelques compétences clés nécessaires pour commencer à créer des projets JavaScript complets. Tout d'abord, nous ferons un plongeon profond dans les modules ES, une fonctionnalité ES6 qui nous permet de partager notre code JavaScript entre plusieurs fichiers.
Nous aborderons des questions épineuses comme le mot-clé this en couvrant une liste de règles concrètes à suivre afin de déterminer sa valeur dans n'importe quel contexte, comme dans un gestionnaire d'événements DOM :
Cliquez pour regarder cette leçon
Et enfin, nous terminerons le cours avec une discussion générale sur le code impératif versus déclaratif, que vous devriez chercher à atteindre dans votre carrière de codeur, et pourquoi.
Regardez le cours maintenant
Suivez ce cours et, en un après-midi ou deux, vous apprendrez des concepts qui feront croître de manière significative vos compétences en JavaScript et vous permettront de vous attaquer avec confiance à des bibliothèques front-end puissantes comme React, Angular, Svelte, Vue, et bien plus encore.
Profitez-en !
Devenez un développeur React professionnel
React est difficile. Vous ne devriez pas avoir à le comprendre tout seul.
J'ai mis tout ce que je sais sur React dans un seul cours, pour vous aider à atteindre vos objectifs en un temps record :
Présentation : Le React Bootcamp
C'est le cours que j'aurais aimé avoir lorsque j'ai commencé à apprendre React.
Cliquez ci-dessous pour essayer le React Bootcamp par vous-même :
Cliquez pour commencer