Le language le plus populaire
JavaScript de A à Z
Vous allez apprendre le langage le plus populaire au monde.
C'est un des piliers pour coder en Front-End, et depuis quelques années on l'utilise même en back, en application de bureau, en application mobile et j'en passe !
C'est un incontournable.
Ce langage a beaucuop évolué et continue de recevoir de fréquentes mises à jour, c'est pourquoi il faut bien comprendre les bases et acquérir de solides connaissances avec ce dernier afin de créer des fondations à toute épreuve.
Au programme de cette formation :
- Les bases,
- Les conditions,
- Les évènements,
- Les objets,
- Les fonctions,
- Les tableaux,
- Le JavaScript moderne,
- Le JavaScript asynchrone,
- Comment gérer son éditeur, les sites utiles,
- Des projets pour mettre en pratique ce que l'on voit ensemble,
- Il y aura également beaucoup d'exercices et de quizz !
- Enfin nous réaliserons des projets sympathiques pour voir les possibilités de JS et pour vous donner des idées.
La structure du cours
Introduction
Disponible en
journées
journées
après vous être inscrit
Les bases de Javascript
Disponible en
journées
journées
après vous être inscrit
- 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
Disponible en
journées
journées
après vous être inscrit
- 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
Disponible en
journées
journées
après vous être inscrit
- Les fonctions callback (5:50)
- Les fonctions fléchées (6:05)
- 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
Disponible en
journées
journées
après vous être inscrit
- 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
Disponible en
journées
journées
après vous être inscrit
- 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
Disponible en
journées
journées
après vous être inscrit
- 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
Disponible en
journées
journées
après vous être inscrit
Les dates
Disponible en
journées
journées
après vous être inscrit
Le Document Object Model (DOM)
Disponible en
journées
journées
après vous être inscrit
- 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
Disponible en
journées
journées
après vous être inscrit
- 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
Disponible en
journées
journées
après vous être inscrit
Fonctionnement JavaScript sur navigateur
Disponible en
journées
journées
après vous être inscrit
Le JavaScript moderne
Disponible en
journées
journées
après vous être inscrit
- 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
Disponible en
journées
journées
après vous être inscrit
- 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
Disponible en
journées
journées
après vous être inscrit
Tooling et bundlers
Disponible en
journées
journées
après vous être inscrit
Cliquez sur les questions
Foire aux questions.
Oui, il vous suffit de cliquer sur votre profil > gérer les abonnements > annuler l'abonnement.
Il vous suffit de rejoindre le serveur Discord dans lequel vous pouvez discuter développement web, demander de l'aide ou encore participer à des concours ou des exercices.
Le Parcours Front-End est une feuille de route vous permettant de suivre les cours qui feront de vous un développeur Front-End dans l'ordre.
Il est très important de pratiquer quand on apprend de nouvelles compétences, c'est pourquoi j'ai une page spécialement remplie de dizaines de cours et de projets pratiques!
Rejoignez des milliers d'étudiants