Formation JavaScript

Leçon 1 • Style de code et règles de syntaxe de base

Couvre les points-virgules, les espaces blancs, les commentaires et les conventions de nommage. Établit des habitudes de code propre qui préviennent les erreurs courantes des débutants tout au long du cours.

Leçon 2 • Configuration de votre environnement de développement

Installe et configure un éditeur de code, les outils de développement du navigateur et Node.js. Garantit que chaque étudiant dispose d'un espace de travail cohérent et fonctionnel dès le premier jour.

Leçon 3 • Écriture et exécution de votre premier script

Présente les balises script, les fichiers JS externes et la console du navigateur. Les étudiants produisent et déboguent immédiatement leur premier résultat fonctionnel.

Leçon 1 • Types de données primitifs

Couvre les types string, number, boolean, null, undefined, symbol et BigInt. Les étudiants identifient et utilisent correctement chaque type dans des expressions.

Leçon 2 • Opérateurs arithmétiques, de comparaison et logiques

Couvre tous les groupes d'opérateurs fondamentaux et la précédence des opérateurs. Les étudiants écrivent des expressions correctes et comprennent comment JS évalue les conditions composées.

Leçon 3 • Coercition de type et opérateur typeof

Explique la conversion de type implicite et explicite, ainsi que la manière dont typeof inspecte les valeurs. Les étudiants évitent les bugs de coercition en comprenant le typage dynamique de JS.

Leçon 1 • Contrôle de boucle avec break et continue

Présente break et continue pour modifier le flux d'exécution des boucles. Les étudiants écrivent des boucles efficaces qui sautent des itérations inutiles ou se terminent prématurément.

Leçon 2 • Véracité, fausseté et évaluation par court-circuit

Explique les valeurs que JS considère comme fausses dans les contextes booléens et comment fonctionne la logique de court-circuit. Les étudiants écrivent des expressions conditionnelles concises et sûres.

Leçon 3 • Boucles for, while et do-while

Couvre les trois constructions de boucle principales et leurs cas d'usage appropriés. Les étudiants sélectionnent le type de boucle adapté et contrôlent précisément l'itération.

Leçon 4 • Instructions conditionnelles

Enseigne les instructions if, else if, else et switch pour la logique de branchement. Les étudiants traduisent des règles du monde réel en arbres de décision exécutables.

Leçon 1 • Fonctions fléchées et this lexical

Présente la syntaxe des fonctions fléchées et explique en quoi elles diffèrent des fonctions classiques concernant this. Les étudiants utilisent correctement les fonctions fléchées dans les callbacks et les méthodes.

Leçon 2 • Portée, fermetures et chaîne de portées

Explique la portée globale, de fonction et de bloc, puis construit les fermetures. Les étudiants exploitent les fermetures pour l'encapsulation de données et les motifs de fabrique.

Leçon 3 • Paramètres, arguments et valeurs de retour

Couvre les paramètres par défaut, les paramètres rest et le retour explicite. Les étudiants écrivent des fonctions flexibles qui gèrent des entrées variables avec élégance.

Leçon 4 • Déclarations et expressions de fonction

Compare les déclarations de fonction, les expressions de fonction et les expressions de fonction nommées. Les étudiants comprennent les différences de hoisting et choisissent la forme appropriée.

Leçon 1 • Création et accès aux tableaux

Couvre les littéraux de tableau, l'indexation, la longueur et les tableaux imbriqués. Les étudiants créent et lisent avec confiance des tableaux de toute forme.

Leçon 2 • Recherche et test dans les tableaux

Présente find, findIndex, indexOf, includes, some et every. Les étudiants interrogent les tableaux efficacement sans boucles manuelles.

Leçon 3 • Destructuration et spread avec les tableaux

Couvre l'affectation par destructuration de tableau et l'opérateur spread. Les étudiants écrivent du code concis pour dépaqueter et combiner des tableaux.

Leçon 4 • Méthodes de tableau mutantes

Enseigne push, pop, shift, unshift, splice et sort. Les étudiants ajoutent, suppriment et réordonnent des éléments tout en comprenant les effets secondaires des mutations.

Leçon 1 • Prototypes et chaîne de prototypes

Explique l'héritage basé sur les prototypes et la recherche de propriétés. Les étudiants comprennent comment les objets JS partagent un comportement sans duplication.

Leçon 2 • Destructuration, spread et méthodes utilitaires des objets

Couvre l'affectation par destructuration, l'opérateur spread/rest pour les objets et les méthodes utilitaires de Object. Les étudiants écrivent du code concis de manipulation d'objets.

Leçon 3 • Littéraux d'objet et accès aux propriétés

Couvre la création d'objets, la notation par point, la notation par crochets et les propriétés raccourcies. Les étudiants construisent et lisent des objets en tant que structure de données principale en JS.

Leçon 4 • Classes ES6 et héritage

Présente la syntaxe class, les constructeurs et extends pour l'héritage. Les étudiants modélisent des hiérarchies à l'aide de motifs modernes, lisibles et basés sur les classes.

Leçon 1 • La boucle d'événements et la pile d'appels

Explique le modèle monothread, la pile d'appels et la boucle d'événements. Les étudiants comprennent pourquoi les motifs asynchrones existent et comment JS planifie le travail.

Leçon 2 • Syntaxe async et await

Présente les fonctions async et les expressions await comme sucre syntaxique au-dessus des Promises. Les étudiants écrivent du code asynchrone qui se lit comme une logique synchrone.

Leçon 3 • Combinateurs de Promise et API Fetch

Couvre Promise.all, Promise.race, Promise.allSettled et l'API Fetch. Les étudiants coordonnent plusieurs opérations asynchrones et récupèrent des données distantes.

Leçon 4 • Callbacks et enfer des callbacks

Couvre les callbacks asynchrones et le problème d'imbrication qu'ils créent. Les étudiants reconnaissent l'enfer des callbacks et comprennent pourquoi les Promises ont été introduites.

Leçon 1 • Création et suppression d'éléments DOM

Couvre createElement, appendChild, insertBefore et remove. Les étudiants construisent et déconstruisent des éléments de page par programmation.

Leçon 2 • Gestion d'événements et délégation

Présente addEventListener, les objets événement et la délégation via le bubbling. Les étudiants attachent des écouteurs efficaces qui fonctionnent sur du contenu dynamique.

Leçon 3 • Sélection d'éléments DOM

Couvre getElementById, querySelector, querySelectorAll et les sélecteurs associés. Les étudiants récupèrent des éléments uniques et multiples de manière fiable.

Leçon 4 • Compréhension de l'arbre DOM

Explique le modèle objet de document comme un arbre de nœuds. Les étudiants naviguent dans les relations parent, enfant et frère pour localiser n'importe quel élément.