Qu’est-ce que l’Heure de code ?
L’Heure de code (en anglais Hour of Code) est un événement mondial pendant lequel les élèves découvrent les bases de la programmation lors d’activités d’une heure. Elle est organisée par Code.org. La première édition a eu lieu en 2013 dans le cadre de la Computer Science Education Week, la semaine de l’éducation à l’informatique que les organisateurs célèbrent chaque année dans la semaine de l’anniversaire de Grace Hopper (9 décembre).
L’organisateur a changé la formule de l’événement. Selon Code.org, l’Heure de code s’appelle désormais l’Heure de l’IA, des activités d’une heure consacrées à l’intelligence artificielle, et le 2 juin 2026 Code.org a changé son nom en CodeAI. L’adresse hourofcode.com redirige maintenant vers la page de l’Heure de l’IA.
Les activités officielles figurent dans un catalogue sur le site de l’organisateur. Vous pouvez les parcourir par niveau scolaire et par thème, et les anciennes activités de l’Heure de code sont regroupées dans une liste à part. Toute personne qui anime une activité peut aussi déclarer son événement sur le site de l’événement.
Consultez le site officiel pour connaître les dates de cette année. Vous pouvez organiser notre plan n’importe quel jour.
Sources
Un plan de leçon de 60 minutes
Le plan utilise les premières leçons du cours HTML et CSS. Sous chacune d’elles se trouve un bloc « Vérifiez-vous » avec des questions : l’élève choisit une réponse et voit tout de suite si elle est correcte. Dans les modules 1 et 2 du cours, toutes les questions sont accessibles sans compte.
0-5 min
Début
Expliquez aux élèves que le HTML décrit le contenu d’une page web : titres, paragraphes, images et liens. Affichez la première leçon sur un projecteur ou un tableau interactif et montrez où se trouvent l’éditeur de code et le bloc « Vérifiez-vous ».
5-20 min
Leçon 1: Introduction au HTML
Les élèves lisent la leçon, modifient le code d’exemple dans l’éditeur et observent ce qui change dans l’aperçu. À la fin, ils répondent aux questions du bloc « Vérifiez-vous ».
20-35 min
Leçon 2: Les éléments HTML
Les élèves lisent la leçon, modifient le code d’exemple dans l’éditeur et observent ce qui change dans l’aperçu. À la fin, ils répondent aux questions du bloc « Vérifiez-vous ».
35-50 min
Leçon 3: La structure d'un document HTML
Les élèves lisent la leçon, modifient le code d’exemple dans l’éditeur et observent ce qui change dans l’aperçu. À la fin, ils répondent aux questions du bloc « Vérifiez-vous ».
50-60 min
Bilan
Demandez à quelques élèves de montrer ce qu’ils ont changé dans le code et ce qui s’est passé. Récapitulez ensemble les nouveaux termes, comme balise, élément, titre, paragraphe, head et body, et montrez comment continuer à apprendre dans le jeu.
Pour les élèves plus rapides
Qui termine plus tôt peut passer à la leçon suivante et continuer à expérimenter avec le code : Les éléments HTML - Niveau avancé
Ce dont vous avez besoin
- Un ordinateur avec un navigateur web et un accès à internet, idéalement un par élève ou par binôme.
- Rien de plus : les leçons, l’éditeur de code et les questions fonctionnent directement sur la page, il n’y a donc rien à installer.
- Les élèves n’ont besoin ni de compte ni d’adresse e-mail.
- Un projecteur ou un tableau interactif facilite le démarrage collectif, mais ce n’est pas indispensable.
Que faire après l’Heure de code ?
Qui veut continuer à jouer peut créer un compte CodeWorlds gratuit. Avec un compte gratuit, vous pouvez terminer le cours HTML et CSS dans le jeu avec une limite de 10 unités de carburant par jour. Chaque leçon propose des exercices dans l’éditeur de code, des questions et des jeux d’association, et chaque progrès rapporte de l’XP et débloque de nouveaux lieux. Chaque exercice coûte du carburant et la progression est enregistrée sur le compte. Le forfait premium supprime la limite de carburant et débloque les autres cours.
Commencer gratuitement →Conseils pour animer l’heure
- Parcourez les leçons vous-même avant le cours pour savoir où les élèves risquent de bloquer.
- Travaillez en binôme : un élève écrit le code, l’autre lit les consignes, puis échangez les rôles après chaque leçon.
- Encouragez les élèves à modifier les exemples. Une erreur dans l’éditeur ne casse rien, et la chercher est ce qui apprend le plus.
- Les questions « Vérifiez-vous » affichent tout de suite la bonne réponse : revenez en classe sur celles qui ont posé le plus de problèmes.
- Si le groupe a besoin de plus de temps, arrêtez-vous après deux leçons et gardez la troisième pour le cours suivant.
- Les parents peuvent animer cette heure à la maison : il suffit de s’asseoir à côté de son enfant et de suivre les leçons ensemble.
Questions sur l’Heure de code
Les élèves doivent-ils créer un compte ?
Non. Les leçons, l’éditeur de code et les questions « Vérifiez-vous » fonctionnent sans connexion. Un compte n’est utile que pour qui veut continuer à jouer et sauvegarder sa progression.
Combien cela coûte-t-il ?
Rien. Les leçons du site sont gratuites, et avec un compte gratuit, les élèves peuvent terminer le cours HTML et CSS dans le jeu avec 10 unités de carburant par jour.
Faut-il installer quelque chose ?
Non. Un navigateur web et un accès à internet suffisent. L’éditeur de code avec aperçu de la page fonctionne directement sur la page de la leçon.
Quand a lieu l’Heure de code cette année ?
L’événement est lié à la Computer Science Education Week, que les organisateurs célèbrent chaque année dans la semaine de l’anniversaire de Grace Hopper (9 décembre). L’organisateur l’a transformée en Heure de l’IA : consultez donc le site officiel pour connaître les dates de cette année. Vous pouvez organiser notre plan n’importe quel jour.
Ce plan vient-il des organisateurs de l’Heure de code ?
Non. L’équipe de CodeWorlds l’a préparé à partir de ses propres leçons HTML. Vous trouverez les activités officielles dans le catalogue du site de l’organisateur.
Prêt pour la première leçon ?
Ouvrez la première leçon sur le projecteur et commencez tout de suite. Après le cours, tout le cours HTML et CSS vous attend dans CodeWorlds.