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.
<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.
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 exercicesPrêt à écrire tes premières lignes de code ?
Gratuit, sans installation, directement dans ton navigateur.
Comment ça marche
Trois étapes, zéro friction
Choisis un exercice
Ou pars d'une page blanche dans l'éditeur libre — à toi de voir.
Écris ton code
HTML, CSS, JavaScript dans trois onglets, directement dans le navigateur.
Vois le résultat
L'aperçu se met à jour en direct — et les erreurs sont expliquées.