Formation Coder avec l’IA

Programme

1. Module 0 · Démarrer
2. 00 Introduction : l’application que vous allez construire Découvrez TaskFlow, l’application SaaS de gestion de tâches en équipe que vous allez construire de A à Z, et le plan de la formation. Bientôt
3. 01 La méthode : coder avec l’IA sans perdre le contrôle La règle de toute la formation : l’IA propose, vous décidez. Comment déléguer, relire et valider chaque morceau de code. Bientôt
4. 02 Choisir ses outils : VS Code, Cursor, WebStorm ou IntelliJ IDEA Quel éditeur pour un projet Next.js et TypeScript ? Comparatif concret de VS Code, Cursor, WebStorm et IntelliJ IDEA selon votre profil. Bientôt
5. 03 Les assistants IA : Claude Code, GitHub Copilot et agents Panorama des assistants de code : complétion, chat, agents en ligne de commande. Lequel utiliser, pour quelle tâche, avec quels réglages. Bientôt
6. 04 Installer l’environnement : Node.js, pnpm, Git, Docker et Supabase CLI Préparez une machine de développement propre et reproductible pour tout le projet. Bientôt
7. Module 1 · Cadrer le projet avec l’IA
8. 05 Du besoin au cahier des charges : rédiger le brief avec l’IA Transformez une idée en cahier des charges exploitable, avec l’IA comme partenaire de réflexion et non comme décideur. Bientôt
9. 06 Modéliser les données : entités, relations et schéma SQL Concevez le modèle de données de TaskFlow avant d’écrire la moindre ligne d’interface. Bientôt
10. 07 Architecture de l’application : Next.js App Router et Supabase Les grands choix d’architecture : où vit la logique, comment circulent les données, ce qui tourne côté serveur ou côté client. Bientôt
11. 08 Les règles du projet pour l’IA : CLAUDE.md, conventions et prompts Donnez à l’IA le contexte du projet pour obtenir du code cohérent avec vos choix, à chaque demande. Bientôt
12. Module 2 · Fondations Next.js et TypeScript
13. 09 Créer le projet Next.js : TypeScript strict, ESLint et Prettier Initialisez un projet Next.js propre, avec des garde-fous de qualité actifs dès la première ligne. Bientôt
14. 10 Le routage de l’App Router : layouts, pages et routes dynamiques Organisez les pages de TaskFlow : layouts imbriqués, routes dynamiques, groupes et pages d’erreur. Bientôt
15. 11 Server Components, Client Components et Server Actions Comprenez où s’exécute votre code et pourquoi, pour éviter les fuites de données et les composants inutilement lourds. Bientôt
16. 12 L’interface : Tailwind CSS et composants shadcn/ui Construisez une interface cohérente et accessible sans réinventer chaque composant. Bientôt
17. Module 3 · Base de données Supabase et SQL
18. 13 Supabase en local : projet, migrations et données de test Travaillez avec une base PostgreSQL locale, des migrations versionnées et des données de test reproductibles. Bientôt
19. 14 SQL pour développeurs : tables, contraintes, index et jointures Le SQL qu’il faut vraiment maîtriser pour une application : vous le lirez dans chaque requête générée par l’IA. Bientôt
20. 15 Types TypeScript générés et accès aux données Reliez la base et le code avec des types générés, pour que le compilateur attrape les erreurs avant vos utilisateurs. Bientôt
21. 16 Row Level Security : sécuriser les données à la source Protégez chaque ligne de la base avec des politiques RLS : la sécurité ne dépend plus seulement du code de l’application. Bientôt
22. Module 4 · Authentification et autorisations
23. 17 Authentification Supabase : inscription, connexion, magic link et OAuth Mettez en place l’authentification complète : e-mail et mot de passe, lien magique et connexion avec un fournisseur. Bientôt
24. 18 Sessions côté serveur et middleware Next.js Gérez la session côté serveur et protégez les routes de l’espace connecté. Bientôt
25. 19 Organisations, rôles et invitations Rendez TaskFlow multi-équipes : organisations, rôles (propriétaire, membre, invité) et invitations par e-mail. Bientôt
26. Module 5 · Les fonctionnalités métier
27. 20 Projets et tâches : CRUD avec Server Actions et validation Zod Le cœur de l’application : créer, modifier, supprimer projets et tâches, avec une validation stricte des entrées. Bientôt
28. 21 Temps réel : un tableau Kanban synchronisé Synchronisez le tableau des tâches entre plusieurs utilisateurs en temps réel. Bientôt
29. 22 Fichiers : upload et stockage sécurisé Ajoutez des pièces jointes aux tâches avec un stockage protégé par les mêmes règles que les données. Bientôt
30. 23 E-mails transactionnels et notifications Prévenez les utilisateurs au bon moment : invitations, assignations, échéances. Bientôt
31. 24 Paiements : abonnement Stripe et webhooks Monétisez TaskFlow avec un abonnement et des webhooks fiables. Bientôt
32. Module 6 · Sécurité et qualité
33. 25 Sécurité applicative : l’OWASP Top 10 appliqué à Next.js Passez TaskFlow au crible des failles les plus courantes et corrigez-les. Bientôt
34. 26 Relire le code généré par l’IA : grille de revue et pièges Une méthode de revue de code adaptée au code généré, appliquée à de vrais extraits de TaskFlow. Bientôt
35. 27 Tests unitaires avec Vitest Testez la logique métier et les validations pour modifier le code sans peur. Bientôt
36. 28 Tests end-to-end avec Playwright Vérifiez les parcours critiques comme un utilisateur réel : inscription, création de projet, paiement. Bientôt
37. Module 7 · Mise en production
38. 29 CI/CD avec GitHub Actions Automatisez lint, tests et vérifications à chaque modification du code. Bientôt
39. 30 Déployer sur Vercel et Supabase : environnements et secrets Mettez TaskFlow en ligne avec des environnements séparés et des secrets bien gérés. Bientôt
40. 31 Observabilité : logs, erreurs et performances Sachez ce qui se passe en production avant que vos utilisateurs ne vous le disent. Bientôt
41. Module 8 · Faire évoluer l’application
42. 32 Ajouter une fonctionnalité IA dans l’application Intégrez une vraie fonctionnalité d’IA à TaskFlow, côté serveur, avec ses garde-fous. Bientôt
43. 33 Refactorer et maintenir une base de code générée Six mois plus tard : comment garder une base de code générée lisible, testée et facile à faire évoluer. Bientôt
44. 34 Projet final : checklist de mise en production et suite Validez votre application avec la checklist complète et préparez la suite. Bientôt