45 prompts
Formateur(rice) Développeur front-end JavaScript

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis formateur en développement front-end JavaScript et je veux mettre à jour mon cours avant une session. Tu ne cites rien de mémoire et tu ne décides de rien à ma place.
Contexte à renseigner :
– Mon support actuel : [plan, extraits de code, API et modèles enseignés : composants de classe ou fonctionnels, Options API ou Composition API, gestion d’état, routage]
– Documentation consultée : [extraits datés de la documentation officielle, notes de version, guides de migration]
– Versions installées sur les postes et dans le projet fil rouge : [fichier de dépendances, gestionnaire de paquets]
Ta mission IA :
1. Repère dans mon support chaque passage dont la validité dépend d’une version : API, hooks ou fonctions de composition, cycle de vie, rendu côté serveur, outil de construction.
2. Confronte chacun à la documentation collée : à jour, déprécié, remplacé, non vérifiable avec mes extraits.
3. Propose les remplacements, avec le passage source de chacun et le code avant et après.
4. Distingue ce qui est durable (portée, fermetures, asynchrone, flux de données, immutabilité, accessibilité) de ce qui dépend d’une bibliothèque.
5. Liste les points à tester sur les postes avant la session, dont l’installation propre du projet fil rouge.
Contraintes :
aucune version, date de fin de support ni API affirmée de mémoire ; tout ce qui ne figure pas dans les extraits collés est signalé comme non vérifié.
Format :
tableau des passages et statut, remplacements sourcés avec code, durable et volatil, tests à faire. 800 mots maximum.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis formateur en développement front-end JavaScript et je veux préparer une démonstration en direct de la construction d’un composant React ou Vue. Tu ne cites rien de mémoire et tu ne décides de rien à ma place.
Contexte à renseigner :
– Composant visé : [liste filtrable, formulaire à validation, onglets, panier]
– Cadriciel et version du projet : [éléments]
– Notions à faire apparaître : [propriétés, état local, état dérivé, effets, événements, clés de liste]
– Niveau du groupe : [éléments]
Ta mission IA :
1. Découpe la démonstration en étapes courtes, chacune avec un changement visible dans le navigateur et dans les outils de développement du cadriciel.
2. Prévois à chaque étape la question posée au groupe avant d’écrire : où vit cet état, qui le modifie, qu’est-ce qui se re-rend.
3. Prévois trois erreurs volontaires typiques à provoquer et diagnostiquer en direct : mutation directe de l’état, clé de liste instable, effet sans dépendances correctes ou boucle de rendu.
4. Prépare la vérification finale : clavier, focus, annonce des changements, console sans avertissement.
5. Termine par un exercice de réemploi sur un composant voisin.
Contraintes :
aucun comportement du moteur de rendu affirmé sans que je l’aie vérifié dans la documentation collée ou en exécutant le code.
Format :
étapes, questions, erreurs volontaires et diagnostic, vérifications, exercice. 700 mots maximum.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis formateur en développement front-end JavaScript et je veux constituer un dépôt d’exercices gradués, chacun livré avec ses tests. Tu ne cites rien de mémoire et tu ne décides de rien à ma place.
Contexte à renseigner :
– Notions du module : [manipulation du DOM, asynchrone, modules, composants, état, routage, appels d’API, formulaires, tests]
– Exercices existants et outils de test retenus : [liste]
– Structure du dépôt et règles de branches : [éléments]
Ta mission IA :
1. Classe mes exercices par notion et par niveau, et repère les trous.
2. Propose pour chaque trou un exercice qui isole une difficulté, avec une interface de départ fournie.
3. Rédige pour chaque exercice : énoncé, fichiers de départ, tests qui décrivent le comportement attendu et non l’implémentation, piège attendu.
4. Prévois une API simulée ou des données fictives pour les exercices réseau, avec cas de lenteur et d’erreur.
5. Propose la convention du dépôt : un dossier par exercice, commande unique pour lancer les tests, lisez-moi court.
Contraintes :
aucun test qui figerait une solution unique ; chaque test porte sur un comportement observable par l’utilisateur ou par l’appelant.
Format :
tableau notions et niveaux, exercices nouveaux avec tests, données simulées, convention du dépôt. 900 mots maximum.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis formateur en développement front-end JavaScript et je veux construire la progression de mon module. Tu ne cites rien de mémoire et tu ne décides de rien à ma place.
Contexte à renseigner :
– Durée et rythme : [éléments]
– Capacités visées et référentiel : [coller]
– Cadriciel retenu et raisons : [React, Vue, les deux]
– Profil d’entrée du groupe : [éléments]
Ta mission IA :
1. Ordonne les notions : langage et DOM, modules, asynchrone et appels d’API, composants, état et flux de données, routage, tests, construction et déploiement.
2. Fixe pour chaque étape la preuve de maîtrise attendue avant de passer à la suivante.
3. Place les moments où le groupe réécrit en natif ce qu’il vient de faire avec le cadriciel, pour comprendre ce que celui-ci apporte.
4. Répartis dès le début la gestion de versions, les tests, l’accessibilité et la sécurité au lieu de les isoler en fin de module.
5. Signale les capacités du référentiel non couvertes et les notions que la durée ne permet pas.
Contraintes :
aucune capacité ajoutée au référentiel ; les arbitrages de durée restent les miens.
Format :
progression par étapes, preuves de maîtrise, allers-retours natif et cadriciel, fils transversaux, écarts. 800 mots maximum.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis formateur en développement front-end JavaScript et je veux concevoir un exercice centré sur l’état d’une application. Tu ne cites rien de mémoire et tu ne décides de rien à ma place.
Contexte à renseigner :
– Application support : [panier, tableau de bord, formulaire en plusieurs étapes]
– Cadriciel et outils d’état autorisés : [état local, contexte ou fournisseur, magasin centralisé]
– Niveau et durée : [éléments]
Ta mission IA :
1. Rédige un énoncé avec une application de départ volontairement mal structurée : état dupliqué, état dérivé stocké, propriétés transmises sur plusieurs niveaux.
2. Demande à l’apprenant de cartographier l’état avant de coder : source de vérité, lecteurs, écrivains.
3. Fixe les critères de réussite : une seule source de vérité par donnée, état dérivé calculé, pas de mutation directe, synchronisation avec l’URL si pertinent.
4. Prépare le corrigé et les solutions alternatives recevables.
5. Prépare une question de justification : pourquoi un magasin centralisé serait ici utile ou superflu.
Contraintes :
aucun outil de gestion d’état imposé hors de ceux que j’autorise.
Format :
énoncé, application de départ, cartographie attendue, critères, corrigé et alternatives, question de justification. 800 mots maximum.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis formateur en développement front-end JavaScript et je veux concevoir un exercice d’intégration d’une API dans une interface. Tu ne cites rien de mémoire et tu ne décides de rien à ma place.
Contexte à renseigner :
– API utilisée : [contrat de l’API simulée ou documentation collée]
– Cadriciel et bibliothèques autorisées : [éléments]
– Niveau et durée : [éléments]
Ta mission IA :
1. Rédige l’énoncé : liste paginée, filtre, détail, avec les états de chargement, vide, erreur et nouvel essai.
2. Prévois des conditions dégradées à activer dans l’API simulée : lenteur, erreur serveur, réponse mal formée, double réponse dans le désordre.
3. Fixe les critères : aucun état incohérent, requête annulée ou ignorée quand elle devient inutile, erreur lisible et annoncée, pas de secret dans le code livré au navigateur.
4. Prépare les tests qui vérifient chaque état.
5. Prépare le corrigé et une question sur la frontière entre ce que le client doit faire et ce que le serveur doit garantir.
Contraintes :
tu t’appuies uniquement sur le contrat d’API collé.
Format :
énoncé, conditions dégradées, critères, tests, corrigé et question. 800 mots maximum.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis formateur en développement front-end JavaScript et je veux construire la grille d’évaluation d’une application React ou Vue. Tu ne cites rien de mémoire et tu ne décides de rien à ma place.
Contexte à renseigner :
– Consigne : [coller]
– Capacités évaluées et référentiel : [coller]
– Barème ou niveaux de l’organisme : [coller]
Ta mission IA :
1. Définis les critères : fonctionnalités, architecture des composants, gestion de l’état, appels d’API et cas d’erreur, tests, accessibilité des composants dynamiques, sécurité côté client, performance, historique de versions, documentation.
2. Associe à chaque critère sa méthode de vérification : lancement des tests, lecture ciblée, parcours clavier, onglet réseau, audit de performance, lecture de l’historique.
3. Écris pour chaque critère des niveaux observables.
4. Propose une pondération justifiée et les défauts éliminatoires éventuels.
5. Rédige la version apprenant et un protocole de double correction.
Contraintes :
aucune capacité ajoutée au référentiel ; chaque niveau est vérifiable par un autre correcteur.
Format :
grille, méthodes de vérification, niveaux, pondération, version apprenant, protocole. 900 mots maximum.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis formateur en développement front-end JavaScript et je veux concevoir une épreuve pratique en temps limité sur une base de code existante. Tu ne cites rien de mémoire et tu ne décides de rien à ma place.
Contexte à renseigner :
– Capacités évaluées : [liste]
– Base de code fournie : [description, tests existants]
– Durée, poste, accès réseau et règle d’usage des assistants : [éléments]
Ta mission IA :
1. Rédige le sujet : un ticket réaliste, ses critères d’acceptation, et un défaut existant à corriger en passant.
2. Vérifie la faisabilité dans le temps imparti et propose une marge.
3. Fixe le livrable : branche, commits lisibles, tests ajoutés, courte note de choix.
4. Prépare le corrigé, le barème et les solutions alternatives recevables.
5. Prépare les consignes de surveillance, de conservation de l’historique et les risques de l’épreuve.
Contraintes :
tu t’appuies uniquement sur mes éléments.
Format :
sujet et ticket, faisabilité, livrable, corrigé et barème, surveillance et risques. 700 mots maximum.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis formateur en développement front-end JavaScript et je veux évaluer la qualité des tests livrés par un apprenant. Tu ne cites rien de mémoire et tu ne décides de rien à ma place.
Contexte à renseigner :
– Spécification fonctionnelle : [coller]
– Tests de l’apprenant, anonymisés : [coller]
– Rapport de couverture et résultats de mes mutations : [coller]
Ta mission IA :
1. Rapproche chaque exigence de la spécification des tests qui la vérifient, et liste les exigences sans test.
2. Repère les tests faibles : sans assertion utile, dépendants de l’implémentation, instantanés non relus, simulations qui remplacent ce qu’on voulait tester.
3. Exploite mes mutations : lesquelles les tests détectent, lesquelles passent inaperçues.
4. Situe le travail sur les niveaux de ma grille, en citant les preuves.
5. Rédige les questions d’entretien pour vérifier que l’apprenant comprend ses tests.
Contraintes :
aucune note attribuée ; je décide.
Format :
tableau exigences et tests, tests faibles, mutations, positionnement argumenté, questions. 700 mots maximum.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis formateur en développement front-end JavaScript et je veux monter un projet où mes apprenants contribuent à l’application d’une entreprise partenaire. Tu ne cites rien de mémoire et tu ne décides de rien à ma place.
Contexte à renseigner :
– Entreprise et besoin : [description, cadriciel, taille de l’équipe]
– Capacités à évaluer : [liste]
– Calendrier et ressources : [éléments]
Ta mission IA :
1. Définis un périmètre réaliste : tickets confiés, environnement isolé, ce qui est exclu, dont la mise en production par les apprenants seuls.
2. Rapproche chaque livrable d’une capacité à évaluer.
3. Liste les points à cadrer : accès au dépôt, secrets, données de test, confidentialité, propriété du code produit, relecture par l’équipe, disponibilité d’un référent.
4. Rédige un courriel de proposition sobre et précis.
5. Propose une trame de convention à soumettre à l’organisme.
Contraintes :
aucun engagement pris au nom de l’organisme ni de l’entreprise.
Format :
périmètre, livrables et capacités, points à cadrer, courriel, trame de convention. 700 mots maximum.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis formateur en développement front-end JavaScript et je veux constituer avec l’équipe pédagogique une ressource de règles de mise en production. Tu ne cites rien de mémoire et tu ne décides de rien à ma place.
Contexte à renseigner :
– Thèmes : [sécurité côté client, secrets, dépendances et licences, traceurs et consentement, accessibilité des composants dynamiques, performance, déploiement et retour arrière]
– Sources collectées : [extraits datés avec liens]
– Outil de partage : [plateforme]
Ta mission IA :
1. Organise la ressource par moment du projet : démarrage du dépôt, ajout d’une dépendance, ajout d’un script tiers, livraison, incident.
2. Rédige pour chaque moment la règle, la vérification à faire, sa source et sa date.
3. Signale les thèmes sans source collée.
4. Prévois une procédure de mise à jour et un responsable par thème.
5. Rédige l’avertissement d’usage.
Contraintes :
aucune règle sans source collée.
Format :
structure, fiches sourcées, thèmes non sourcés, mise à jour, avertissement. 800 mots maximum.

Copier le prompt

Mon rôle (Moi [prénom]) :
Je suis formateur en développement front-end JavaScript et je veux écrire le programme d’un module, conforme aux exigences d’information de l’organisme. Tu ne cites rien de mémoire et tu ne décides de rien à ma place.
Contexte à renseigner :
– Public et prérequis : [éléments]
– Capacités visées : [liste]
– Contenus et durée : [liste, heures]
– Modalités pédagogiques et d’évaluation : [éléments]
– Exigences d’information de l’organisme : [coller]
Ta mission IA :
1. Rédige les objectifs en capacités observables, à l’infinitif.
2. Organise les contenus en parties cohérentes avec leur durée.
3. Décris les modalités pédagogiques : démonstrations commentées, exercices gradués avec tests, revues de demandes de fusion, simulations d’incident, projets d’équipe avec gestion de versions, projet avec une entreprise partenaire.
4. Décris les modalités d’évaluation et leur lien avec chaque objectif.
5. Vérifie la présence de chaque mention exigée et liste celles qui manquent.
6. Signale toute promesse de résultat à retirer.
Contraintes :
aucun contenu ni aucune durée ajoutés ; aucune promesse d’emploi ou de réussite.
Format :
programme structuré, tableau objectifs et évaluations, mentions manquantes, promesses à retirer. 800 mots maximum.