Par où commencer
L'archive contient 623 quêtes réparties en 61 thèmes, ce qui ne dit pas dans quel ordre les lire. Voici un chemin : les 12 étapes ci-dessous couvrent 185 quêtes et suivent l'ordre dans lequel la formation les a réellement enseignées.
Une étape n'est pas une semaine. Certaines tiennent en deux heures, d'autres demandent dix jours. Le repère utile n'est pas le temps passé mais la ligne « tu peux passer à la suite quand ».
Le parcours, de zéro
Préparer sa machine
17 quêtes
Avant d'écrire une ligne de code, il faut savoir ouvrir un terminal, installer un outil et se repérer dans son ordinateur. C'est court, et tout le reste s'appuie dessus.
Tu peux passer à la suite quand : Tu sais te déplacer dans tes dossiers en ligne de commande et installer un programme sans avoir peur de casser quelque chose.
Sauvegarder son travail avec Git
6 quêtes
Git arrive très tôt dans la formation, et ce n'est pas un hasard : à partir du moment où tu codes, tu dois pouvoir revenir en arrière. Apprends-le avant d'en avoir besoin en urgence.
Tu peux passer à la suite quand : Tu sais faire un commit, pousser sur GitHub, et créer une branche sans regarder un mémo.
Construire une page
23 quêtes
Le HTML donne la structure, le CSS l'apparence. C'est la partie la plus visuelle, donc la plus gratifiante pour commencer : tu vois tout de suite ce que tu fais. L'accessibilité se glisse ici, pas à la fin : une page bien structurée est accessible presque par construction.
Tu peux passer à la suite quand : Tu refais une maquette simple sans copier-coller, et ta page tient sur téléphone comme sur écran large.
Penser avant de coder
13 quêtes
Court, mais à faire tôt. Savoir à quoi doit ressembler l'écran avant de l'écrire évite de recommencer trois fois. C'est aussi ce qu'on te demandera en projet.
Tu peux passer à la suite quand : Tu sais maquetter un écran et expliquer tes choix autrement que par « je trouvais ça joli ».
Programmer
23 quêtes
C'est la marche la plus haute du parcours, et celle où il faut le plus s'attarder. Variables, conditions, boucles, fonctions, tableaux, objets : tout ce qui vient après n'est que de l'assemblage de ces briques. Ne passe pas à React tant que ce n'est pas solide.
Tu peux passer à la suite quand : Tu lis une fonction écrite par quelqu'un d'autre et tu sais dire ce qu'elle renvoie, sans l'exécuter.
Typer son code
5 quêtes
TypeScript arrive juste avant React dans la formation. C'est du JavaScript avec des garde-fous : tu déclares la forme de tes données, et l'éditeur t'arrête avant que ça plante.
Tu peux passer à la suite quand : Tu sais typer une fonction et un objet sans utiliser « any » partout.
Faire une vraie interface avec React
18 quêtes
React sert à construire des interfaces qui réagissent. Les notions à digérer sont les composants, les props, le state, puis le contexte. Prends-les dans cet ordre, chacune s'appuie sur la précédente.
Tu peux passer à la suite quand : Tu découpes un écran en composants et tu sais expliquer où doit vivre chaque morceau d'état.
Travailler en équipe
3 quêtes
Deux quêtes seulement, mais à lire avant ton premier projet de groupe. Sprint, backlog, rôles : c'est le vocabulaire que tout le monde utilisera autour de toi.
Tu peux passer à la suite quand : Tu sais ce qu'est un sprint et à quoi sert un backlog.
Passer côté serveur
18 quêtes
Jusqu'ici tout se passait dans le navigateur. Node fait tourner du JavaScript sur un serveur, Express lui fait répondre à des requêtes. C'est le moment où ton application cesse d'être une page et devient un service.
Tu peux passer à la suite quand : Tu crées une route qui renvoie des données, et tu la testes.
Stocker les données
9 quêtes
Une application sans base de données oublie tout à chaque rechargement. La modélisation (MCD, MLD, MPD) paraît scolaire, mais c'est elle qui t'évite de tout refaire deux mois plus tard.
Tu peux passer à la suite quand : Tu écris une requête avec une jointure, et tu sais modéliser une relation entre deux tables.
Assembler le tout
20 quêtes
Le monorepo réunit le front et le back dans un seul projet, avec une vraie base de données derrière. C'est la forme que prennent les projets de la formation, et les checkpoints se trouvent ici.
Tu peux passer à la suite quand : Tu ajoutes une fonctionnalité complète, de la table en base jusqu'au bouton à l'écran.
Mettre en ligne et sécuriser
30 quêtes
La dernière marche de la formation. Docker emballe ton application pour qu'elle tourne pareil partout, le CI/CD l'installe tout seul, et la sécurité évite que ta première mise en ligne soit aussi la dernière.
Tu peux passer à la suite quand : Ton projet tourne ailleurs que sur ta machine, et tu sais nommer trois failles courantes.
Si tu as déjà suivi la formation
Là, l'ordre compte moins que le choix. Quatre angles de reprise.
Ce qu'on te demandera de montrer
Pour le titre, c'est un projet complet qu'on examine : une base modélisée, une API qui répond, une interface qui consomme l'API. Reprends ces trois thèmes ensemble plutôt que séparément, en refaisant le chemin bout en bout sur un projet à toi.
Ce qui revient toujours à l'oral
Les questions portent rarement sur la syntaxe. Elles portent sur le pourquoi : pourquoi ce state ici, pourquoi cette table séparée, pourquoi cette méthode plutôt qu'une boucle. Relis ces quêtes en te demandant à chaque fois ce que tu répondrais à un jury.
Les angles morts classiques
Trois sujets qu'on survole en formation faute de temps, et qu'on regrette ensuite : la sécurité, l'accessibilité, et Git au-delà du commit. Ce sont aussi ceux qui te distinguent en entretien, parce que peu de candidats les ont travaillés.
Pour aller vers le CDA
Le niveau suivant attend davantage d'autonomie sur l'outillage et sur la conception. Docker et le CI/CD servent tous les jours en entreprise, et la programmation orientée objet (ici en PHP) est le socle conceptuel qu'on retrouve dans la plupart des langages.
Les parcours à côté
Ces thèmes ne font pas partie du chemin ci-dessus. Ce sont des routes parallèles, qui se prennent depuis leur propre début.
Python
Un parcours complet à lui seul, indépendant du web. Intéressant si tu lorgnes vers la data, l'automatisation ou les scripts du quotidien. Rien à voir avec l'ordre ci-dessus : ça se prend du début.
C#
Un autre parcours entier, orienté applications et écosystème Microsoft. Même remarque : c'est une autre route, pas une suite.
PHP
La filière back-end historique de l'école. Beaucoup d'entreprises françaises tournent encore dessus, et la partie orientée objet vaut le détour même si tu restes sur du JavaScript.
IA générative
Court, et utile tout de suite : comment s'en servir pour apprendre plus vite sans se faire porter, ce qui est exactement la limite à tenir pendant une formation.