Lecture automatique
Autocomplete
Session précédente
Terminez et continuez
Le JavaScript de A à Z
Introduction
Introduction (7:41)
Fonctionnement du code source et conseils (7:10)
Les bases de Javascript
Créer un dossier et exécuter du JavaScript (11:21)
Déclarer des variables (15:28)
Les différents types (15:59)
Les commentaires (3:57)
Les expressions et les instructions (6:03)
Les différents opérateurs (11:03)
Introduction aux chaînes de caractères (8:40)
Introduction aux fonctions (8:50)
Comprendre l'hissage (hoisting) (9:21)
Introduction aux objets (10:25)
Introduction aux tableaux (3:50)
Introduction au DOM (10:34)
Introduction aux évènements (4:59)
Introdcution Exercice 1 : Les variables (0:39)
Résolution exercice : les variables (3:08)
Introduction exercice : Naming (1:42)
Résolution exercice : Naming (5:45)
Introduction exercice : objets et tableaux (0:36)
Résolution exercice : Objets et tableaux (1:55)
Les instructions
La condition "if" (4:58)
Les conditions if...else et else (6:02)
La coercition de type (4:13)
Les conditions complexes (6:35)
Le switch (2:21)
L'opération ternaire (5:07)
L'opération de court-circuit (3:34)
La boucle for et les instructions break et continue (10:29)
Les boucles while et do while (5:16)
Boucle for...in et for...of (2:01)
Introduction à l'exercice : Conditions (0:55)
Résolution de l'exercice : Conditions (4:27)
Introduction à l'exercice : Conditions 2 (1:18)
Résolution de l'exercice : Conditions 2 (3:31)
Les fonctions dans le détail
Les fonctions fléchées (6:05)
Les fonctions callback (5:50)
Les méthodes (4:48)
Les fonctions pures (4:38)
Les fonctions d'ordre supérieur (8:52)
Les fonctions auto-invoquées (1:56)
Comprendre la récursion (1:36)
Introduction à l'exercice sur les fonctions (1:57)
Résolution de l'exercice sur les fonctions (5:55)
Les objets dans le détail
Les valeurs primitives et les valeurs de référence (10:53)
Copier un tableau ou un objet (10:42)
Le mot clé "this" dans les objets (5:34)
Le chaînage optionnel (3:41)
Infos utiles et astuces avec les objets (6:55)
Les méthodes utiles en rapport avec les objets (7:44)
Introduction de l'exercice sur les objets (1:19)
Résolution de l'exercice sur les objets (6:23)
Les tableaux dans le détail
Méthodes pratiques et la propriété length (2:47)
Itérer dans un tableau (10:43)
Les méthodes d'ordre supérieur des tableaux I (9:14)
Les méthodes d'ordre supérieur des tableaux II (9:43)
Les méthodes de recherche d'index et d'éléments des tableaux (4:50)
Aplatir et concaténer des tableaux (1:54)
Itérer un tableau multidimensionnel (4:00)
Les méthodes "split" et "join" (2:49)
Découper un tableau et supprimer des éléments avec "slice" et "splice" (4:36)
Introduction à l'exercice : Le concert (1:26)
Résolution de l'exercice : Le concert (4:19)
Introduction à l'exercice : Filtres (1:18)
Résolution de l'exercice : Filtres (4:41)
Les chaînes de caractères dans le détail
Les méthodes des chaînes (9:16)
Les Regex (expressions régulières) (16:56)
Les listes et l'échappement (3:34)
Les quantificateurs (10:44)
Les groupes optionnels et les ancres (5:01)
Les méthodes utiles (2:59)
Un outil très pratique : Regex101 (2:31)
Intro exercice chaînes (0:59)
Résolution exercice chaînes (2:42)
Introduction exercice Regex (1:09)
Résolution exercice Regex (9:36)
Nombres et Bigint
Les méthodes des nombres (13:21)
Les méthodes mathématiques (6:23)
Transformer une chaîne en nombre (4:00)
Le type bigint (1:21)
Les dates
Le constructeur Date et les méthodes des dates (7:14)
Introduction à l'exercice : Jours entre deux dates (1:14)
Résolution de l'exercice : Jours entre deux dates (5:35)
Introduction à l'exercice : Date entre deux dates (0:34)
Résolution de l'exercice : Date entre deux dates (1:02)
Le Document Object Model (DOM)
Introduction au DOM (5:33)
La sélection d'éléments du DOM partie 1 (13:58)
La sélection d'éléments du DOM partie 2 (5:58)
Les propriétés représentant les enfants et les parents (7:00)
Les différences entre : innerText, textContent et innerHTML (9:44)
Les setters mettent à jour le DOM ! (7:47)
Changer le style en JavaScript (3:19)
Manipuler les attributs en JavaScript (11:03)
Créer et rajouter des éléments au DOM (3:23)
Créer du contenu avec les "template literals" (10:11)
Créer et utiliser des fragmens (3:37)
Les méthodes append vs appenchild (2:11)
Supprimer un élément (3:43)
Cloner un élément (1:57)
Comparer des éléments du DOM = comparer des objets (2:30)
Obtenir les positions et les dimensions (11:33)
Les méthodes de scroll (8:19)
Introduction exercice DOM I (0:51)
Résolution exercice DOM I (4:08)
Introduction exercice DOM II (0:33)
Résolution exercice DOM II (3:13)
Introduction exercice DOM III (1:07)
Résolution exercice DOM III (7:28)
Les évènements
Comment écouter des évènements ? (8:58)
Les comportements par défaut (4:05)
La propagation des évènements (7:34)
La délégation des évènements (7:25)
Les évènements de souris (9:44)
Le "class toggle" (4:46)
Les évènements scroll & resize (3:16)
Les évènements de clavier (2:47)
Les évènements de formulaire (11:00)
Les évènements des médias (2:52)
Les touch events (2:08)
Les évènements liés aux transitions et aux animations (2:25)
Les évènements de chargement (1:55)
Introduction exercice évènement 1 (0:37)
Résolution exercice évènement 1 (2:26)
Introduction exercice évènement II (0:49)
Résolution exercice évènement II (5:12)
Projets pratiques
Créer un menu personnalisé au clic droit (11:47)
Créer des spoilers (11:30)
Copier du contenu dans le presse papier (11:18)
Coder une range d'emojis (6:21)
Coder un input animé et stylé (11:56)
Créer une fenêtre modale (8:27)
Coder un menu rideau (10:58)
Créer un slider (9:10)
Fonctionnement JavaScript sur navigateur
Comment fonctionne JavaScript sous le capot ? (13:48)
Analysons le comportement de JS au niveau du code (6:16)
Continuons de l'analyser (5:22)
Comprendre les closures en JavaScript (9:18)
Le JavaScript moderne
Let et const dans le détail (9:29)
Les fonctions fléchées (9:12)
Les "template literals" (3:38)
Opérateur "spread" et destructuring (5:59)
Opérateur "spread" et destructuring partie 2 (9:23)
Quelques astuces avec les objets ES6+ (1:54)
Les getters et les setters (7:24)
L'opérateur du reste et les paramètres par défaut (2:57)
Les modules ES6 (5:04)
Le JavaScript asynchrone
SetTimeout et setInterval (8:09)
Gérer les erreurs (6:50)
Les promesses (8:29)
Comprendre le format JSON (3:22)
L'asynchrone avec AJAX (11:07)
La méthode fetch() (6:58)
Gérer les erreurs avec fetch (9:13)
Utiliser async await (6:33)
Appel d'API avec async await (6:07)
Introduction Exercice 1 : Le décompte (0:42)
Résolution exercice 1 (5:29)
Introduction exercice 2 : Afficher des articles (1:10)
Résolution exercice 2 (5:39)
Classes et prototypes en JS
Découverte des prototypes I (8:24)
Découverte des prototypes II (10:05)
Héritage de prototype (10:36)
Les classes (4:28)
Les différents champs (4:47)
Héritage de classe (6:22)
Introduction exercice 1 (0:15)
Résolution exercice 1 (5:09)
Introduction exercice 2 (0:21)
Résolution exercice 2 (2:40)
Tooling et bundlers
Le problème des modules (5:54)
Découverte d'un bundler : Vite (16:03)
Créer une app React (5:29)
Fonctionnement du code source et conseils
Terminez et continuez