La vidéo de la leçon
Le champ Vidéo de l'éditeur de leçon accepte deux sources :| Source | Format attendu |
|---|---|
| Vimeo | https://vimeo.com/123456789 |
| Google Drive | https://drive.google.com/file/d/…/view |
Une URL d'une autre nature est refusée à l'enregistrement avec le message « URL
vidéo invalide — attendu une URL Vimeo ou un fichier Google Drive ».
Les liens Vimeo privés fonctionnent : le hash du lien est conservé par le lecteur.
Vous pouvez donc garder vos vidéos non listées côté Vimeo.
Le contenu de la leçon
Le contenu s'écrit en Markdown, avec des composants en plus. Les blocs de code sont colorés automatiquement et copiables par l'étudiant.Blocs de code
Ouvrez le bloc avec trois accents graves suivis du langage, fermez-le de même :```ts
const total = lessons.filter((l) => l.completed).length
```ts, tsx, js, jsx, bash, json, css, html,
sql, markdown.
Encadrés
Quatre tons, selon ce que vous voulez signaler :<Callout type="info">Une précision utile.</Callout>
<Callout type="success">Une bonne pratique, un résultat attendu.</Callout>
<Callout type="warning">Un piège, une limite.</Callout>
<Callout type="error">Une erreur à ne surtout pas commettre.</Callout>Rendu d'un encadré
success : c'est exactement ce que verra l'étudiant dans la
leçon.Étapes numérotées
Pour une procédure à suivre dans l'ordre :<Steps>
<Step title="Installer les dépendances">
Lancez l'installation avant tout le reste.
</Step>
<Step title="Lancer le serveur">
Le projet démarre sur le port 3000.
</Step>
</Steps>Onglets
Pour présenter plusieurs variantes sans allonger la page :<Tabs defaultValue="pnpm">
<Tab value="pnpm" label="pnpm">Contenu pour pnpm</Tab>
<Tab value="npm" label="npm">Contenu pour npm</Tab>
</Tabs>Vidéos dans le contenu
En plus de la vidéo principale, vous pouvez insérer autant de vidéos que voulu dans le corps de la leçon. Deux écritures, même résultat :Collez l'URL seule sur sa propre ligne : elle devient un lecteur.Vimeo, YouTube et Google Drive sont reconnus.
Un lien vidéo écrit avec un libellé —
[voir la démo](https://vimeo.com/…) —
reste un simple lien. Seule l'URL collée nue devient un lecteur.Les ressources
La section Ressources de l'éditeur de leçon accepte deux types d'entrées :1
Un fichier
Déposez le fichier : il est envoyé puis listé sous la leçon, téléchargeable par
l'étudiant. L'envoi affiche « Envoi en cours… ».
2
Un lien externe
Renseignez un Titre du lien et son URL, puis Ajouter le lien. Il
s'ouvrira dans un nouvel onglet côté étudiant.
3
Mettre en ordre
Monter et Descendre règlent l'ordre d'affichage, Supprimer retire la
ressource.
Une leçon sans ressource n'affiche simplement pas la section côté étudiant — pas
besoin d'y mettre un contenu de remplissage.