Parcours JavaScript : 59 jours pour programmer pour de vrai
Cinquante-neuf séances d'une heure, une par jour, en quatre modules, pour celles et ceux qui ont déjà bricolé des pages web (vous savez ce que sont HTML et CSS) et veulent passer à la programmation. Le but : passer de « je recopie des bouts de JavaScript trouvés en ligne » à « j'écris, je teste et je débogue mes propres programmes, dans le navigateur et avec Node.js ».
Pourquoi JavaScript, et pour qui
JavaScript est le seul langage que les navigateurs exécutent, et il tourne aussi sur votre machine grâce à Node.js : un seul langage pour la page web, le script utilitaire et le petit serveur. Ce parcours suppose que vous avez déjà vu une page HTML et une règle CSS — si ce n'est pas le cas, commencez par le parcours « développement web » du site, qui couvre HTML, CSS et le JavaScript du navigateur pour débutants. Ici, on ne touche presque pas au DOM ni au visuel des pages : on apprend le langage lui-même, les valeurs, les fonctions, l'asynchrone, les tests, comme un vrai cours de programmation.
La méthode, la même chaque jour
| Temps | Phase | Ce que vous faites |
|---|---|---|
| 20 min | Théorie | Le cours de la séance (sur la page du module), lu tranquillement, avec prise de notes. |
| 30 min | Pratique | Vous tapez du code vous-même dans la console ou dans Node, et vous le VOYEZ tourner. Chaque exercice a un critère de réussite explicite. |
| 10 min | Synthèse | Trois lignes dans le carnet, puis refaire l'exercice du jour sans notes. |
Taper le code à la main compte autant que le comprendre : ne copiez-collez jamais un exemple, retapez-le. Les fautes de frappe que vous corrigerez sont exactement les erreurs que vous saurez réparer plus tard.
Les outils, à installer une fois (jour 1)
- Node.js LTS, depuis nodejs.org — gratuit, officiel, pour Windows, macOS et Linux. Prenez la version marquée « LTS » (long term support) : c'est la stable. Elle installe aussi
npm, le gestionnaire de paquets. - Un navigateur récent (Firefox, Chromium…) : sa console (touche F12, onglet « Console ») est un terrain de jeu JavaScript immédiat, sans rien installer.
- Un éditeur de code : VSCodium (la version 100 % libre de Visual Studio Code) est conseillé. Un éditeur de code n'est pas un traitement de texte : il enregistre du texte brut.
- Un carnet numérique : un simple dossier de fichiers texte, un fichier par jour.
Aucun compte à créer, aucune carte bancaire : tout le parcours tient sur ces outils gratuits. À partir du module 3, une connexion internet sert à appeler des API publiques gratuites (Open-Meteo, sans clé).
La règle d'or
Mieux vaut une heure tous les jours que sept heures le dimanche. Si vous ratez un jour, vous ne rattrapez pas le lendemain : vous décalez tout d'un jour, et vous rognez sur le module 4. Les séances sont numérotées J1 à J59, sans dates : seules comptent l'ordre et la régularité.
Apprendre avec une IA, sans la laisser coder à votre place
Ce parcours peut se suivre avec une IA comme répétiteur, de préférence un modèle qui tourne chez vous (voir votre premier modèle local) : vos essais ne quittent pas votre machine. Elle vous fait gagner du temps si elle vous fait travailler, et vous en fait perdre si elle écrit à votre place.
- Demandez-lui d'expliquer une erreur, de vous interroger, de relire votre code. Pas d'écrire l'exercice : un modèle écrit du JavaScript plausible qui parfois ne s'exécute pas, ou qui utilise des idiomes d'il y a dix ans.
- Ne recopiez jamais son code sans le relire ligne par ligne et le lancer vous-même. En JavaScript plus qu'ailleurs, la réponse dépend de la version du langage : exigez du code moderne (const/let, fonctions fléchées, async/await, modules ESM).
- Vérifiez ce qu'elle affirme dans la documentation de référence, MDN Web Docs : un modèle peut se tromper avec aplomb, y compris sur l'ordre des arguments d'une méthode.
- Ne lui collez ni mot de passe, ni donnée personnelle, ni contenu de fichiers privés.
Chaque séance se termine par un encadré « Tips agent » : comment un agent (Claude Code, Kimi Code, OpenFox) ferait la même tâche, le piège à éviter, et la preuve à lui demander. On apprend à la main, et au passage on apprend à déléguer sans se faire piéger.
Les quatre modules
Chaque module est une page : les séances s'y suivent, chacune avec son objectif, son cours, sa pratique pas à pas et sa synthèse. Cochez un module quand toutes ses séances sont faites ; votre progression reste dans votre navigateur.
Ressources gratuites recommandées
- MDN Web Docs — JavaScript — la référence à garder sous la main pendant tout le parcours (une grande partie existe en français).
- javascript.info, en français — le meilleur cours moderne en ligne, à lire en complément des modules 1 à 3.
- La documentation de Node.js (en anglais) — la référence des modules intégrés pour les modules 3 et 4.
- Open-Meteo — l'API météo gratuite et sans clé qui sert de terrain de jeu au projet final.
La check-list de fin de parcours
- Je manipule variables, nombres, chaînes, tableaux et objets sans hésiter.
- J'écris une fonction, je la compose avec map, filter et reduce.
- J'explique la boucle d'événements et je prédis l'ordre d'affichage d'un script mélangeant console.log, setTimeout et promesses.
- J'écris du code asynchrone avec async/await et j'attrape ses erreurs.
- Je lance un script Node, je lis des fichiers, j'écris un mini serveur HTTP.
- J'écris des tests avec node:test et je les fais passer.
- Je structure un petit outil en modules ESM, documenté dans un README.
- J'ai un projet fini : un CLI qui interroge une API publique, testé, dont je peux expliquer chaque ligne.
Une case qui ne se coche pas n'est pas un échec : c'est la liste de ce que vous reprendrez en premier.
- 1JavaScript module 1 : les fondamentaux, console en mainJours 1 à 14 : la console, Node, valeurs, types, let/const, opérateurs, chaînes, tableaux, objets, erreurs, conditions, boucles, fonctions — retour immédiat à chaque ligne.
- 2JavaScript module 2 : les morceaux difficiles, en douceurJours 15 à 28 : portée, closures, map/filter/reduce, déstructuration, erreurs, JSON, dates — les parties qui font peur, expliquées et pratiquées une par une.
- 3JavaScript module 3 : l'asynchrone et Node.jsJours 29 à 42 : callbacks, la boucle d'événements bien comprise, promesses, async/await, fetch, puis Node.js — scripts, npm, fichiers et un mini serveur HTTP.
- 4JavaScript module 4 : tester, structurer, livrerJours 43 à 59 : modules ESM, tests avec node:test, débogage, architecture d'un CLI, et le projet final — un outil météo testé et documenté.