JavaScript Full Course 2026 : maîtriser JavaScript en 22 heures

Objectifs

• Comprendre les bases de JavaScript (variables, fonctions, boucles, conditions)
• Manipuler le DOM pour rendre une page web interactive
• Sauvegarder des données dans le navigateur avec localStorage
• Utiliser les fonctions asynchrones (async/await, fetch) pour aller chercher des données en ligne
• Connecter une application à une API publique gratuite
• Héberger gratuitement un site web sur GitHub Pages
• Déboguer son code avec les outils du navigateur (Chrome DevTools)

Outils nécessaires

• Visual Studio Code — https://code.visualstudio.com
• Node.js — https://nodejs.org
• Google Chrome (DevTools) — https://www.google.com/chrome
• GitHub — https://github.com
• MDN Web Docs — https://developer.mozilla.org

Projet final

1. Exercice débutant — Mini-jeu ou calculatrice interactive : construis une page HTML/CSS simple puis ajoute un script JavaScript qui réagit aux clics de bouton (par exemple une calculatrice basique ou un jeu de devinette de nombre entre 1 et 100). Étapes : (1) crée les boutons et l'affichage en HTML, (2) écris les fonctions JavaScript qui écoutent les clics, (3) affiche le résultat à l'écran sans recharger la page. Livrable : un fichier HTML fonctionnel, ouvrable directement dans un navigateur. Critère de réussite : l'application répond correctement à au moins 5 interactions différentes et gère un cas d'erreur (ex. saisie vide ou division par zéro). 2. Exercice intermédiaire — Liste de tâches avec sauvegarde : crée une liste de tâches (to-do list) en JavaScript pur permettant d'ajouter, cocher et supprimer des tâches. Étapes : (1) construis l'interface HTML de la liste, (2) écris les fonctions d'ajout/suppression/coche, (3) sauvegarde la liste dans le localStorage du navigateur à chaque modification, (4) recharge automatiquement la liste sauvegardée à l'ouverture de la page. Livrable : une page web où la liste reste intacte même après avoir fermé et rouvert l'onglet. Critère de réussite : après un test de fermeture/réouverture du navigateur, les tâches ajoutées précédemment sont toujours là. 3. Projet final — Application connectée à une API réelle : construis une petite application utile (météo de sa ville, citations motivantes aléatoires, ou recherche d'informations sur un film) qui va chercher des données en temps réel via une API publique gratuite avec fetch. Étapes : (1) choisis une API gratuite sans carte bancaire requise, (2) écris le code qui récupère les données et les affiche proprement, (3) gère les états de chargement (« Chargement... ») et d'erreur (connexion coupée, ville introuvable, etc.), (4) héberge gratuitement le résultat sur GitHub Pages. Livrable : une URL publique fonctionnelle + le code source sur GitHub + une capture d'écran de l'application en fonctionnement, présentable à un client potentiel ou à un recruteur.