Kodi
Fait pour lycéens & étudiants

Apprends à coder
en écrivant du vrai code

Kodi est un atelier de code en ligne : écris du HTML, du CSS et du JavaScript, et regarde le résultat s'afficher instantanément à côté. Aucune installation, aucune configuration.

HTML CSS JavaScript
atelier.html
<h1>Salut le monde</h1>
<button id="go">Clique</button>

const btn = document
  .getElementById('go');

btn.onclick = () => {
  btn.textContent = 'Ça marche !'▌
};

Aperçu

Salut le monde

Fonctionnalités

Tout ce qu'il faut pour apprendre en pratiquant

Éditeur professionnel

Monaco Editor — le même moteur que VS Code — avec coloration syntaxique et auto-complétion pour HTML, CSS et JavaScript.

Aperçu en direct

Chaque modification s'affiche automatiquement à côté du code, sans bouton à cliquer ni page à recharger.

Erreurs expliquées

Les erreurs JavaScript s'affichent clairement à côté du code, avec le numéro de ligne exact à corriger.

Exercices guidés

Des consignes pas à pas avec du code de départ, pour progresser sans jamais se sentir perdu.

Comment ça marche

Trois étapes, zéro friction

01

Choisis un exercice

Ou pars d'une page blanche dans l'éditeur libre — à toi de voir.

02

Écris ton code

HTML, CSS, JavaScript dans trois onglets, directement dans le navigateur.

03

Vois le résultat

L'aperçu se met à jour en direct — et les erreurs sont expliquées.

Exercices

Des consignes conçues pour progresser pas à pas

Chaque exercice arrive avec du code de départ déjà en place dans l'éditeur : plus besoin de partir de zéro pour se concentrer sur ce qu'on apprend.

Voir les exercices
01 Ma première page HTML
02 Mettre en couleur avec CSS
03 Un bouton qui réagit
04 Une liste de tâches (mini)

Prêt à écrire tes premières lignes de code ?

Gratuit, sans installation, directement dans ton navigateur.