20 Projets en JavaScript
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO 20 Projets en JavaScript

Enzo Ustariz
68,99€
klarna-condensed
3 paiements de 22,99€ avec Klarna. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Enfin des projets en JavaScript natif (également appelé Javascript Vanilla).

Le web est inondé de Frameworks, de librairies et d’outils en JavaScript. Mais il reste très sec quand il s’agit de JavaScript natif. Peu de ressources en anglais et encore moins en français. C’est pour cela que je propose ce cours en ligne « 20 projets en pur JavaScript »
Pour aider ceux qui souhaitent apprendre ce langage et savoir une bonne fois pour toute, ce qui appartient à JavaScript et ce qui appartient à un Framework ou autre librairie.

Je vois trop de gens qui se lancent directement dans les Frameworks JS, sans avoir les connaissances nécessaires. Ils se retrouvent complètement perdus et frustrés et à deux doigts de la crise de nerf, ce qui est compréhensible. Ils se disent qu’avec quelques tutos sur des animations JS ou des petits bouts de codes ils auront le bagage nécessaire. Mais c’est une solution erronée, ce n’est pas assez.

Le vrai problème c’est l’expérience, il faut pratiquer.
Il faut visualiser le JavaScript, à quoi il sert, pourquoi a-t-il été créé, où en est t’il de son évolution.
Pour devenir architecte, on dessine des bâtiments. Pour coder en JavaScript on fait des applications web en JS Natif. (Une app web est un site avec de nombreuses fonctionnalités, en général très dynamiques).
 

Voici la liste des 20 Projets Javascript que vous allez apprendre à créer dans ce cours en ligne

Un app de Quizz, une app météo sur navigateur, un Pokédex, un créateur de cookies, une to-do list, une app "Pomodoro", un système de validation de mot de passe dans un formulaire, un site pour créer des dégradés linéaires, un jeu des cartes mémoires, un projet avec l'API de GitHub, un projet d'authentification avec Firebase.
Mais ce n'est pas tout ! Nous apprendrons également à créer un slider, un système de drag and drop stylé, la création des particules en JS, coder le jeu space-invader, -créer un lecteur de vidéo personnalisé, créer le jeu casse-briques, coder un jeu de vitesse d'écriture, faire le jeu du morpion et enfin, coder un visualiseur de son.

Pas de quoi s'ennuyer. Le maître mot de cette formation en vidéo, c'est la pratique !
 

Les compétences JavaScript qui seront développées dans cette formation en ligne :

  • Gérer des données et les transformer.
  • Les conditions, boucles, etc …
  • Appeler des API pour aller chercher des données.
  • Faire du JavaScript asynchrone.
  • Coder en JavaScript moderne.
  • Utiliser des objets / tableaux.
  • Utiliser des classes pour créer des objets dans un style orienté-objet.
  • Créer des interface stylées (HTML / CSS).
  • Utiliser des fonctions.
  • Gérer toutes sortes d’événements.
  • Utiliser une base de données pour faire un système d’authentification (simple).
  • Voir l’utilisation du DOM en profondeur, une des clés pour bien comprendre JS.
  • Utiliser des techniques spéciales très utiles, comme l’utilisation de JavaScript lié au son, mais aussi le système de drag & drop, utiliser des données au format JSON.
  • ...

On va vraiment aborder et apprendre beaucoup de choses !
 

A qui s’adresse ce tuto JavaScript ?

Ce cours s’adresse aux débutants. Ne sois surtout pas apeuré par le nombre de projets, j’explique tout de A à Z.
Et n’oublie pas que pour progresser, il faut se frotter à des projets qui nous dépassent, pour découvrir de nouvelles choses et booster son apprentissage.
Certains projets sont donc vraiment orientés débutants, d’autre atteignent un niveau intermédiaire.
Dans tous les cas un léger bagage est nécessaire, si tu as déjà fait des boucles, utilisé des fonctions et des conditions, tu as les connaissances de bases requises.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Sympa hein ? Alors si tu as envie de booster ton niveau en programmation, rendez-vous de l'autre côté pour commencer à coder !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Projet 1 : Prêt bancaire
Chapitre 3
Projet 2 : App météo
Chapitre 4
Projet 3 : Créer un Quiz
Chapitre 5
Projet 4 : Recherche Wikipedia
Chapitre 6
Projet 5 : Usine à cookies
Chapitre 7
Projet 6 : App de dégradés linéaires

Table des matières

Chapitre 1 : Introduction
11m57
 
Leçon 1Introduction
Leçon 2Code source et conseils
Chapitre 2 : Projet 1 : Prêt bancaire
1h06
 
Leçon 1Introduction
Leçon 2Explication de la BEM notation
Leçon 3Coder l'HTML partie 1
Leçon 4Coder l'HTML partie 2
Leçon 5Coder le CSS partie 1
Leçon 6Coder le CSS partie 2
Leçon 7JavaScript : Gérer les inputs range
Leçon 8JavaScript : Mettre à jour l'interface
Leçon 9JavaScript : Afficher les valeurs du prêt
Chapitre 3 : Projet 2 : App météo
42m42
 
Leçon 1Introduction
Leçon 2Coder l'HTML et le CSS partie 1
Leçon 3Coder l'HTML et le CSS partie 2 + effet fade
Leçon 4JavaScript : Utilisation de fetch afin d'effectuer une requête HTTP GET
Leçon 5JavaScript : Afficher les données
Leçon 6JavaScript : Gestion des erreurs
Chapitre 4 : Projet 3 : Créer un Quiz
1h08
 
Leçon 1Introduction
Leçon 2Coder l'HTML du quiz
Leçon 3JavaScript : Utiliser un fragment
Leçon 4JavaScript : Gérer les inputs
Leçon 5JavaScript : Attaque XSS et innerHTML
Leçon 6JavaScript : Récupérer les résultats
Leçon 7JavaScript : Afficher le résultat
Leçon 8JavaScript : Gérer les couleurs
Leçon 9Ajouter le CSS du quiz ✨
Chapitre 5 : Projet 4 : Recherche Wikipedia
44m06
 
Leçon 1Introduction
Leçon 2Coder l'HTML
Leçon 3JavaScript : Gestion du formulaire
Leçon 4JavaScript : Appel de l'API de Wikipedia
Leçon 5JavaScript : Afficher les résultats
Leçon 6Ajouter le style et l'animation du loader
Chapitre 6 : Projet 5 : Usine à cookies
1h17
 
Leçon 1Introduction
Leçon 2Coder l'HTML
Leçon 3Coder le CSS
Leçon 4JavaScript : Validation côté Front
Leçon 5JavaScript : Coder un cookie
Leçon 6JavaScript : Afficher un cookie après sa création
Leçon 7JavaScript : Supprimer un cookie
Leçon 8JavaScript : Afficher les cookies déjà présents
Leçon 9JavaScript : Créer un toast
Leçon 10JavaScript : Gérer la modification d'un cookie
Chapitre 7 : Projet 6 : App de dégradés linéaires
57m40
 
Leçon 1Introduction
Leçon 2Coder l'HTML
Leçon 3Coder le CSS partie 1
Leçon 4Coder le CSS partie 2
Leçon 5JavaScript : Gérer l'ajout des couleurs de base
Leçon 6JavaScript : Changement d'angle et de couleur
Leçon 7JavaScript : Modifier la couleur du texte sur les inputs dynamiquement
Leçon 8JavaScript : Copier le dégradé partie 1
Leçon 9JavaScript : Copier le dégradé partie 2
Leçon 10JavaScript : Créer un dégradé aléatoire
Chapitre 8 : Projet 7 : Slider animé
49m52
 
Leçon 1Introduction
Leçon 2Coder l'HTML
Leçon 3Coder le CSS partie 1
Leçon 4Coder le CSS partie 2
Leçon 5JavaScript : Récupérer les informations de direction partie 1
Leçon 6JavaScript : Récupérer les informations de direction partie 2
Leçon 7JavaScript : Animer les slides partie 1
Leçon 8JavaScript : Animer les slides partie 2
Chapitre 9 : Projet 8 : Validation de données côté Front
1h13
 
Leçon 1Introduction
Leçon 2Coder l'HTML
Leçon 3Coder le CSS
Leçon 4JavaScript : Animation lors de l'échec de la validation
Leçon 5JavaScript : Afficher les erreurs de validation
Leçon 6JavaScript : Valider le nom d'utilisateur
Leçon 7JavaScript : Valider l'e-mail
Leçon 8JavaScript : Valider le mot de passe
Leçon 9Valider la confirmation de mot de passe
Chapitre 10 : Projet 9 : Jeu des cartes mémoire
56m08
 
Leçon 1Introduction
Leçon 2Coder l'HTML
Leçon 3Coder le CSS partie 1
Leçon 4Coder le CSS partie 2
Leçon 5JavaScript : Mélanger les cartes
Leçon 6JavaScript : Afficher les cartes
Leçon 7JavaScript : Intégrer le reset
Leçon 8JavaScript : Retourner les cartes
Leçon 9JavaScript : Vérifier la fin de la partie
Chapitre 11 : Projet 10 : Le scroll infini
48m56
 
Leçon 1Introduction
Leçon 2Coder l'HTML
Leçon 3Coder le CSS partie 1
Leçon 4Coder le CSS partie 2
Leçon 5JavaScript : Appeler les données
Leçon 6JavaScript : Ajouter les images
Leçon 7JavaScript : Ajouter un observateur
Leçon 8JavaScript : Gérer la recherche
Chapitre 12 : Projet 11 : Pomodoro
1h04
 
Leçon 1Introduction
Leçon 2Coder l'HTML
Leçon 3Coder le CSS partie 1
Leçon 4Coder le CSS partie 2
Leçon 5JavaScript : Toggle l'interface
Leçon 6JavaScript : Ajouter l'animation
Leçon 7JavaScript : Gérer le "tick"
Leçon 8JavaScript : Mettre à jour le temps restant
Leçon 9JavaScript : Gérer le changement de période
Leçon 10JavaScript : Gérer la pause
Leçon 11JavaScript : Intégrer le reset
Chapitre 13 : Projet 12 : Générateur de mot de passe
44m16
 
Leçon 1Introduction
Leçon 2Coder l'HTML
Leçon 3Coder le CSS partie 1
Leçon 4Coder le CSS partie 2
Leçon 5JavaScript : Récupérer les ensembles de caractères séléctionnés
Leçon 6JavaScript : Ajouter les caractères obligatoires
Leçon 7JavaScript : Générer un nombre aléatoire
Leçon 8JavaScript : Finir la génération
Chapitre 14 : Projet 13 : Liste filtrable
53m06
 
Leçon 1Introduction
Leçon 2Coder l'HTML
Leçon 3Coder le CSS partie 1
Leçon 4Coder le CSS partie 2
Leçon 5JavaScript : Appel de données
Leçon 6JavaScript : Trier et afficher les résultats
Leçon 7JavaScript : Filtrer les utilisateurs
Chapitre 15 : Projet 14 : Lecteur vidéo
50m06
 
Leçon 1Introduction
Leçon 2Coder l'HTML
Leçon 3Coder le CSS partie 1
Leçon 4JavaScript : Lancer la vidéo
Leçon 5JavaScript : Afficher la durée de la vidéo
Leçon 6JavaScript : Gérer la barre de progression
Leçon 7JavaScript : Gérer le clic sur la barre de progression
Leçon 8JavaScript : Intégrer la sourdine et le mode plein écran
Chapitre 16 : Projet 15 : Jeu du morpion
23m13
 
Leçon 1Introduction
Leçon 2Coder l'HTML et le CSS
Leçon 3JavaScript : Gérer le clic sur une case
Leçon 4JavaScript : Gérer la fin de partie et le reset
Chapitre 17 : Projet 16 : Particules
37m25
 
Leçon 1Introduction
Leçon 2JavaScript : Mise en place du canvas et de la classe Particle
Leçon 3JavaScript : Remplir le tableau de particules
Leçon 4JavaScript : Animer et gérer le resizing
Leçon 5JavaScript : Comment fonctionne RAF ?
Leçon 6JavaScript : Dessiner les lignes entre les points
Chapitre 18 : Projet 17 : Animations JavaScript
1h04
 
Leçon 1Introduction
Leçon 2Coder l'HTML du header et du curseur
Leçon 3Coder le CSS du header et du curseur
Leçon 4JavaScript : Animation du curseur partie 1
Leçon 5JavaScript : Animation du curseur partie 2
Leçon 6JavaScript : Effet machine à écrire
Leçon 7Coder l'HTML/CSS des voitures
Leçon 8JavaScript : Animation au scroll
Chapitre 19 : Projet 18 : Turbo clavier
55m31
 
Leçon 1Introduction
Leçon 2Coder l'HTML
Leçon 3Coder le CSS
Leçon 4JavaScript : Afficher une phrase
Leçon 5JavaScript : Gérer le chrono
Leçon 6JavaScript : Vérifier les spans
Leçon 7JavaScript : Intégrer le reset
Leçon 8JavaScript : Afficher des phrases aléatoires
Chapitre 20 : Projet 19 : Lecteur audio
1h04
 
Leçon 1Introduction
Leçon 2Coder l'HTML
Leçon 3Coder le CSS partie 1
Leçon 4Coder le CSS partie 2
Leçon 5JavaScript : Afficher les données de la première musique
Leçon 6JavaScript : Gérer le play/pause
Leçon 7JavaScript : Afficher les valeurs de durée
Leçon 8JavaScript : Intégrer la barre de progression
Leçon 9JavaScript : Changer de musique
Leçon 10JavaScript : Refactoring
Leçon 11JavaScript : Ajouter le mode aléatoire
Chapitre 21 : Projet 20 : Calculatrice
1h29
 
Leçon 1Introduction
Leçon 2Coder l'HTML et le CSS
Leçon 3JavaScript : Ajouter des chiffres au calcul
Leçon 4JavaScript : Ajouter des opérateurs
Leçon 5JavaScript : Ajouter un nombre à virgule
Leçon 6JavaScript : Gérer le bouton de résultat
Leçon 7JavaScript : Récupérer un opérateur et son index
Leçon 8JavaScript : Obtenir les opérandes et les limites du calcul à effectuer
Leçon 9JavaScript : Calculer un résultat
Leçon 10JavaScript : Effectuer un calcul par récursion
Leçon 11JavaScript : Gérer les virgules à afficher
Leçon 12JavaScript : Implémenter le reset et la supression du dernier caractère
Chapitre 22 : [Ancienne seconde édition] Introduction
13m
 
Leçon 1Introduction
Leçon 2Code source et conseils
Chapitre 23 : [Ancienne seconde édition] Application "Calcul d'IMC"
56m53
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML du projet
Leçon 3Coder le CSS, partie 1
Leçon 4Coder le CSS, partie 2
Leçon 5JavaScript partie 1 : Prendre le formulaire et les inputs.
Leçon 6JavaScript partie 2 : Calculer l'IMC et afficher le résultat
Chapitre 24 : [Ancienne seconde édition] Coder un Quizz
43m03
 
Leçon 1Introduction du projet
Leçon 2Coder l'HTML
Leçon 3Coder le CSS
Leçon 4JavaScript partie 1 : Récupérer les données du formulaire
Leçon 5JavaScript partie 2 : Afficher les résultats
Chapitre 25 : [Ancienne seconde édition] Coder une recherche avec l'API de Wikipedia
30m15
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML et le CSS
Leçon 3JavaScript partie 1 : Gérer l'appel vers l'API
Leçon 4JavaScript partie 2 : Afficher un loader et gérer les erreurs
Chapitre 26 : [Ancienne seconde édition] Le créateur de cookies
54m45
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML
Leçon 3Coder le CSS
Leçon 4JavaScript partie 1 : Gérer les inputs et le formulaire
Leçon 5JavaScript partie 2 : Créer les cookies
Leçon 6JavaScript partie 3 : Afficher et supprimer les cookies
Chapitre 27 : [Ancienne seconde édition] L'application météo sur navigateur
39m09
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML et le CSS
Leçon 3Faire une requête de base
Leçon 4Afficher les données
Leçon 5Gérer les erreurs possible et le loader
Chapitre 28 : [Ancienne seconde édition] Coder une application de création de dégradés !
43m56
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML
Leçon 3Coder le CSS
Leçon 4JavaScript partie 1 : Gérer l'interface
Leçon 5JavaScript partie 2 : Changer la couleur en fonction de la luminosité
Leçon 6JavaScript partie 3 : Copier le dégradé et en créer au hasard
Chapitre 29 : [Ancienne seconde édition] Pomodoro
37m24
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML et le CSS
Leçon 3Afficher le temps dynamiquement
Leçon 4Gérer le décompte
Leçon 5Reset global et animation
Chapitre 30 : [Ancienne seconde édition] Projet "Validation de données"
1h04
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML
Leçon 3Coder le CSS
Leçon 4JavaScript partie 1 : Validation de l'utilisateur et l'email
Leçon 5JavaScript partie 2 : Validation du mot de passe
Leçon 6JavaScript partie 3 : Afficher la force du mot de passe
Leçon 7JavaScript partie 4 : Envoyer le formulaire
Chapitre 31 : [Ancienne seconde édition] Le jeu des cartes mémoires
36m25
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML et le CSS
Leçon 3JavaScript partie 1 : Mélanger les cartes et les sélectionner
Leçon 4JavaScript partie 2 : Vérifier les résultats
Leçon 5JavaScript partie 3 : Nombre d'essais et fin de partie
Leçon 6JavaScript partie 4 : Remise à zéro
Chapitre 32 : [Ancienne seconde édition] Intégrer un scroll infini
30m59
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML et le CSS
Leçon 3JavaScript partie 1 : Appel à l'API et recherche
Leçon 4JavaScript partie 2 : Intersection observer et push to top
Chapitre 33 : [Ancienne seconde édition] Le Slider
37m47
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML et le CSS
Leçon 3JavaScript partie 1 : Gérer les directions
Leçon 4JavaScript partie 2 : Coder l'animation
Leçon 5JavaScript partie 3 : Slide out et vérouillage
Chapitre 34 : [Ancienne seconde édition]Le générateur de mots de passe
53m44
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML et le CSS
Leçon 3JavaScript partie 1 : Générer un nombre au hasard dans un intervalle
Leçon 4JavaScript partie 2 : Rajouter les ensembles de caractères
Leçon 5JavaScript partie 3 : Créer le mot de passe
Leçon 6JavaScript partie 4 : Intégrer la "range" et la copie de mot de passe
Chapitre 35 : [Ancienne seconde édition] Coder une liste filtrable dynamiquement
42m46
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML
Leçon 3Coder le CSS
Leçon 4JavaScript partie 1 : L'appel à l'API et la création de la liste
Leçon 5JavaScript partie 2 : Implémenter le filtre
Chapitre 36 : [Ancienne seconde édition] Le lecteur personnalisé
49m12
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML et le CSS
Leçon 3JavaScript partie 1 : Intégrer la lecture de la vidéo et les timers
Leçon 4JavaScript partie 2 : Gérer la "range" et le jeu de la vidéo
Leçon 5JavaScript partie 3 : Navigation et plein écran.
Leçon 6Finition
Chapitre 37 : [Ancienne seconde édition] Le jeu du Morpion
17m56
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML et le CSS
Leçon 3Coder les fonctionnalités du Morpion
Chapitre 38 : [Ancienne seconde édition] L'animation de particules
33m12
 
Leçon 1Introduction au projet
Leçon 2Mise en place du projet et création de la classe
Leçon 3Remplissage du tableau et animation
Leçon 4Connexion et resize
Chapitre 39 : [Ancienne seconde édition] Coder une landing page animée
1h05
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML
Leçon 3Coder le CSS partie 1
Leçon 4Coder le CSS partie 2
Leçon 5Coder le CSS partie 3
Leçon 6JavaScript partie 1 : Coder le curseur et l'effet machine à écrire
Leçon 7JavaScript partie 2 : Animation au scroll
Chapitre 40 : [Ancienne seconde édition] Le jeu de la vitesse de frappe
43m35
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML et le CSS
Leçon 3JavaScript partie 1 : Afficher la phrase à écrire
Leçon 4JavaScript partie 2 : Vérification et timer
Leçon 5JavaScript partie 3 : Perfectionnement
Chapitre 41 : [Ancienne seconde édition] Coder une calculatrice complète
1h19
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML et le CSS
Leçon 3JavaScript partie 1 : Gérer les chiffres et les opérateurs
Leçon 4JavaScript partie 2 : Recoder la méthode eval() partie 1
Leçon 5JavaScript partie 3 : Calcul de l'évaluation et récursion
Leçon 6JavaScript partie 4 : Gérer la suppression et le reset et les finitions
Chapitre 42 : [Ancienne seconde édition] audio
41m44
 
Leçon 1Introduction au projet
Leçon 2Coder l'HTML
Leçon 3Coder le CSS
Leçon 4JavaScript partie 1 : Gérer la durée et le jeu de la musique
Leçon 5JavaScript partie 2 : Changer les musiques, shuffle, clic sur progression.
Chapitre 43 : [Ancienne première édition] Introduction
12m55
 
Leçon 1Introduction
Leçon 2Code source et conseils
Chapitre 44 : [Ancienne première édition] Le quizz
50m53
 
Leçon 1Introduction Quizz
Leçon 2Quizz : partie HTML
Leçon 3Quizz : partie CSS
Leçon 4Quizz : Récupérer les données en JavaScript
Leçon 5Quizz : Obtenir les résultats
Leçon 6Quizz : Afficher les résultats
Leçon 7Quizz : finitions
Chapitre 45 : [Ancienne première édition] App météo sur navigateur
1h08
 
Leçon 1Introduction App météo
Leçon 2App Météo : Partie HTML
Leçon 3App Météo : Partie CSS
Leçon 4App Météo : Partie CSS 2
Leçon 5App météo : premier appel à l'API
Leçon 6App météo : gérer les données
Leçon 7App météo : Afficher les prévisions
Leçon 8App météo : Prévisions des jours + loader
Chapitre 46 : [Ancienne première édition] Le pokédex
1h03
 
Leçon 1Intro Pokedex
Leçon 2Pokédex : Section CSS
Leçon 3Pokédex : Premier appel à l'API
Leçon 4Pokédex : Gérer les données pour les avoir en FR
Leçon 5Pokédex : Créer les cartes
Leçon 6Pokédex : implémenter le scroll infini
Leçon 7Pokédex : Gérer la recherche
Leçon 8Pokédex : Animer le chargement
Chapitre 47 : [Ancienne première édition] Le créateur de cookies
48m25
 
Leçon 1Introduction et HTML
Leçon 2Partie CSS
Leçon 3[removed] Utiliser Date pour se déplacer à la semaine suivante
Leçon 4[removed] Remplir l'objet contenant les infos des cookies
Leçon 5Créer un cookie.
Leçon 6Gérer les actions autorisées.
Leçon 7Afficher et supprimer les cookies
Leçon 8Gérer un petit bug.
Chapitre 48 : [Ancienne première édition] La To-Do List.
21m29
 
Leçon 1To-do list : HTML et CSS
Leçon 2To-do list : Logique JS
Chapitre 49 : [Ancienne première édition] Projet Pomodoro
27m44
 
Leçon 1Pomodoro : HTML - CSS
Leçon 2Pomodoro : Affichage de base
Leçon 3Pomodoro : Gérer les actions
Leçon 4Pomodoro : finitions
Chapitre 50 : [Ancienne première édition] Validation de formulaire
42m12
 
Leçon 1Validation HTML
Leçon 2Validation : CSS
Leçon 3Validation pseudo
Leçon 4Validation de l'email
Leçon 5Validation du mot de passe
Leçon 6Confirmation du mot de passe
Chapitre 51 : [Ancienne première édition] App création de dégradés linéaires.
34m35
 
Leçon 1Dégradés : HTML
Leçon 2Dégradés : CSS
Leçon 3Dégradé de base JS
Leçon 4Rajouter des couleurs
Leçon 5Suppression et rajout des couleurs
Leçon 6Mise à jour des couleurs
Chapitre 52 : [Ancienne première édition] Jeu des cartes mémoire
22m04
 
Leçon 1Cartes mémoire : HTML & CSS
Leçon 2Stocker les cartes retournées
Leçon 3Verrouiller les cartes et changer l'ordre
Chapitre 53 : [Ancienne première édition] Projet utilisateur GitHub
18m56
 
Leçon 1Projet GitHub : HTML & CSS
Leçon 2Projet GitHub créer un template avec des données JS.
Chapitre 54 : [Ancienne première édition] Créer un système d'authentification
30m38
 
Leçon 1Créer une base de donnée avec Firebase
Leçon 2Authentification : HTML & CSS
Leçon 3Gérer les modales + inscription
Leçon 4Connexion, déconnexion et contenu public/privé
Chapitre 55 : [Ancienne première édition] Le Slider
18m25
 
Leçon 1Slider : HTML & CSS
Leçon 2Slider : Partie JavaScript
Chapitre 56 : [Ancienne première édition] App de Drag & Drop
23m22
 
Leçon 1Drag&Drop : Html / CSS
Leçon 2Drag&Drop : ajout des événements
Leçon 3Drag&Drop : Sélectionner une photo
Chapitre 57 : [Ancienne première édition] Créer des particules en JavaScript
24m52
 
Leçon 1Particules : Html & CSS
Leçon 2Particules : Créer un tableau contenant les objets
Leçon 3Animer les particules
Chapitre 58 : [Ancienne première édition] Space Invaders
40m25
 
Leçon 1HTML / CSS / Création de la grille.
Leçon 2Création des aliens
Leçon 3Déplacer les aliens
Leçon 4Création du laser
Leçon 5Finitions
Chapitre 59 : [Ancienne première édition] Le lecteur vidéo
21m56
 
Leçon 1Lecteur vidéo : HTML & CSS
Leçon 2Gérer le volume, le mute, et la barre orange.
Leçon 3Pouvoir cliquer sur la barre orange
Chapitre 60 : [Ancienne première édition] Jeu du casse-briques
33m10
 
Leçon 1Création de l'HTML / CSS + création de la balle et de la barre
Leçon 2Dessiner les briques
Leçon 3Animer le jeu
Leçon 4Détecter les collisions
Chapitre 61 : [Ancienne première édition] Jeu vitesse d'écriture
22m40
 
Leçon 1Partie HTML / CSS
Leçon 2Afficher une phrase aléatoire
Leçon 3Gérer l'entrée et les erreurs
Chapitre 62 : [Ancienne première édition] Le jeu du morpion
17m20
 
Leçon 1Le morpion : HTML / CSS
Leçon 2Le javaScript du jeu du morpion
Chapitre 63 : [Ancienne première édition] Visualiseur Audio
31m32
 
Leçon 1Création du visualiseur audio
Leçon 2Coder l'HTML/CSS des voitures

Avis des apprenants

Détail des avis
415
Apprenants
4
Commentaires
4,5/5
Note moyenne
5/5
3
4/5
0
3/5
1
2/5
0
1/5
0
Red Bordeaux
Red Bordeaux
Publié le 08/02/2021
Franchement, top. Mais, stp, c'est très bien que le tuto soit en français, mais le code, c'est en anglais et sans abréviations. Array, c'est par "arr". Je sais que je ne t'apprends rien. mais no Ninja Code. Edit : C'est noté! Merci. (Mais g pas rlv les otr abr utlz dn le crs). En tout cas, c'est de la patate tes cours. C'est juste que quand on est novice, avec les bugs qui arrivent vite, on est chatouilleux... à 3h du mat...
Enzo Ustariz
Array est un mot réservé en JS donc arr est correct ;)
Jean-Pierre Vignolle
Jean-Pierre Vignolle
Publié le 05/02/2021
C'est top merci Enzo!!!!!
Olivier Bouzonnie
Olivier Bouzonnie
Publié le 09/01/2021
Enzo rend les choses accessibles et ludique

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

JavaScript

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard ou en 3x

Prix d'achat : 68,99 €
Pour payer plus tard ou en plusieurs versements échelonnés, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez plus tard ou en plusieurs fois

3 paiements de 23,00 €
klarna
tous les mois, sans intérêts
Total : 68,99 €
Afficher les conditions : Klarna
Klarna : conditions d'utilisation du paiement différé en 3 échéances.

Attendez ! 🤗

Accédez à plus de 1404 tutos gratuits

Notre politique de protection des données