Showcase : TP guidé de prise en main des composants
Sommaire
Objectifs du TP#
Objectifs
- Identifier et manipuler la structure des composants Markdown enrichis
- Utiliser les raccourcis de navigation et le moteur de recherche instantané
- Valider un exercice et marquer votre progression
Étape 1 : Exploration du Moteur de Recherche#
Explication#
La plateforme intègre le moteur Pagefind. Vous pouvez effectuer une recherche par mot-clé depuis n’importe quelle page grâce au volet déroulant ou sur la page dédiée /recherche.
Action à réaliser#
- Appuyez sur la combinaison de touches Ctrl + K ou cliquez sur le bouton “Rechercher…” dans le header.
- Saisissez le mot
promptoumermaid. - Observez le surlignage instantané des résultats et cliquez sur l’un des extraits.
Étape 2 : Manipulation des Blocs de Code & Diagrammes#
Explication#
Tous les blocs de code comportent un bouton de copie en un clic dans le coin supérieur droit.
# Exemple de commande à copier
npm run build && npm run previewAstuce
Survoler un bloc de code fait apparaître l’icône de copie ainsi que le libellé de confirmation.
Étape 3 : Validation du TP#
Une fois les manipulations effectuées, cliquez sur le bouton “Marquer comme terminé” situé au bas de cette page pour enregistrer votre progression dans votre profil apprenant !