À propos du cours
Vous voulez apprendre JavaScript et créer des applications web dynamiques ? Cette formation JavaScript de A à Z est conçue pour vous aider à passer de débutant à développeur JavaScript autonome. Avec plus de 20 heures de vidéos et 24 projets concrets, vous avancez progressivement dans l’apprentissage de chaque notion, des bases aux concepts avancés. Tout au long de la formation, vous appliquez directement ce que vous apprenez, vous donnant ainsi une réelle maîtrise du langage.
Grâce à un contenu structuré et ancré dans la pratique, vous progressez à votre rythme et avec assurance. Chaque leçon se concentre sur un aspect clé de JavaScript, que ce soit la manipulation du DOM, les fonctions, les objets, ou encore la programmation asynchrone. De plus, chaque projet intégré à la formation est une opportunité d’appliquer vos nouvelles compétences. À la fin de chaque module, vous aurez créé des mini-applications et d’autres exercices concrets qui vous permettront de maîtriser des concepts variés, tout en renforçant votre compréhension et votre confiance.
Pourquoi choisir cette formation ?
- Parcours complet et progressif : Tout d’abord, nous abordons tous les fondamentaux de JavaScript pour poser des bases solides. Ensuite, vous progressez vers des concepts avancés, pour obtenir une vision globale et approfondie du langage. Que vous soyez débutant ou que vous ayez déjà quelques bases, ce programme est conçu pour évoluer avec vous.
- Apprentissage 100% pratique : Avec les 24 projets, vous avez l’occasion de pratiquer chaque notion. Au lieu de rester théorique, chaque module vous permet de tester vos connaissances sur des projets concrets et variés. Par exemple, vous travaillerez sur des mini-applications, des exercices pratiques et des projets plus complexes, en développant ainsi une expérience riche et diversifiée.
- Formation guidée et structurée : Enfin, vous bénéficiez d’explications accessibles et de projets concrets qui vous permettent de gagner en autonomie dans l’écriture de votre code, tout en vous assurant une compréhension claire à chaque étape.
En rejoignant cette formation, vous maîtriserez JavaScript de façon à concevoir des applications, optimiser votre code, et vous adapter aux bonnes pratiques du développement moderne. Que vous souhaitiez créer vos premiers projets ou affiner vos compétences, cette formation vous apporte les outils pour réussir.
Qu’allez-vous apprendre ?
- Les bases de JavaScript : Comprendre les types de données, les variables, les opérateurs et les structures de contrôle.
- Les fonctions : Créer et utiliser des fonctions pour structurer et réutiliser le code efficacement.
- Les tableaux et objets : Manipuler des données complexes et organiser des informations.
- Le DOM (Document Object Model) : Accéder et manipuler le contenu HTML pour créer des interactions dynamiques.
- Les événements : Réagir aux actions des utilisateurs (clics, saisie, mouvements, etc.).
- La manipulation des classes CSS : Utiliser JavaScript pour ajouter, modifier, ou retirer des classes CSS et dynamiser l’interface.
- La gestion des formulaires : Contrôler la validation et la soumission de formulaires.
- Les fonctions asynchrones : Comprendre les promesses et async/await pour gérer les opérations asynchrones.
- Les API REST : Apprendre à récupérer des données à partir de serveurs distants avec fetch et les utiliser dans une application.
- Les concepts d’objet et de prototype : Explorer les fondations de la programmation orientée objet en JavaScript.
- Les modules JavaScript : Structurer le code en utilisant l’import/export de modules.
- Le localStorage et sessionStorage : Stocker des données localement pour conserver l’état d’une application.
- Les classes ES6 : Apprendre à créer des classes pour une approche plus structurée de la POO.
- Les callbacks et closures : Comprendre le fonctionnement des fonctions de rappel et des fermetures pour une meilleure maîtrise de JavaScript.
- Les méthodes de tableau avancées : Utiliser map, filter, reduce, et autres méthodes pour travailler efficacement avec les tableaux.
- Les erreurs et leur gestion : Apprendre à déboguer le code et gérer les erreurs avec try...catch.
- Les animations JavaScript : Créer des animations simples pour améliorer l'expérience utilisateur.
- Le modèle d’événements et la propagation : Comprendre la propagation des événements et leur gestion (capturing et bubbling).
Contenu du cours
Installation et préparation
-
Le fonctionnement de Javascript
02:20 -
Préparation à la formation
02:45 -
Ou écrire du javascript
07:48
Notions de base
-
03:42
-
05:25
-
02:17
-
04:19
-
06:25
-
02:47
-
Fonctions fléchées
06:03 -
Arguments
02:24 -
Les fonctions callbacks
02:37 -
Les fonctions pures
02:07 -
Les fonctions d’ordre supérieur
02:24 -
Les Sélecteurs
05:02 -
Les événements
10:32 -
Styliser le DOM
13:12 -
Les conditions avec IF et Else
05:05 -
Operateur ternaires
02:22 -
Switch
03:19 -
Système Parent et Enfant
07:01 -
La boucle For
02:58 -
Les boucles while et do while
03:01
Exercices pratiques
-
Home Apple – Présentation
00:47 -
Home Apple – HTML
04:29 -
Home Apple – CSS
13:13 -
Home Apple – Javascript
02:55 -
Afficher prénom – présentation
00:52 -
Afficher prénom – HTML et CSS
04:40 -
Afficher prénom – Javascript
02:24 -
Navigation responsive – présentation
00:50 -
Navigation responsive – HTML et CSS
05:15 -
Navigation responsive – Javascript
02:02
Les tableaux
-
Les Tableaux
05:23 -
Les méthodes POP, PUSH, SHIFT et UNSHIFT
05:59 -
Les méthodes Splice et Slice
03:08 -
La méthode Concat
02:19 -
La méthode Flat
01:48 -
La méthode Flat Map
02:23 -
La méthode Join
02:18 -
La méthode forEach
01:50 -
La méthode Map
01:45 -
La méthode Reverse
01:11 -
La méthode Filter
02:21 -
La méthode Reduce
03:01 -
La méthode Every
01:38 -
La méthode Fill
01:23 -
La méthode CopyWithin
02:09 -
La méthode Entries
03:05 -
La méthode Sort
02:23 -
La boucle of
02:11 -
La méthode Values
02:31 -
Le destructuring avec les tableaux
02:09
Exercices pratiques
-
Quiz – présentation
00:51 -
Quiz – HTML
09:34 -
Quiz – CSS
10:55 -
Quiz – Javascript
14:35 -
Menu mobil – Présentation
00:56 -
Menu mobil – HTML et CSS
09:57 -
Menu mobil – Javascript
03:41 -
Menu pop up – Présentation
00:27 -
Menu pop up – HTML
02:07 -
Menu pop up – CSS
09:47 -
Menu pop up – Javascript
03:15
Les objets
-
Les objets
06:27 -
Valeurs primitives et de références
03:40 -
La boucle for in
03:05 -
Le mot clé This
02:30 -
La méthode Bind
02:53 -
La méthode HasOwnProperty
02:43 -
La méthode Values
02:42 -
La méthode Is
02:48 -
La méthode Create
04:23 -
La méthode Assign
03:03 -
Le destructuring avec les objets
02:09
Les chaines de caracteres
-
Les méthodes liées aux chaines de caracteres
07:20 -
Le regex
15:09 -
La méthode replace
03:53 -
La méthode replace all
01:29 -
Les méthodes padStart et padEnd
01:59
Object et fonctions Math
-
L’objet Math
02:10 -
Math abs
02:25 -
Math acos
02:37 -
Math asin
02:26 -
Math atan
02:01 -
Math ceil
01:20 -
Math cos
01:26 -
Math exp
01:41 -
Math floor
02:11 -
Math hyppot
02:11 -
Math imul
02:42 -
Math min et Math max
02:47 -
Math PI
02:02 -
Math pow
01:53 -
Math random
02:18 -
Math round
02:03 -
Math sqrt
01:06 -
Math sign
01:15 -
Math tan
01:32 -
Math trunc
01:27 -
Math fround
01:49
Exercices pratiques
-
Lecteur Audio – Présentation
00:53 -
Lecteur Audio – HTML et CSS
11:22 -
Lecteur Audio – Javascript
10:10 -
Horloge numérique – Présentation
00:36 -
Horloge numérique – HTML et CSS
02:28 -
Horloge numérique – Javascript
05:08 -
Chrono – Présentation
00:36 -
Chrono – HTML et CSS
07:32 -
Chrono – Javascript
09:38 -
Memory Cards – Présentation
01:01 -
Memory Cards – HTML
03:18 -
Memory Cards – CSS
05:13 -
Memory Cards – Javascript
09:17 -
Tirage – Présentation
00:53 -
Tirage – HTML et CSS
10:56 -
Tirage – Javascript
05:54
Asynchrone et API
-
SetTimeout et SetInterval
05:33 -
Les promises
04:41 -
Les mots clés Try et Catch
02:25 -
La méthode Then
03:42 -
La méthode Promise All
04:56 -
Async et Await
05:28 -
La boucle For Await
03:56 -
La méthode Fetch
08:33
Exercices pratiques
-
Github App – Présentation
00:41 -
Github App – HTML et CSS
03:18 -
Github App – Javascript
07:56 -
Github App – Finitions
03:28 -
Wikipedia App – Présentation
00:30 -
Wikipedia App – HTML et CSS
13:06 -
Wikipedia App – Javascript Partie 1
08:15 -
Wikipedia App – Javascript Partie 2
05:42 -
Pokedex – Présentation
00:41 -
Pokedex – HTML
03:05 -
Pokedex – Javascript
13:30 -
Pokedex – CSS
10:07
Classes, modules et prototypes
-
Structure Set
10:03 -
Structure Map
09:29 -
Spread operator et Rest operator
06:32 -
Parametres par défaut
03:39 -
Modules
02:42 -
Les classes
03:30 -
Static, private et protected
07:22 -
Les Getters
02:25 -
Les Setters
05:08 -
Les méthodes de classes
03:57 -
Le constructeur NEW
08:05 -
Les sous classes
04:56 -
Les prototypes
04:10
Exercices pratiques
-
TP – Calendrier
00:39 -
TP – Calendrier – HTML
03:38 -
TP – Calendrier – CSS
09:58 -
TP – Calendrier – Javascript
12:26 -
TP – Convertor
00:32 -
TP – Convertor – HTML
02:26 -
TP – Convertor – CSS
03:34 -
TP – Convertor – Javascript
08:01 -
TP – Image compressor
01:06 -
TP – Image compressor – HTML
05:19 -
TP – Image compressor – CSS
11:30 -
TP – Image compressor – Javascript
12:25 -
TP – Morpion
00:25 -
TP – Morpion – HTML et CSS
03:47 -
TP – Morpion – Javascript
11:50 -
TP – Password Generator
00:52 -
TP – Password Generator – HTML
06:55 -
TP – Password Generator – CSS
11:40 -
TP – Password Generator – Javascript
16:53 -
TP – QR code generator
00:24 -
TP – QR code generator – HTML et CSS
08:34 -
TP – QR code generator – Javascript
06:38 -
TP – Toast
00:36 -
TP – Toast – HTML
06:02 -
TP – Toast – CSS
14:57 -
TP – Toast – Javascript
10:27 -
TP – Screenshot
00:47 -
TP – Screenshot – HTML et CSS
06:42 -
TP – Screenshot – Javascript
06:43 -
TP – Weight app
00:38 -
TP – Weight app – HTML
03:12 -
TP – Weight app – CSS
08:36 -
TP – Weight app – Javascript
12:12 -
TP – Video player
01:11 -
TP – Video player – HTML
09:29 -
TP – Video player – CSS
18:39 -
TP – Video player – Javascript partie 1
17:06 -
TP – Video player – Javascript partie 2
15:15
Quiz Javascript
-
Quiz Javascript
HTML Canvas
-
Introduction
01:16 -
Préparation à la formation
02:42 -
Déclarer un Canvas
04:38 -
Rectangle
04:58 -
Les dégradés
06:12 -
DrawImage
03:55 -
Dessin de trajets
04:52 -
Dessin de lignes
03:49 -
Cercle
02:43 -
Texte
02:39 -
SetAtribute
02:11 -
Canvas responsif
06:06 -
Save et restore
04:09 -
Translate
03:48 -
Rotate
03:04 -
Request animationframe
04:58 -
Effets de souris
04:46
Exercices pratiques
-
Planètes tournantes – Présentation
00:34 -
Planètes tournantes
17:11 -
Rosasse – présentation
00:27 -
Rosasse
10:46 -
Jeu du pendu – présentation
00:38 -
Jeu du pendu – HTML et CSS
07:26 -
Jeu du pendu – Javascript partie 1
14:07 -
Jeu du pendu – Javascript partie 2
10:12 -
Particules animées – présentation
00:57 -
Particules animées
12:59 -
Applications de votes – présentation
00:30 -
Applications de votes
12:37 -
Ondes animées – présentation
00:37 -
Ondes animées
08:48
Quiz HTML Canvas
-
Quiz HTML canvas
Conclusion
-
Et apres ?
01:19
Obtenez un certificat
Ajoutez ce certificat à votre CV pour démontrer vos compétences et augmenter vos chances .