Utilisation de l'IA
Principe
Section titled “Principe”L’IA (ChatGPT, Claude, GitHub Copilot, etc.) est encouragée comme assistant dans ce cours, mais avec responsabilité.
Règle d’or
Section titled “Règle d’or”“Si tu ne peux pas expliquer ce que fait le code que l’IA t’a donné, ne l’utilise pas.”
✅ Bon usage de l’IA
Section titled “✅ Bon usage de l’IA”Générer des fonctions simples
Section titled “Générer des fonctions simples”Exemple : “Écris-moi une fonction JavaScript qui prend un tableau et retourne les éléments uniques”
Pourquoi c’est OK : Fonction isolée, facile à comprendre et tester.
Comprendre une erreur
Section titled “Comprendre une erreur”Exemple : “J’ai cette erreur : Cannot read property 'map' of undefined. Qu’est-ce que ça veut dire ?”
Pourquoi c’est OK : Vous apprenez à debugger et comprendre les messages d’erreur.
Transformer du code
Section titled “Transformer du code”Exemple : “Convertis ce code JavaScript en Svelte”
Pourquoi c’est OK : Vous comprenez le code initial et voyez comment le transposer.
Obtenir des explications
Section titled “Obtenir des explications”Exemple : “Explique-moi ce que fait ce code ligne par ligne”
Pourquoi c’est OK : Vous cherchez à comprendre, pas juste à copier.
Générer du boilerplate
Section titled “Générer du boilerplate”Exemple : “Crée-moi la structure de base d’un composant Svelte avec un bouton”
Pourquoi c’est OK : Structure standard que vous allez personnaliser.
❌ Mauvais usage de l’IA
Section titled “❌ Mauvais usage de l’IA”Générer le projet complet
Section titled “Générer le projet complet”Exemple : “Crée-moi une application complète de jeu d’enquête avec QR codes”
Pourquoi c’est NON : Vous ne comprenez pas comment tout s’assemble.
Copier-coller sans lire
Section titled “Copier-coller sans lire”Comportement : L’IA donne du code, vous le collez directement sans le lire.
Pourquoi c’est NON : Vous ne savez pas ce qui se passe si ça casse.
Ne jamais chercher à comprendre
Section titled “Ne jamais chercher à comprendre”Comportement : Chaque problème = demander à l’IA sans jamais réfléchir.
Pourquoi c’est NON : Vous n’apprenez rien, vous restez dépendant.
Utiliser comme excuse
Section titled “Utiliser comme excuse”Phrase type : “Je ne comprends pas mais l’IA l’a fait donc c’est bon”
Pourquoi c’est NON : À l’évaluation, on vous demandera d’expliquer.
Workflow recommandé
Section titled “Workflow recommandé”1. Essayer d’abord par soi-même
Section titled “1. Essayer d’abord par soi-même”Cherchez dans les recettes, la documentation, essayez quelque chose.
2. Si bloqué, demander à l’IA
Section titled “2. Si bloqué, demander à l’IA”Posez une question précise sur le blocage spécifique.
3. Lire et comprendre la réponse
Section titled “3. Lire et comprendre la réponse”Ne copiez pas directement. Lisez le code, les explications.
4. Adapter à votre contexte
Section titled “4. Adapter à votre contexte”Modifiez le code pour qu’il corresponde à votre projet.
5. Tester et itérer
Section titled “5. Tester et itérer”Vérifiez que ça marche, modifiez si nécessaire.
6. Pouvoir expliquer
Section titled “6. Pouvoir expliquer”Assurez-vous de comprendre ce que fait chaque partie.
Vérification lors de l’évaluation
Section titled “Vérification lors de l’évaluation”La défense orale permet de vérifier votre compréhension :
Questions types :
- “Explique-moi comment fonctionne cette partie du code”
- “Pourquoi tu as choisi cette approche ?”
- “Si je te demandais de changer X, comment tu ferais ?”
- “Qu’est-ce qui se passe si l’utilisateur fait Y ?”
Ce qu’on évalue :
- ✅ Votre capacité à expliquer le code
- ✅ Votre compréhension des choix techniques
- ✅ Votre capacité à modifier/adapter le code
Ce qu’on n’évalue PAS :
- ❌ Qui a écrit chaque ligne
- ❌ Si vous avez utilisé l’IA ou non
- ❌ La perfection syntaxique
Assistants IA recommandés
Section titled “Assistants IA recommandés”ChatGPT (OpenAI)
Section titled “ChatGPT (OpenAI)”- Gratuit : GPT-3.5 (limité mais suffisant)
- Payant : GPT-4 (plus puissant)
- Bon pour : Explications, génération de code, debugging
Claude (Anthropic)
Section titled “Claude (Anthropic)”- Gratuit : Version limitée
- Payant : Version pro
- Bon pour : Explications détaillées, code complexe
GitHub Copilot
Section titled “GitHub Copilot”- Payant : Mais gratuit pour étudiants
- Bon pour : Autocomplétion en direct dans VSCode
Cursor
Section titled “Cursor”- Éditeur de code avec IA intégrée
- Bon pour : Coder avec assistance continue
Prompts efficaces
Section titled “Prompts efficaces”❌ Prompt vague
Section titled “❌ Prompt vague”“Fais-moi un jeu”
✅ Prompt précis
Section titled “✅ Prompt précis”“Crée une fonction JavaScript qui prend un tableau d’objets {name, score} et retourne l’objet avec le score le plus élevé”
❌ Prompt sans contexte
Section titled “❌ Prompt sans contexte”“Pourquoi ça marche pas ?”
✅ Prompt avec contexte
Section titled “✅ Prompt avec contexte”“J’ai ce code Svelte : [code]. Quand je clique sur le bouton, j’ai l’erreur undefined is not a function. Qu’est-ce qui ne va pas ?”
❌ Demander tout d’un coup
Section titled “❌ Demander tout d’un coup”“Fais-moi toute l’application”
✅ Avancer étape par étape
Section titled “✅ Avancer étape par étape”“D’abord, aide-moi à créer la structure de données pour stocker les indices du jeu”
Ressources complémentaires
Section titled “Ressources complémentaires”- Documentation Svelte : souvent plus fiable que l’IA pour Svelte
- MDN Web Docs : référence pour JavaScript/Web APIs
- Les recettes du cours : code testé et validé pour ce cours
En résumé
Section titled “En résumé”L’IA est un outil, pas une solution magique.
✅ Utilisez-la pour :
- Apprendre et comprendre
- Gagner du temps sur du code simple
- Debugger des erreurs
- Obtenir des explications
❌ N’utilisez PAS l’IA pour :
- Éviter de réfléchir
- Générer sans comprendre
- Remplacer votre apprentissage
Question test avant d’utiliser du code généré :
“Est-ce que je peux expliquer ce code à quelqu’un d’autre ?”
Si non → prenez le temps de comprendre avant d’utiliser.