Fonctionnalité

L'éditeur de code en direct pour vos formations

Vous écrivez, toute la salle vous suit ligne à ligne. Chacun a en même temps son propre éditeur, exécute son programme dans son navigateur, et vous récupérez le travail de tout le monde à la fin. Rien à installer, ni chez vous ni chez eux.

Démarrer gratuitement →

Un éditeur de code partagé, sans installation

Faire coder un groupe commence toujours par la même demi-heure perdue : installer Python, régler une version, débloquer un antivirus, retrouver celui dont l'éditeur ne se lance pas. L'éditeur de code d'EduTools supprime cette étape — il vit dans le navigateur, et vos stagiaires y entrent avec un code de salle ou un QR code.

Vous ouvrez une séance, vous tapez votre exemple : il apparaît chez tout le monde au fil de votre frappe. Chaque participant dispose en parallèle de son propre éditeur et travaille dessus quand vous le dites — sans perdre le vôtre de vue.

Le code s'exécute vraiment, dans le navigateur

Un éditeur qui n'exécute rien ne sert qu'à recopier. Ici, le bouton Exécuter fait tourner le programme : print, input, if, for, while, fonctions, listes et dictionnaires. La console affiche le résultat et pose les questions du programme, comme un vrai terminal.

Tout se passe dans le navigateur de celui qui a écrit le code. Rien ne tourne sur nos serveurs, et le programme d'un stagiaire n'atteint rien d'autre que sa propre page. Une boucle sans fin — l'erreur de débutant par excellence — est interrompue toute seule au lieu de bloquer la machine.

Python, SQL, JavaScript, HTML et CSS

Quatre langages s'exécutent vraiment. Python et JavaScript affichent leur sortie dans la console. SQL interroge une vraie base SQLite, chargée d'avance avec des clients, des produits et des commandes : vos stagiaires écrivent des SELECT, des jointures et des regroupements, et lisent le résultat en colonnes. HTML et CSS, eux, s'affichent : la page apparaît sous le code.

Pour une démonstration HTML, vos stagiaires voient votre page se transformer pendant que vous modifiez le style — ce qui vaut toutes les explications.

PHP, Java, C, C++ et C# sont également proposés, avec leur coloration : ils ne s'exécutent pas dans un navigateur, mais vos stagiaires les écrivent et vous récupérez leur fichier.

Ce que vous pouvez faire

Votre code en direct

Ce que vous tapez apparaît chez tous les participants à chaque pause de frappe, sans qu'ils rechargent quoi que ce soit.

👥

Un éditeur par participant

Chacun travaille dans sa copie, qui part de votre exemple, et garde le vôtre affiché à côté — ou le masque s'il veut toute la place.

▶️

Exécution dans le navigateur

print, input, conditions, boucles et fonctions tournent pour de vrai — et les requêtes SQL sur une vraie base. Rien à installer.

🎨

Aperçu HTML et CSS

La page se dessine sous le code : idéal pour montrer l'effet d'une propriété CSS en direct.

📥

Vous récupérez tout

Le travail de chaque participant est consultable depuis votre back-office, téléchargeable un par un ou en une seule archive.

🔒

Reprendre la main

D'un clic, tout le monde repasse en lecture seule et vous regarde. Les copies ne sont pas perdues : elles reviennent quand vous les rendez.

L'éditeur de code en images

Une séance côté formateur, la même côté participant, et l'aperçu d'une page HTML.

La séance, côté formateur

Le programme s'exécute dans la console : les questions posées par input(), les réponses saisies, puis le résultat. Le code est diffusé à la salle à chaque pause de frappe.

Deux éditeurs, un seul écran

À gauche sa copie, où il écrit librement ; à droite le vôtre, en direct et en lecture seule, qu'il masque d'un clic quand il veut se concentrer.

L'aperçu HTML et CSS

La page apparaît sous le code, avec ses couleurs, ses marges et ses ombres. On modifie une propriété, on réaffiche, on voit la différence.

SQL, sur une vraie base

SQLite tourne dans le navigateur, sur une base d'exemple chargée d'avance. Les résultats s'affichent en colonnes, comme dans un client SQL.

Quand l'utiliser ?

Faire écrire du code à un groupe

Une séance de code se prépare en deux minutes et se tient sans rien installer, ni chez vous ni chez vos participants.

Conseils

  • Préparez votre exemple avant la séance, dans une séance sans salle : elle vous sert de brouillon et personne ne la voit.
  • Une boucle sans fin est coupée automatiquement — dites-le à vos participants, ils oseront davantage essayer.
  • En HTML/CSS, modifiez une couleur puis réaffichez : voir la page changer vaut mieux qu'une longue explication.
  • L'éditeur couvre les bases du langage. Tkinter, les fichiers et les bibliothèques externes demandent un environnement installé : prévoyez-le dans votre progression.

Questions fréquentes

Faut-il installer Python ou un éditeur sur les postes ?
Non, rien. L'éditeur et l'exécution vivent dans le navigateur. Vos participants ouvrent un lien ou scannent un QR code, et ils écrivent du code dans la minute — même sur un poste verrouillé par un service informatique.
Quels langages sont proposés ?
Quatre langages s'exécutent : Python et JavaScript avec leur sortie dans une console, SQL sur une base SQLite fournie, HTML/CSS sous forme de page. Cinq autres sont proposés avec leur coloration seule — PHP, Java, C, C++ et C# — pour faire écrire et récupérer les fichiers. Chaque fichier porte la bonne extension : .py, .sql, .java…
Peut-on faire des interfaces graphiques, lire des fichiers, installer des bibliothèques ?
Non, et c'est assumé : l'éditeur couvre les bases du langage — affichage, saisie, conditions, boucles, fonctions, listes, dictionnaires, classes, ainsi que math et random. Tkinter, la lecture de fichiers, le réseau ou des bibliothèques comme NumPy ne sont pas disponibles. Pour ces sujets-là, un environnement installé reste nécessaire.
Que se passe-t-il si un stagiaire écrit une boucle sans fin ?
Le programme est interrompu automatiquement au bout de quelques secondes, avec un message qui explique pourquoi. C'est l'erreur la plus fréquente en début d'apprentissage, et elle ne bloque ni son poste ni la séance. Un bouton Arrêter permet aussi de couper à tout moment.
Comment je récupère le code de chacun ?
Une page de votre back-office regroupe les codes produits, salle par salle. Vous consultez le travail de chaque participant, vous le téléchargez individuellement, ou vous récupérez tout le groupe dans une seule archive.
L'éditeur de code est-il compris dans le plan gratuit ?
Le plan gratuit permet une séance de code, de quoi essayer en conditions réelles avec un groupe. Les plans payants lèvent cette limite.

À découvrir aussi

Prêt à essayer ?

Créez votre compte gratuit en quelques minutes. Pas de carte bancaire, pas d'installation pour vos participants.

Démarrer gratuitement →