Programme

• S1Ton site existe déjà, en ligne2h

  Théorie (30 min)	Pratique accompagnée (1h30)
  Comment marche un LLM (prompts, hallucinations), les 3 règles du pilote, pourquoi le métier a changé, Git version simple et notions de déploiement.	Installer VS Code, créer les comptes GitHub + Copilot Pro, générer le site avec le prompt commun, personnaliser, puis publier sur GitHub et Vercel.

  • Bug du jour: Premier raté d'installation lu ensemble : apprendre que l'erreur est normale et se lit.
  • Acquis: Environnement prêt, site déjà en ligne, premier pilotage de l'IA même sans tout comprendre du code.
  • Devoir: Acheter son nom de domaine (guide fourni).
• S2Autopsie : structure & style2h

  Théorie (30 min)	Pratique accompagnée (1h30)
  Lire du HTML/JSX (balises, imbrication), comprendre les imports, le DNS, puis relier Tailwind aux bases CSS (couleurs, boites, flexbox, responsive).	Brancher son nom de domaine, suivre un import à la trace, modifier CV/textes/images et refaire le style via l'agent avec validation de chaque changement.

  • Bug du jour: Import cassé ou classe Tailwind inexistante (selon le rythme du groupe).
  • Acquis: Ne plus avoir peur d'ouvrir les fichiers et savoir relier prompt, code et rendu ecran.
• S3Autopsie : la logique2h

  Théorie (30 min)	Pratique accompagnée (1h30)
  Variables, conditions, fonctions, objets et boucles (map), toujours sur des extraits réels de leur code.	Trouver où se décide le comportement, transformer cartes et projets en listes d'objets + boucles, puis modifier le comportement sans l'agent.

  • Bug du jour: Condition inversée ou map qui tourne mais affiche du vide.
  • Acquis: Kit de lecture minimal pour auditer le code généré par l'IA, réutilisable en base de données et chatbot.
• S4Le site parle : vrais emails2h

  Théorie (30 min)	Pratique accompagnée (1h30)
  Client/serveur, pourquoi une clé API reste côté serveur, et comment gérer les variables d'environnement en local puis sur Vercel.	Activer le formulaire de contact avec validation, branchement Resend (clé API + route serveur), réception d'un vrai email et tests croisés.

  • Bug du jour: Clé API absente sur Vercel : ça marche en local mais pas en ligne.
  • Pour aller plus loin: Pour les rapides : vérifier le domaine dans Resend pour envoyer depuis contact@sonnom.fr.
• S5Le site se souvient : comptes & données2h

  Théorie (30 min)	Pratique accompagnée (1h30)
  Bases de données, sessions, sécurité des mots de passe, règles d'accès, limites email du tier gratuit Supabase et usage d'un SMTP externe.	Brancher Supabase, archiver les messages en base, ajouter une page admin, puis implémenter inscription/connexion pour les visiteurs.

  • Bug du jour: Règle d'accès trop stricte : la base répond, mais rien ne s'affiche.
  • Pour aller plus loin: Rituel de fin de chantier : installer un 'battement de cœur' (GitHub Action) pour éviter la pause du projet Supabase gratuit.
• S6Le site pense : chatbot IA2h

  Théorie (30 min)	Pratique accompagnée (1h30)
  API LLM, tokens, prompt système et limites de débit.	Créer une clé API (Mistral ou GitHub Models), connecter le chatbot au site et stocker l'historique des conversations en base.

  • Bug du jour: Quota dépassé ou mauvais nom de modèle : savoir lire l'erreur API et basculer sur un plan B.
  • Acquis: Séance signature : emails + comptes + base de données + IA réunis dans un seul site présentable.
• S7Projet personnel : atelier2h

  Théorie (30 min)	Pratique accompagnée (1h30)
  Cadrer son projet avec l'IA : décrire, découper, itérer petit, savoir s'arrêter, et récap de la méthode de débogage.	Atelier individuel avec accompagnement : projet libre dans le périmètre des briques vues, un commit par étape, débogage sur des cas réels.

  • Devoir: Avancer chez soi, avec filet formateur par email.
• S8Finitions & présentations2h

  Théorie (30 min)	Pratique accompagnée (1h30)
  45 min de finitions accompagnées, puis préparation de la démo.	Présentation de chaque site en 2-3 minutes (en ligne, emails, comptes, chatbot), bilan du trimestre et suite du parcours.

1 séance par semaine — Tous les lundis 19h–21h