Aller au contenu

Comment marche
une leçon.

Chaque leçon T3lem est une petite mission avec une ligne d'arrivée claire. Voici ce que tu vois, ce que tu fais, et comment l'app sait que tu as réussi.

Anatomie
d'une leçon.

Six éléments sur un seul écran. Touche-en un pour voir à quoi il sert.

HTML / LESSON 01Crée ton premier titre
7:8
RÉSULTAT ACTUELlocalhost
Saturday, 10:00
Code Night
Le navigateur a trouvé <h1>
<h1> est dans main
Le titre contient ton texte
PASSTransfert réussi. Tu as créé un nouveau titre principal sans qu'on te donne la réponse.
LEÇON SUIVANTE

Essaie les trois
gestes ici.

Du vrai CSS et du vrai HTML, qui tournent sur cette page. C'est ce qu'on ressent dans les leçons de l'app.

01 · Écrire

Change l'entrée, pas la sortie.

Tiré de la leçon CSS 13, Flex grow, shrink et basis. Change la règle et redimensionne le conteneur pour voir chaque largeur bouger en direct.

.details { flex: 1 1 120px; }
A
B
C
02 · Exécuter

Vois-le s'afficher pendant que tu tapes.

Tape un titre. Il s'affiche dans une vraie page, comme le navigateur dans l'app.

localhost · résultat actuel
Saturday, 10:00

Ton titre

03 · Réussir

L'app vérifie. Tu le mérites.

Les vérifications se cochent dès que ton code les respecte. Les trois, et le PASS apparaît.

  • Le navigateur a trouvé <h1>validé
  • <h1> est dans mainvalidé
  • Le titre contient ton textepas encore

Tape un titre à l'étape 02 pour finir les vérifications.

Le jeu,
pièce par pièce.

Seulement des mécaniques qui existent déjà dans l'app. Pas de faux points, pas de classements.

  • Missions. Chaque leçon a une tâche claire à terminer, écrite en haut de l'écran.

  • Une progression comme 7:8. Tu vois toujours combien d'étapes sont faites et combien il en reste.

  • PASS. Gagné seulement quand les vérifications passent, jamais juste en ouvrant une leçon.

  • Chapitres. Les parcours sont découpés en chapitres courts, avec des leçons de 5 à 7 minutes environ.

  • Tags REVIEW. Les leçons à refaire sont marquées pour que tu puisses y revenir.

  • Un vrai navigateur. Ton HTML, ton CSS et ton JavaScript tournent sur une vraie page dans l'app.

  • Simulations. Un objectif clair avec un avant et un après, comme réparer une page d'événement.

  • Labos. Des outils pratiques, comme entraîner un modèle sur des données en Machine Learning.

  • Sans compte pour essayer. Une mini-leçon tourne dans ton navigateur sur ce site en 3 minutes environ.

Prêt pour ta première mission ?

T3lem est en bêta sur iPhone. Rejoins la liste d'attente et on te prévient dès qu'il arrive sur l'App Store.

Une main tient un iPhone ouvert sur une leçon CSS de T3lem