Dans ce cours en ligne, nous allons apprendre à utiliser un langage génial : JavaScript.
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 donc un incontournable. Il faut bien le maîtriser pour accéder à toutes ces possibilités.
Au programme de cette formation 100% en ligne pour apprendre le JavaScript
Voici les notions que nous allons aborder dans ce cours JavaScript :
- 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 !
Programme alléchant n'est ce pas ? Rendez-vous de l'autre côté pour commencer à coder !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Pré-requis pour suivre confortablement la formation
Nous verrons comment JavaScript est lié à l'HTML et au CSS, c'est donc important d'avoir des bases dans ces deux langages !
Table des matières de cette formation JavaScript (durée : 9h09m)
-
Introduction
- Introduction cours JavaScript 00:03:00
- Code source et éditeur 00:03:58
-
JavaScript, les bases
- Créer son dossier 00:07:45
- Les variables 00:08:44
- Les types 00:08:09
- Énoncé exercice 1 : Types, variables 00:03:57
- Résolution Exercice 1 00:03:25
- Les opérateurs 00:05:18
- Les chaînes de caractères dans le détail 00:09:59
- Les fonctions 00:07:47
- Énoncé exercice 2 : Chaînes, fonction, opérateurs 00:01:35
- Exercice 2 : Résolution 00:04:09
- L'importance, ou pas, de l'ordre du code. 00:02:12
- Introduction aux tableaux 00:04:05
- Introduction aux objets 00:05:13
- Introduction au DOM 00:04:43
- Introduction aux évenements 00:04:51
- Énoncé exercice 3. 00:01:32
- Exercice 3 : Corrigé 00:04:41
-
Les conditions
- Les conditions "if", et égalité stricte, non stricte. 00:03:36
- Conditions multiples 00:03:26
- Comparaisons complexes 00:05:34
- Les valeurs "truthy" et "falsy" 00:03:13
- Le switch 00:03:27
- L'opérateur ternaire 00:05:54
- Les déclarations et les expressions 00:02:45
- La boucle for 00:04:01
- Énoncé exercice 4 00:02:23
- Résolution exercice 4 00:03:20
- La boucle "for..of" 00:04:00
- La boucle "for..in" 00:03:00
- La boucle "while" et "do..while" 00:03:45
- Les mots clés "break" et "continue" 00:03:43
- Le "try...catch" 00:04:07
- Énoncé exercice 5 00:00:56
- Résolution exercice 5 00:06:13
-
Bien gérer son éditeur, savoir trouver des solutions
- Raccourcis et optimisation avec VS Code 00:09:13
- Les sites utiles 00:00:00
- La console et les outils de développement 00:05:40
-
Les évènements dans le détail
- Les évènements dans le détail. 00:04:45
- Les évènements les plus utilisés. 00:10:13
- La propagation des évenements 00:04:53
- Utiliser "preventDefautl()" 00:03:13
- Énoncé exercice évènements 00:01:01
- Résolution exercice évènements 00:04:39
-
Comprendre certains concepts du JavaScript
- Block-scoped vs Function-scoped 00:05:46
- Comprendre le "Hoisting" 00:05:29
- Le mode strict 00:02:58
- Fonctionnement interne de JS 00:04:46
- Comprendre Window et Document 00:06:03
- Le mot clé "this" 00:06:52
-
Le JavaScript moderne ES6/7/etc
- Introduction JS Moderne 00:02:57
- Let et const dans le détail 00:06:45
- Les fonctions fléchées 00:10:36
- Les "template litterals" 00:03:44
- Les classes 00:05:13
- Spread et destructuring 00:03:46
- Les objets et les paramètres par défaut 00:03:25
- Les promesses 00:03:25
- Énoncé exercice 7 00:00:44
- Résolution exercice 7 00:02:20
-
Les fonctions dans le détail
- Les fonctions pures 00:05:07
- Les fonctions callback 00:05:01
- Les fonctions d'ordre supérieur 00:08:02
- Fonctions auto-invoquées 00:02:43
- La récursion 00:03:12
- Énoncé exercice 8 00:01:11
- Résolution exercice 8 00:04:00
-
Les tableaux dans le détail
- Méthodes liées aux tableaux 00:02:43
- Méthodes liées aux tableaux partie II 00:02:22
- Méthodes liées aux tableaux partie III 00:08:34
- Utiliser les méthodes callback 00:13:17
- Utiliser une boucle avec les tableaux 00:01:52
-
Les chaînes de caractères
- Les méthodes liées aux chaînes de caractères 00:08:37
- Le regex 00:07:34
- La méthode "Replace" 00:01:19
-
Les objets dans le détail
- Valeurs primitives vs références 00:04:45
- Delete et bracket/dot notation 00:04:23
- Les tableaux sont des objets 00:03:53
- La méthode bind en JS 00:05:34
-
Le DOM (Document Object Model)
- Les différentes sélections du DOM 00:06:31
- Comprendre les parents-enfants 00:05:21
- Styliser les éléments du DOM 00:02:10
- Créer et insérer un élément 00:05:03
- Supprimer un élément 00:02:20
-
Le JavaScript Asynchrone
- Utiliser setTimeout() & setInterval 00:06:29
- Comprendre les promesses 00:06:00
- Utiliser async await 00:03:14
- Qu'est ce qu'une API ? 00:04:00
- Appel basique avec XHR 00:05:05
- Visualiser les données et pouvoir les utiliser 00:02:51
- Créer une liste à partir des données 00:08:26
- La méthode fetch() 00:04:30
-
L'orienté objet en JavaScript
- La programmation orienté objet : les objets 00:03:12
- Utiliser des classes 00:03:49
- Les constructeurs natifs en JavaScript 00:01:48
- Créer des méthodes dans nos classes 00:01:30
- Faire des chaînes de méthodes 00:04:36
- Les sous-classes 00:02:15
- Comprendre le prototype 00:04:22
- Les fonctions constructeur 00:05:21
- Projet orienté objet partie 1 00:06:39
- Projet orienté objet partie 2 00:17:35
-
Des projets pour bien comprendre JS
- Projet : Yeux qui suivent la souris. 00:14:37
- La fenêtre modale 00:09:00
- Les onglets 00:13:38
- La navbar responsive 00:08:09
- Créer un loader 00:13:07
- Partie 6 00:07:10
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Enzo Ustariz
-
Super formation bien complete
-
Un bon catalogue de fonctions de JS.
-
Très bonne formation Enzo est très pédagogue 👍
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés