Formation : JavaScript : DOM, événements et code asynchrone

Ce que tu vas apprendre en 9 unités

1. 1

   JavaScript

   Commence ici

   Écris du JavaScript avec des variables, des types de données, des opérateurs et des conditions, puis exécute-le et débogue-le dans la console du navigateur.

   6 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Exécute du JavaScript dans une page web
   2. 2.Stocke des valeurs dans des variables avec let et const
   3. 3.Manipule des nombres, des chaînes de caractères et des booléens
   4. 4.Convertis les valeurs d’un type à un autre et prévois les conversions implicites
   5. 5.Prends des décisions avec des comparaisons et des conditions
   6. 6.Repère et corrige les erreurs avec la console et le débogueur
2. 2

   Boucles et tableaux en JavaScript

   Répète des opérations avec des boucles et traite des listes de données avec des méthodes de tableau comme map, filter, find et reduce.

   5 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Répète du code avec des boucles
   2. 2.Stocke et modifie des listes de données dans des tableaux
   3. 3.Parcours des tableaux avec des boucles
   4. 4.Traite des tableaux avec des méthodes utilisant des fonctions de rappel
   5. 5.Trie, copie et combine des tableaux
3. 3

   Fonctions JavaScript

   Écris des déclarations de fonction et des fonctions fléchées, explique la portée et les fermetures, et transmets des fonctions comme fonctions de rappel.

   5 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Définis et appelle des fonctions sous trois formes
   2. 2.Passe des valeurs aux fonctions et récupère leurs résultats
   3. 3.Explique où une variable peut être utilisée
   4. 4.Utilise des fermetures pour donner aux fonctions leur propre mémoire
   5. 5.Passe des fonctions à d’autres fonctions
4. 4

   Objets JavaScript et JSON

   Modélise des données avec des objets, utilise la déstructuration et la décomposition, explique le mot-clé this et convertis des données en JSON et inversement.

   5 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Modélise des données avec des objets
   2. 2.Donne des comportements aux objets avec des méthodes et this
   3. 3.Extrais et combine des données avec la déstructuration, la décomposition et le reste
   4. 4.Stocke des collections avec Map et Set
   5. 5.Convertis des données en JSON et inversement
5. 5

   DOM en JavaScript

   Sélectionne, modifie, crée et supprime des éléments de la page avec l’API DOM pour qu’elle se mette à jour sans rechargement.

   6 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Comprends comment une page web devient un arbre DOM
   2. 2.Sélectionne les éléments que tu veux manipuler
   3. 3.Modifie le texte et les attributs des éléments
   4. 4.Modifie l’apparence des éléments
   5. 5.Crée, insère et supprime des éléments
   6. 6.Affiche des listes et des tableaux à partir de données
6. 6

   Événements JavaScript

   Réagis aux clics, aux appuis sur les touches et aux saisies dans les formulaires avec des écouteurs d’événements, et valide les formulaires avant leur envoi.

   5 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Réagis aux événements avec des écouteurs d’événements
   2. 2.Suis la propagation des événements dans la page
   3. 3.Gère les entrées au clavier et au pointeur
   4. 4.Gère les formulaires et valide les entrées avant l’envoi
   5. 5.Crée des composants personnalisés utilisables par tous
7. 7

   JavaScript asynchrone

   Explique la boucle d’événements et écris du code asynchrone avec des fonctions de rappel, des promesses et des fonctions asynchrones, en gérant les erreurs.

   6 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Explique comment JavaScript exécute du code asynchrone
   2. 2.Écris et organise du code utilisant des fonctions de rappel
   3. 3.Crée et utilise des promesses
   4. 4.Écris du code asynchrone avec async et await
   5. 5.Gère les erreurs dans le code asynchrone
   6. 6.Exécute des tâches asynchrones en parallèle
8. 8

   Fetch et API du navigateur

   Charge et envoie des données avec fetch et des API web JSON, affiche les résultats sur une page et stocke de petites quantités de données dans le navigateur.

   5 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Demande et envoie des données avec fetch
   2. 2.Affiche les données d’une API sur une page
   3. 3.Utilise des API entre origines en toute sécurité
   4. 4.Stocke des données dans le navigateur
   5. 5.Utilise les fonctionnalités de l’appareil avec les API du navigateur
9. 9

   Classes et modules JavaScript

   Organise le code avec des modules ES et des classes, installe des paquets avec npm et utilise des outils comme les linters, les bundlers et les lanceurs de tests.

   5 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Modélise des objets avec des classes et des prototypes
   2. 2.Organise le code en modules ES
   3. 3.Gère un projet et ses paquets avec npm
   4. 4.Vérifie, teste et prépare le code pour la production avec des outils de développement
   5. 5.Situe TypeScript et les frameworks dans la chaîne d’outils JavaScript