JavaScript de A à Z

✅ 6 cours complets
✅ 12 exercices pratiques
✅ 7 applications Javascript 

Les cours

Les bases : on commence en douceur en expliquant étape par étape toutes les spécificités de JavaScript et sa syntaxe.

Le DOM : c'est la partie la plus ludique dans laquelle on interagit avec une page Web, on y voit tous les événements les plus importants pour dynamiser et animer un site Web (déclencher des événements au click, scroll, mouvement de la souris ou encore quand on presse une touche).

La Data : c'est la partie qui permet de faire passer JavaScript dans une autre dimension avec des manipulations de données dans des variables, tableaux, objets. On utilise toute la puissance du JavaScript pour extraire la data que l'on souhaite.

Les API : cette partie est la dernière pièce du puzzle pour pouvoir créer nos premières applications web. On y verra comment interagir avec un serveur distant et récupérer des données de celui-ci.

La POO : la Programmation Orientée Objet permet de créer des prototypes d'objets réutilisables via (entre autre) de l'héritage.

Suite et fin : cette dernière partie rassemble toutes les petites choses qui ne correspondaient pas aux 5 premières parties. On y aborde notamment des canvas, du Try / Catch, du Strict Mode, les modules, les tests, TypeScript et enfin un comparatif des bibliothèques et framework de JavaScript 

Les TP et Apps réalisés

En plus des cours classiques il y aura à chaque fin de section des TP à réaliser en autonomie. Dans une première vidéo j'explique l'exercice et ses problématiques pour te laisser coder par toi-même, puis dans une seconde vidéo je montre toute la réflexion qui conduit jusqu'au résultat voulu.

Générateur de bulles

⚡️Retrace l'essentiel des notions évoquées dans le cours
⚡️Générer des éléments de tailles et position aléatoire

Souris animée

⚡️ Créer un événement à chaque mouvement de souris
⚡️ Créer une animation 

Cacher la Navbar

⚡️Évènements au scroll
⚡️Animer la navbar 

Apparition au scroll

⚡️Faire apparaitre des éléments sur la page
⚡️Gérer une popup au scroll 

La sidebar

⚡️Événements au click
⚡️Gérer l'apparition et l'animation de la sidebar 

Générateur de MDP

⚡️Manipuler des tableaux
⚡️Générer un résultat aléatoire

Formulaire intelligent

⚡️Tester en temps réel ce qui est saisi
⚡️Envoyer des messages d'erreur ou de succès

Générateur de couleur

⚡️Créer une couleur aléatoire
⚡️Injecter cette couleur sur le DOM

Todo list

⚡️Récupérer ce qui est saisi
⚡️L'ajouter à un tableau et l'enregistrer dans le navigateur

Compte à rebours

⚡️Créer une fonction récursive
⚡️Faire évoluer un compteur chaque seconde

Calculateur de dates

⚡️Récupérer les données dans les inputs
⚡️Calculer des tarifs en fonction

Application de cuisine

⚡️Faire une requête à l'API pour récupérer les données
⚡️Afficher les données à l'écran

Générateur de blagues

⚡️Envoyer une requête à l'API
⚡️Rendre le résultat à l'écran

Country App

⚡️Récupérer toutes les données des pays
⚡️Filtrer les données

Yoga App

⚡️Créer un tableau avec les choix de l'utilisateur
⚡️Lancer la routine avec un compte à rebours pour chaque position

Quiz App

⚡️Instancier un objet avec les questions et les bonnes réponses
⚡️Analyser les réponses et incrémenter le score de l'utilisateur

Flappy Bird

⚡️Gérer le système de canvas
⚡️Prendre en compte les différents mouvements de l'oiseau selon le décor généré aléatoirement 

Les vidéos

🐤 Les bases [1/6]

📽️ Cours [1/6]
🛠️ Plugin Chrome / VS Code indispensables

🖥️ Le DOM [2/6]

📽️ Cours [2/6]
🛠️ Synthèse du Cours - Le générateur de Bulle
🍿 [TP1 présentation] Mouse effect
💡 [TP1 explication] Mouse effect
🍿 [TP2 présentation] Scroll Navbar
💡 [TP2 explication] Scroll Navbar
🍿 [TP3 présentation] Scroll Popup
💡 [TP3 explication] Scroll Popup
🍿 [TP4 présentation] Sidebar
💡 [TP4 explication] Sidebar

📊 La data [3/6]

🎥 Cours [3/6]
🍿 [TP5 présentation] Color Generator
💡 [TP5 explication] Color generator
🍿 [TP6 présentation] Todo List
💡 [TP6 explication] Todo List
🍿 [TP7 présentation] Compte à Rebours
💡 [TP7 explication] Compte à rebours
💡 [TP8 présentation + explication] Date Calculator
🛠️ Algorithmique en Javascript

📱 Les API [4/6]

🎥 Cours [4/6]
🍿 [TP9 présentation] Country App
💡 [TP9 explication] Country App

🪄 La Programmation Orientée Objet [5/6]

🎥 Cours [5/6]
💡 [TP10 présentation + explication] Quiz App

🚀 Suite et fin [6/6]

🎥 Cours [6/6]
💡 [TP11 présentation + Explication] Flappy Bird
🎥 Cours TypeScript

JavaScript de A à Z

  • Cours
  • 29 Leçons