Class — Maîtrisez l’IA

Formation dev & IA · profs de technologie

Vidéos explicatives, exercices interactifs, expériences 3D, agents et skills : la formation des profs de techno pour construire avec l’IA, de ton premier résultat au mode agentique.

J’ai une invitation Se connecter Voir ce qu’on construit

Défile

Claude DesktopClaude CodeCodexAntigravityConnecteursthree.jsSkillsPWAHTML hors-ligneClaude DesktopClaude CodeCodexAntigravityConnecteursthree.jsSkillsPWAHTML hors-ligne

01 — Ce que tu vas construire

Ce sont les supports que je crée chaque semaine avec l’IA. Ici, ils tournent pour de vrai : touche, clique, survole.

Récaps animés

Ta séquence en motion design, sur ta voix.

La chaîne d’énergie

Quatre fonctions, un seul objectif.

Exercices interactifs

L’élève manipule, il comprend.

Allume la lampe : quelles conditions faut-il réunir ?

Expériences 3D

Démonter un objet à l’écran.

Skills et agents

Ton IA apprend ta façon de faire.

~/Bureau/sequence-domotique

›

Se connecter pour le téléchargerexplain-educative-vids · .zip · Claude, Codex, Gemini

02 — La méthode

conversation

Je veux une activité où mes 4e reconstituent la chaîne d’énergie d’un portail automatique, en glissant les blocs. Ambiance sobre, retour immédiat.

L’IA réfléchit

01
Décrire
Tu racontes ce que tu veux, comme à un collègue : le public, l’objectif, l’ambiance. Pas une ligne de code.
conversation
Je veux une activité où mes 4e reconstituent la chaîne d’énergie d’un portail automatique, en glissant les blocs. Ambiance sobre, retour immédiat.
L’IA réfléchit
02
Planifier
L’IA propose un plan. Tu le relis, tu corriges, tu valides. C’est là que se joue la qualité du résultat.
plan.md
Plan proposé
Écran d’accueil avec la consigne
Six blocs à glisser dans la chaîne
Vérification et retour bloc par bloc
Écran final avec le schéma complet
Toi : « Ajoute un indice au deuxième essai. Vas-y. »
03
Construire
Elle écrit tout, fichier par fichier. Toi, tu regardes le résultat apparaître et tu testes.
index.html
1<section class="chaine">
2 <div class="bloc" draggable>Alimenter</div>
3 <div class="bloc" draggable>Distribuer</div>
4 <div class="bloc" draggable>Convertir</div>
5</section>
6
7function verifier(bloc, place) {
8 if (bloc === place) succes(bloc);
9 else indice(bloc);
10}
04
Affiner
Une phrase par retouche : « plus lent », « plus contrasté », « ajoute un quiz ». Jusqu’au waouh.
aperçu
Chaîne d’énergie — portail automatique
Alimenter
Distribuer
Convertir
Transmettre
✓ Chaîne complète — bravo !