Bac à sable : développer avec un agent IA
Tagline : Cadrer, déléguer, vérifier. Le cycle pratique du développement assisté par agent IA.
Ce parcours est un bac à sable orienté ingénierie. Le but n’est pas de bricoler une démo jetable, mais d’apprendre une méthode reproductible : partir d’une idée et arriver à un prototype fiable, en travaillant main dans la main avec un agent IA.
Chaque module ajoute un levier concret. Le fil rouge tient en un projet unique que tu reprends à chaque étape : un générateur de fiches produit pour une petite boutique en ligne. Tu le construis pas à pas, de la première idée jusqu’au projet maintenable.
@diagram:lesson-contract
duration :: Parcours complet — 8 modules
deliverable :: Un prototype web local fonctionnel (générateur de fiches produit)
outcome :: Maîtriser le cycle cadrer → déléguer → vérifier avec un agent IA
Ce que tu vas construire
Le projet fil rouge est un générateur de fiches produit. Le cas concret : une petite boutique veut préparer ses fiches en français plus vite. Tu donnes un nom, un public cible et trois arguments. L’outil renvoie un brouillon de titre, une description courte et des points clés.
Le projet reste volontairement simple. L’objectif n’est pas un SaaS complet. L’objectif est une méthode réutilisable.
Cette méthode tient en trois temps que tu répètes à chaque tâche : tu cadres, l’agent exécute, tu vérifies.
@diagram:bac-cycle
Pour qui
- Tu sais utiliser un navigateur, un éditeur et quelques commandes de base.
- Tu veux passer de « je demande à l’IA de coder » à « je pilote un projet proprement ».
- Tu veux comprendre quand utiliser Cursor, VS Code, Claude Code, Codex, OpenCode ou une simple pile web.
Les 8 modules du parcours
| Module | Slug | Niveau | Ce que tu fais |
|---|---|---|---|
| 1 | 01-prise-en-main |
Débutant | Tu poses le cadre, tu choisis un objectif concret et tu évites le projet trop large. |
| 2 | 02-concepts-developpement-assiste |
Débutant | Tu comprends ce que le développement assisté par agent fait bien, et où il devient fragile. |
| 3 | 03-mettre-en-place-son-environnement |
Débutant/intermédiaire | Tu prépares un environnement local simple, vérifiable et compatible agent coding. |
| 4 | 04-premier-projet-guide |
Intermédiaire | Tu construis un premier prototype web guidé par étapes. |
| 5 | 05-travailler-avec-un-agent-coding |
Intermédiaire | Tu apprends à déléguer à un agent sans perdre le contrôle. |
| 6 | 06-debugger-et-iterer |
Intermédiaire | Tu apprends à collecter les bons signaux : console, terminal, réseau, tests. |
| 7 | 07-structurer-un-projet-reutilisable |
Intermédiaire/confirmé | Tu fais évoluer le prototype vers un projet maintenable : conventions, Git, contextes longs. |
| 8 | 08-astuces-pratiques |
Tous niveaux | Tu récupères des recettes prêtes à utiliser selon la situation. |
Comment utiliser ce parcours
- Lis le module 1 avant de lancer un outil.
- Ouvre un dossier dédié pour ton projet.
- À chaque module, fais la pratique. Ne lis pas tout d’un coup.
- Garde une trace écrite : décisions, prompts utiles, bugs rencontrés, commandes qui marchent.
- Si l’agent propose une solution, vérifie-la avec une commande, un test ou une capture.
La règle du parcours
Tu peux laisser l’IA écrire du code. Tu ne dois pas lui laisser décider seule du problème à résoudre, des critères de réussite, de la structure du projet ou des compromis.
Le bon réflexe : tu cadres, l’agent exécute, tu vérifies.
Ce que tu as à la fin
À la fin du parcours, tu dois avoir :
- un prototype web local qui démarre ;
- une description claire du besoin ;
- une liste de critères de validation ;
- une structure de projet lisible ;
- des prompts réutilisables ;
- un mini-plan pour continuer vers base de données, auth, déploiement ou RAG.