Canvas
2.0 — Créer dans le navigateur
Bloc 2 | Durée totale : 35 min | 3 sections
Slides du chapitre
Ce que vous allez faire
Dans ce bloc, vous allez découvrir qu'on peut créer des applications interactives directement dans le navigateur, sans rien installer, sans terminal, sans configuration. Juste une conversation avec une IA.
C'est le point d'entrée le plus accessible : vous décrivez ce que vous voulez, l'IA le construit, vous testez et vous itérez.
Au programme
| # | Section | Durée | Type |
|---|---|---|---|
| 2.1 | Démo : créer dans le navigateur | 5 min | Démo + exemples |
| 2.2 | La méthode de travail | 5 min | Théorie |
| 2.3 | Exercice 1 : votre premier artifact | 25 min | Pratique |
Les outils
- Claude → Artifacts (HTML, CSS, JS, React, SVG, Three.js)
- ChatGPT → Canvas (HTML, CSS, JS)
- Gemini → Canvas (HTML, CSS, JS)
- Tout ce qui génère du code web dans le navigateur
Pas besoin d'installation. Pas besoin de compte payant (même si les résultats sont meilleurs avec). Juste un navigateur et une IA.