Workshop et Stations
TeachFORGE.ai
Workshop / Code Sandbox
Code Sandbox Station
Écrivez et exécutez JavaScript, Python et HTML avec une sortie instantanée — un endroit sûr pour démontrer du code en direct et garder des exemples que vous pouvez rouvrir.
L’IA peut rédiger. C’est vous qui décidez ce que la classe voit.
Ce qu’est Code Sandbox
Code Sandbox est un exécuteur de code navigateur pour l’enseignement. Écrivez JavaScript ou Python (via Pyodide) et voyez la sortie console instantanément, ou lancez un aperçu de document HTML — appuyez sur Run, regardez le résultat, gardez l’exemple pour la prochaine fois.
C’est important parce que les démos meurent quand la configuration gêne. Ici le point est l’extrait et la sortie, pas installer une chaîne d’outils devant une classe impatiente.
Pourquoi utiliser Code Sandbox
Démos JS et Python instantanées
Montrez un script et sa sortie console sans quitter le Workshop.
Visuels d’algorithmes en HTML
Modèles de tri et de canvas qui rendent le processus visible, pas seulement imprimable.
Extraits de données rapides
Petits scripts d’analyse quand vous avez besoin d’une histoire de nombres vite.
Mini quiz interactifs
Démarrages HTML que vous pouvez remodeler pour une courte activité de récupération.
Sur TeachForge, Code Sandbox est le frère Run-and-console de HTML / CSS / JS — choisissez Sandbox pour les extraits ; choisissez HTML / CSS / JS pour l’authoring de pages par étapes.
Dans la Code Sandbox Station
Comme le reste du Workshop, la Station garde source et résultat proches — avec une étape Run délibérée.
- Pilules de langage pour JavaScript, Python (Pyodide) et HTML
- Run vers aperçu avec sortie console ou résultat iframe HTML
- Modèles filtrés par langage pour que les démarrages collent au mode choisi
- Télécharger la source quand vous voulez le fichier sur votre appareil
- Enregistrer en JSON langage + code pour une réutilisation rouvrir-partout
- Partage et chrome Workshop cohérents avec les autres Stations
Comment un extrait devient un résultat
Choisissez un langage et chargez un modèle ou tapez du code
Gardez l’exemple assez petit pour enseigner d’un souffle.
Appuyez sur Run
Python charge Pyodide au besoin ; JS et HTML s’aperçoivent immédiatement.
Enregistrez, téléchargez ou réutilisez
Gardez l’extrait pour le prochain groupe, ou portez l’idée dans une Station plus complète plus tard.
Un extrait. Toutes ses versions de cours.
Code Sandbox est volontairement léger : la réutilisation vient des modèles de langage et du JSON langage + code enregistré, pas d’un grand catalogue paramétrique. Tel est le point — des démos rapides à rouvrir, pas une seconde Station d’authoring de pages.
Modifiez-le pendant que vous enseignez
Modifiez une ligne, appuyez sur Run, et montrez ce qui a changé.
Gardez l’exemple, variez le défi
La classe de demain peut rencontrer le même squelette avec une torsion plus dure.
Rester portable
Téléchargez la source ou rouvrez le JSON où vous enseignez ensuite.
Passer au niveau supérieur au besoin
Passez à HTML / CSS / JS quand étapes, thèmes et export autonome comptent plus que Run.
Si vous avez besoin d’étapes build-along et de variables de page paramétriques, ouvrez HTML / CSS / JS. Code Sandbox reste l’exécuteur rapide.
Extraits prêts à l’emploi pour démarrer
Ouvrez un modèle de langage et remodellez-le :
| Domaine | Ce que vous pouvez ouvrir |
|---|---|
| JavaScript | Hello World ; Analyse de données ; Explorateur de récursion ; Calculateur de géométrie |
| Python | Hello World ; Théorie des nombres |
| HTML | Canvas interactif ; Visualiseur de tri ; Quiz interactif |
Aide IA, à votre façon
Besoin d’un premier brouillon ? Utilisez l’IA comme assistant — puis relisez, modifiez et approuvez avant que quoi que ce soit n’atteigne les apprenants.
Copier le prompt
Générez un prompt prêt à l’emploi et collez-le dans l’outil de chat que vous utilisez déjà.
Utilisez votre propre GPU
Connectez un point de terminaison de modèle local dans vos paramètres et lancez la génération sur du matériel que vous contrôlez.
Utilisez votre propre clé API
Ajoutez la clé de votre fournisseur dans les paramètres, choisissez le modèle et générez avec votre propre compte.
L’IA peut se tromper. C’est précisément pourquoi un enseignant reste dans la boucle.
Emmenez l’extrait là où se fait l’enseignement
- Whiteboard — placez-le sur le tableau en direct et ajustez-le devant la classe
- Quest Ladder — glissez-le dans les questions et les explications
- Virtual Lab — réutilisez-le dans un travail de lab interactif
- Communauté — partagez ce que vous avez créé, et partez de ce que d’autres éducateurs ont partagé