Lecture automatique
Autocomplete
Session précédente
Terminez et continuez
20 Projets en JavaScript
Introduction
Introduction (2:43)
Code source et conseils (8:12)
Projet 1 : Prêt bancaire
Introduction (5:33)
Explication de la BEM notation (6:20)
Coder l'HTML partie 1 (8:28)
Coder l'HTML partie 2 (9:12)
Coder le CSS partie 1 (8:26)
Coder le CSS partie 2 (8:47)
JavaScript : Gérer les inputs range (7:15)
JavaScript : Mettre à jour l'interface (6:53)
JavaScript : Afficher les valeurs du prêt (5:23)
Projet 2 : App météo
Introduction (2:47)
Coder l'HTML et le CSS partie 1 (6:56)
Coder l'HTML et le CSS partie 2 + effet fade (8:04)
JavaScript : Utilisation de fetch afin d'effectuer une requête HTTP GET (8:00)
JavaScript : Afficher les données (5:15)
JavaScript : Gestion des erreurs (10:34)
Projet 3 : Créer un Quiz
Introduction (3:10)
Coder l'HTML du quiz (3:45)
JavaScript : Utiliser un fragment (10:56)
JavaScript : Gérer les inputs (6:19)
JavaScript : Attaque XSS et innerHTML (6:55)
JavaScript : Récupérer les résultats (7:33)
JavaScript : Afficher le résultat (7:09)
JavaScript : Gérer les couleurs (8:55)
Ajouter le CSS du quiz ✨ (12:46)
Projet 4 : Recherche Wikipedia
Introduction (3:37)
Coder l'HTML (4:52)
JavaScript : Gestion du formulaire (6:27)
JavaScript : Appel de l'API de Wikipedia (5:04)
JavaScript : Afficher les résultats (10:04)
Ajouter le style et l'animation du loader (13:59)
Projet 5 : Usine à cookies
Introduction (2:04)
Coder l'HTML (6:41)
Coder le CSS (14:47)
JavaScript : Validation côté Front (5:41)
JavaScript : Coder un cookie (12:30)
JavaScript : Afficher un cookie après sa création (7:53)
JavaScript : Supprimer un cookie (3:57)
JavaScript : Afficher les cookies déjà présents (5:26)
JavaScript : Créer un toast (4:42)
JavaScript : Gérer la modification d'un cookie (13:29)
Projet 6 : App de dégradés linéaires
Coder l'HTML (5:09)
Introduction (0:38)
Coder le CSS partie 1 (6:10)
Coder le CSS partie 2 (4:38)
JavaScript : Gérer l'ajout des couleurs de base (5:07)
JavaScript : Changement d'angle et de couleur (7:40)
JavaScript : Modifier la couleur du texte sur les inputs dynamiquement (4:42)
JavaScript : Copier le dégradé partie 1 (7:32)
JavaScript : Copier le dégradé partie 12 (9:16)
JavaScript : Créer un dégradé aléatoire (5:43)
Projet 7 : Slider animé
Coder l'HTML (5:23)
Introduction (0:39)
Coder le CSS partie 1 (7:45)
Coder le CSS partie 2 (5:53)
JavaScript : Récupérer les informations de direction partie 1 (7:26)
JavaScript : Récupérer les informations de direction partie 2 (4:41)
JavaScript : Animer les slides partie 1 (10:24)
JavaScript : Animer les slides partie 2 (6:38)
Projet 8 : Validation de données côté Front
Introduction (2:17)
Coder l'HTML (9:22)
Coder le CSS (12:12)
JavaScript : Animation lors de l'échec de la validation (8:29)
JavaScript : Afficher les erreurs de validation (10:26)
JavaScript : Valider le nom d'utilisateur (5:17)
JavaScript : Valider l'e-mail (5:50)
JavaScript : Valider le mot de passe (9:49)
Valider la confirmation de mot de passe (8:55)
Projet 9 : Jeu des cartes mémoire
Introduction (0:47)
Coder l'HTML (2:46)
Coder le CSS partie 1 (5:13)
Coder le CSS partie 2 (6:49)
JavaScript : Mélanger les cartes (8:31)
JavaScript : Afficher les cartes (7:33)
JavaScript : Intégrer le reset (6:50)
JavaScript : Retourner les cartes (8:04)
JavaScript : Vérifier la fin de la partie (9:31)
Projet 10 : Le scroll infini
Introduction (2:07)
Coder l'HTML (5:57)
Coder le CSS partie 1 (6:47)
Coder le CSS partie 2 (8:13)
JavaScript : Appeler les données (6:45)
JavaScript : Ajouter les images (3:00)
JavaScript : Ajouter un observateur (10:22)
JavaScript : Gérer la recherche (4:40)
Projet 11 : Pomodoro
Introduction (1:19)
Coder l'HTML (4:44)
Coder le CSS partie 1 (7:36)
Coder le CSS partie 2 (2:45)
JavaScript : Toggle l'interface (9:34)
JavaScript : Ajouter l'animation (4:56)
JavaScript : Gérer le "tick" (9:08)
JavaScript : Mettre à jour le temps restant (6:54)
JavaScript : Gérer le changement de période (7:47)
JavaScript : Gérer la pause (3:42)
JavaScript : Intégrer le reset (5:42)
Projet 12 : Générateur de mot de passe
Coder l'HTML (6:16)
Introduction (2:56)
Coder le CSS partie 1 (4:19)
Coder le CSS partie 2 (7:19)
JavaScript : Récupérer les ensembles de caractères séléctionnés (5:56)
JavaScript : Ajouter les caractères obligatoires (3:10)
JavaScript : Générer un nombre aléatoire (6:53)
JavaScript : Finir la génération (7:24)
Projet 13 : Liste filtrable
Introduction (1:10)
Coder l'HTML (11:06)
Coder le CSS partie 1 (8:39)
Coder le CSS partie 2 (7:48)
JavaScript : Appel de données (4:43)
JavaScript : Trier et afficher les résultats (7:55)
JavaScript : Filtrer les utilisateurs (11:41)
Projet 14 : Lecteur vidéo
Introduction (0:49)
Coder l'HTML (7:47)
Coder le CSS partie 1 (10:37)
JavaScript : Lancer la vidéo (4:56)
JavaScript : Afficher la durée de la vidéo (6:41)
JavaScript : Gérer la barre de progression (4:09)
JavaScript : Gérer le clic sur la barre de progression (6:37)
JavaScript : Intégrer la sourdine et le mode plein écran (8:27)
Projet 15 : Jeu du morpion
Introduction (0:32)
Coder l'HTML et le CSS (6:35)
JavaScript : Gérer le clic sur une case (6:10)
JavaScript : Gérer la fin de partie et le reset (9:53)
Projet 16 : Particules
Introduction (1:14)
JavaScript : Mise en place du canvas et de la classe Particle (8:51)
JavaScript : Remplir le tableau de particules (8:36)
JavaScript : Animer et gérer le resizing (5:06)
JavaScript : Comment fonctionne RAF ? (3:43)
JavaScript : Dessiner les lignes entre les points (9:51)
Projet 17 : Animations JavaScript
Introduction (1:05)
Coder l'HTML du header et du curseur (7:34)
Coder le CSS du header et du curseur (12:54)
JavaScript : Animation du curseur partie 1 (9:21)
JavaScript : Animation du curseur partie 2 (9:46)
JavaScript : Effet machine à écrire (3:32)
Coder l'HTML/CSS des voitures (12:41)
JavaScript : Animation au scroll (7:30)
Projet 18 : Turbo clavier
Introduction (1:16)
Coder l'HTML (4:51)
Coder le CSS (12:56)
JavaScript : Afficher une phrase (7:40)
JavaScript : Gérer le chrono (7:55)
JavaScript : Vérifier les spans (11:36)
JavaScript : Intégrer le reset (4:58)
JavaScript : Afficher des phrases aléatoires (3:14)
Projet 19 : Lecteur audio
Introduction (1:25)
Coder l'HTML (10:46)
Coder le CSS partie 1 (9:05)
Coder le CSS partie 2 (10:50)
JavaScript : Afficher les données de la première musique (5:09)
JavaScript : Gérer le play/pause (2:42)
JavaScript : Afficher les valeurs de durée (5:09)
JavaScript : Intégrer la barre de progression (5:12)
JavaScript : Changer de musique (5:21)
JavaScript : Refactoring (2:45)
JavaScript : Ajouter le mode aléatoire (5:12)
Projet 20 : Calculatrice
Introduction (1:00)
Coder l'HTML et le CSS (9:59)
JavaScript : Ajouter des chiffres au calcul (7:51)
JavaScript : Ajouter des opérateurs (9:56)
JavaScript : Ajouter un nombre à virgule (11:09)
JavaScript : Gérer le bouton de résultat (5:17)
JavaScript : Récupérer un opérateur et son index (7:49)
JavaScript : Obtenir les opérandes et les limites du calcul à effectuer (8:19)
JavaScript : Calculer un résultat (4:59)
JavaScript : Effectuer un calcul par récursion (6:46)
JavaScript : Gérer les virgules à afficher (9:19)
JavaScript : Implémenter le reset et la supression du dernier caractère (6:54)
[Ancien cours] Introduction
Introduction (4:14)
Code source et conseils (8:45)
Astuce pour suivre le cours (0:58)
[Ancien cours] Application "Calcul d'IMC"
Introduction au projet (8:28)
Coder l'HTML du projet (8:44)
Coder le CSS, partie 1 (10:17)
Coder le CSS, partie 2 (6:13)
JavaScript partie 1 : Prendre le formulaire et les inputs. (9:37)
JavaScript partie 2 : Calculer l'IMC et afficher le résultat (12:32)
[Ancien cours] Coder un Quizz
Introduction du projet (1:23)
Coder l'HTML (8:02)
Coder le CSS (10:31)
JavaScript partie 1 : Récupérer les données du formulaire (12:40)
JavaScript partie 2 : Afficher les résultats (10:26)
[Ancien cours] Coder une recherche avec l'API de Wikipedia
Introduction au projet (2:26)
Coder l'HTML et le CSS (8:22)
JavaScript partie 1 : Gérer l'appel vers l'API (11:28)
JavaScript partie 2 : Afficher un loader et gérer les erreurs (7:57)
[Ancien cours] Le créateur de cookies
Introduction au projet (1:14)
Coder l'HTML (2:53)
Coder le CSS (3:52)
JavaScript partie 1 : Gérer les inputs et le formulaire (8:31)
JavaScript partie 2 : Créer les cookies (17:19)
JavaScript partie 3 : Afficher et supprimer les cookies (19:55)
[Ancien cours] L'application météo sur navigateur
Introduction au projet (3:32)
Coder l'HTML et le CSS (10:12)
Faire une requête de base (8:57)
Afficher les données (5:21)
Gérer les erreurs possible et le loader (11:05)
[Ancien cours] Coder une application de création de dégradés !
Introduction au projet (2:15)
Coder l'HTML (5:00)
Coder le CSS (6:19)
JavaScript partie 1 : Gérer l'interface (7:13)
JavaScript partie 2 : Changer la couleur en fonction de la luminosité (9:01)
JavaScript partie 3 : Copier le dégradé et en créer au hasard (13:03)
[Ancien cours] Pomodoro
Introduction au projet (0:55)
Coder l'HTML et le CSS (8:57)
Afficher le temps dynamiquement (8:34)
Gérer le décompte (5:47)
Reset global et animation (13:06)
[Ancien cours] Projet "Validation de données"
Introduction au projet (1:29)
Coder l'HTML (6:22)
Coder le CSS (12:40)
JavaScript partie 1 : Validation de l'utilisateur et l'email (15:23)
JavaScript partie 2 : Validation du mot de passe (9:23)
JavaScript partie 3 : Afficher la force du mot de passe (8:22)
JavaScript partie 4 : Envoyer le formulaire (10:22)
[Ancien cours] Le jeu des cartes mémoires
Introduction au projet (1:03)
Coder l'HTML et le CSS (12:10)
JavaScript partie 1 : Mélanger les cartes et les sélectionner (7:52)
JavaScript partie 2 : Vérifier les résultats (4:06)
JavaScript partie 3 : Nombre d'essais et fin de partie (4:48)
JavaScript partie 4 : Remise à zéro (6:23)
[Ancien cours] Intégrer un scroll infini
Introduction au projet (2:30)
Conseils pour récupérer la clé d'API
Coder l'HTML et le CSS (8:43)
JavaScript partie 1 : Appel à l'API et recherche (7:56)
JavaScript partie 2 : Intersection observer et push to top (10:47)
[Ancien cours] Le Slider
Introduction au projet (0:42)
Coder l'HTML et le CSS (12:32)
JavaScript partie 1 : Gérer les directions (5:49)
JavaScript partie 2 : Coder l'animation (9:36)
JavaScript partie 3 : Slide out et vérouillage (8:05)
[Ancien cours] Le générateur de mots de passe
Introduction au projet (1:23)
coder l'HTML et le CSS (14:33)
JavaScript partie 1 : Générer un nombre au hasard dans un intervalle (7:36)
JavaScript partie 2 : Rajouter les ensembles de caractères (4:51)
JavaScript partie 3 : Créer le mot de passe (14:58)
JavaScript partie 4 : Intégrer la "range" et la copie de mot de passe (9:23)
[Ancien cours] Coder une liste filtrable dynamiquement
Introduction au projet (1:17)
Coder l'HTML (4:01)
Coder le CSS (18:04)
JavaScript partie 1 : L'appel à l'API et la création de la liste (9:17)
JavaScript partie 2 : Implémenter le filtre (9:06)
[Ancien cours] Le lecteur personnalisé
Introduction au projet (1:02)
Coder l'HTML et le CSS (13:26)
JavaScript partie 1 : Intégrer la lecture de la vidéo et les timers (13:39)
JavaScript partie 2 : Gérer la "range" et le jeu de la vidéo (9:00)
JavaScript partie 3 : Navigation et plein écran. (10:36)
Finition (1:27)
[Ancien cours] Le jeu du Morpion
Introduction au projet (0:43)
Coder l'HTML et le CSS (3:39)
Coder les fonctionnalités du Morpion (12:32)
[Ancien cours] L'animation de particules
Introduction au projet (0:58)
Mise en place du projet et création de la classe (7:46)
Remplissage du tableau et animation (12:34)
Connexion et resize (11:53)
[Ancien cours] Coder une landing page animée
Introduction au projet (0:29)
Coder l'HTML (9:11)
Coder le CSS partie 1 (14:03)
Coder le CSS partie 2 (8:44)
Coder le CSS partie 3 (7:17)
JavaScript partie 1 : Coder le curseur et l'effet machine à écrire (12:26)
JavaScript partie 2 : Animation au scroll (12:57)
[Ancien cours] Le jeu de la vitesse de frappe
Introduction au projet (1:58)
Coder l'HTML et le CSS (9:08)
JavaScript partie 1 : Afficher la phrase à écrire (10:11)
JavaScript partie 2 : Vérification et timer (13:25)
JavaScript partie 3 : Perfectionnement (7:52)
[Ancien cours] Coder une calculatrice complète
Introduction au projet (2:02)
Coder l'HTML et le CSS (11:05)
JavaScript partie 1 : Gérer les chiffres et les opérateurs (10:49)
JavaScript partie 2 : Recoder la méthode eval() partie 1 (17:18)
JavaScript partie 3 : Calcul de l'évaluation et récursion (11:15)
JavaScript partie 4 : Gérer la suppression et le reset et les finitions (7:47)
[Ancien cours] Coder un lecteur audio
Introduction au projet (0:41)
Coder l'HTML (4:04)
Coder le CSS (11:36)
JavaScript partie 1 : Gérer la durée et le jeu de la musique (12:27)
JavaScript partie 2 : Changer les musiques, shuffle, clic sur progression. (11:55)
JavaScript : Modifier la couleur du texte sur les inputs dynamiquement
Contenu de la session verrouillé
Si vous êtes déjà inscrit,
vous aurez besoin de vous connecter
.
Achetez le cours pour déverrouiller