codeBoot
apprenez à programmer dans un environnement web tout simple

essayez !
Ce qu'est codeBoot

Un environnement conçu pour l'apprentissage.

Pas un éditeur généraliste calé dans une salle de classe. Chaque fonctionnalité existe parce qu'une débutante en a besoin.

01

Dans le fureteur

Aucune installation, aucun droit admin, aucun conflit de version. Un lien et c'est parti — sur n'importe quel portable ou Chromebook.

02

Exécution pas-à-pas

On avance ligne par ligne. Les variables, la pile d'appel et la sortie se mettent à jour sous les yeux des étudiants.

03

Intégrable partout

Glissez codeBoot dans un manuel, une diapo, un site de cours. Chaque exercice devient interactif.

04

Bibliothèques

Tortue, dessin de pixels, génération de sons, programmation web, graphiques, données tabulaires et plus encore — tout est intégré.

05

Documentation

Une documentation facile à utiliser, accompagnée d'exemples exécutables.

06

Basé sur Python

Utilise un sous-ensemble du langage Python, pensé spécifiquement pour l'enseignement.

Pourquoi codeBoot existe

Apprendre à programmer ne devrait pas commencer par cinq pages d'instructions d'installation.

Nous croyons que les premières heures d'un cours d'introduction à la programmation sont précieuses. Elles devraient être consacrées à comprendre la matière, pas configurer un environnement complexe. codeBoot a été conçu pour qu'aucun étudiant ne perde sa première séance — ni la dixième.

— L'équipe codeBoot

En action

Visibilité totale,
une étape à la fois.

codeBoot exécute le programme pas à pas et surligne chaque étape — les étudiants voient exactement comment le code s'exécute, y compris la récursion.

Suivez la bulle ; appuyez sur pour exécuter, pour avancer d'un pas, ou pour mettre l'exécution en pause.

Graphisme

Dessinez — trait par trait,
ou pixel par pixel.

Une tortue que l'on dirige et un écran de pixels adressable point par point. Le dessin s'affiche en direct dans une fenêtre, juste à côté du code — sans import ni code pour initialiser un canevas.

  • Tortue : avancer, tourner, crayon, couleurs
  • Un écran de pixels adressable pour le graphisme bas niveau
  • Le dessin apparaît à côté du code, en direct
rosace.py — tortue
Visualisation

Vous avez les données,
nous avons les graphes.

Passez à chart() un tableau de valeurs et codeBoot le trace — barres, courbes, nuages de points. C'est ainsi que l'étudiant voit le comportement d'un algorithme, pas seulement son résultat.

  • Une seule fonction : chart(données)
  • Idéal pour animer un tri ou tracer une fonction
  • Se met à jour à chaque appel — parfait en pas-à-pas
plot.py — chart()
Données

Ouvrez un CSV.
Un tableur intégré.

Déposez un fichier .csv dans codeBoot et il s'ouvre dans une grille de tableur familière — lignes, colonnes, cellules. Lisez-le directement depuis Python tel que le montre l'exemple à côté.

  • Les fichiers .csv s'ouvrent en vue tableur
  • Lisez et écrivez les données depuis votre programme
  • Aucun tableur externe à installer
villes.csv — tableur + console
Microapps & partage

Construisez une petite appli.
Partagez-la d'un seul lien.

codeBoot ne sert pas qu'aux exercices d'apprentissage. codeBoot parle au navigateur via une passerelle JS — le DOM, n'importe quelle bibliothèque JS, même importée du web. Vous pouvez écrire de vraies petites applis web dans l'éditeur. On les appelle des microapps parce que les partager tient en un clic : codeBoot empaquette le tout dans une URL.

Dans le playground

Une appli web, écrite dans l'éditeur.

Quelques lignes de Python construisent le balisage et branchent le bouton. La sortie s'affiche dans la fenêtre HTML de codeBoot — le « playground » — juste à côté du code qui l'a produite.

  • Accès complet au DOM depuis Python
  • N'importe quelle bibliothèque JS, même importée du web
  • Rien à installer, rien à configurer
dés — dans codeBoot

dés — pilotant cette page
Dans la page

…ou pilotez la page elle-même.

Le même programme peut atteindre n'importe quel élément du document hôte. Ici, codeBoot branche le dé et le bouton qui vivent dans cette page — en dehors de l'éditeur — à une fonction Python. Cliquez le bouton ci-dessous : c'est l'interpréteur de codeBoot qui traite le clic, puis met la page à jour.

  • Le gestionnaire de clic est une fonction Python exécutée par codeBoot, pas du JavaScript de la page
  • Python pilote le DOM réel de la page
  • Partageable comme micro-appli, d'un clic
ce widget vit dans la page, pas dans codeBoot
⚀ ⚀
ce clic exécute du Python dans codeBoot

Pour partager une micro-appli, faites un clic droit sur le bouton Exécuter pour ouvrir son menu contextuel, puis copiez le lien. codeBoot encode tout le programme et ses réglages de lancement dans l'URL — celui qui l'ouvre voit votre appli s'exécuter, sans rien installer.

Par choix

Des omissions volontaires pour faciliter l'apprentissage.

codeBoot omet des fonctionnalités qu'on attendrait d'un IDE professionnel — à dessein. Un peu de friction est pédagogique : elle oblige l'étudiant à construire les modèles mentaux que les raccourcis masqueraient.

absent

Autocomplétion

Aucune fenêtre ne complète vos noms de fonctions. L'étudiant se rappelle la syntaxe lui-même — c'est cette répétition qui l'ancre.

absent

Refactorisation avancée

Pas de « renommer partout » ni d'extraction automatique. Restructurer son code à la main, c'est comprendre comment il est réellement assemblé.

absent

Gestion de versions

Pas de Git, pas de branches, pas d'historique à gérer. L'attention reste sur le programme du jour — pas sur l'outillage. (Un « shim » Git est toutefois à l'étude.)

absent

Python avancé

Pas de compréhensions de listes, de décorateurs ni de générateurs. Une seule façon claire de faire les choses — on apprend les fondements avant les raccourcis.

La friction n'est pas un oubli. C'est l'effort qui transforme « ça marche » en « je comprends pourquoi ça marche ».

Nous joindre

Parlons de votre salle de classe.

Écrivez-nous! Nous sommes toujours ravis de présenter codeBoot, de discuter de cas d'usage concrets et de vous aider à l'intégrer en classe.