TP

Bibliothèque d’entraînement

Challenges

21 exercices reliés aux compétences qui comptent le jour de la compétition.

21 challenges affichés
Bibliothèque locale
ReactIntermédiaire

Liste d’utilisateurs filtrable

Construis une liste d’utilisateurs filtrable avec un état vide clair.

30 min 150 XPÀ commencer
ReactIntermédiaire

Application de tâches

Livre un gestionnaire de tâches avec persistance locale et états explicites.

45 min 150 XPÀ commencer
ReactAvancé

Composant de fenêtre modale

Crée une fenêtre modale réutilisable qui respecte le focus et la touche Échap.

35 min 200 XPÀ commencer
ReactAvancé

Tableau de bord API

Transforme un endpoint asynchrone en tableau de bord avec états de chargement et d’échec.

60 min 200 XPÀ commencer
ReactAvancé

Formulaire multi-étapes

Construis un parcours de formulaire robuste avec validation, récapitulatif et retour arrière.

55 min 200 XPÀ commencer
DébogageWorldSkills

Défi de débogage React

Trouve les erreurs subtiles d’état, de clés et d’effets qui bloquent une petite application.

60 min 350 XPÀ commencer
JavaScriptDébutant

Transformation de tableaux

Compose des utilitaires de tableaux prévisibles à partir d’un jeu de données désordonné.

20 min 50 XPÀ commencer
JavaScriptIntermédiaire

Fonction debounce

Implémente un utilitaire debounce réutilisable et rends son annulation explicite.

25 min 100 XPÀ commencer
JavaScriptIntermédiaire

API Fetch

Consomme un endpoint de façon sûre et transforme le transport en états compréhensibles.

30 min 100 XPÀ commencer
JavaScriptAvancé

Gestion des erreurs asynchrones

Rends une séquence d’opérations asynchrones explicite en cas d’échec et récupérable.

35 min 200 XPÀ commencer
CSSAvancé

Tableau de bord responsive

Transforme un tableau de bord dense en un parcours mobile calme et lisible.

45 min 200 XPÀ commencer
CSSIntermédiaire

Galerie CSS Grid

Compose une galerie asymétrique qui reste lisible à chaque breakpoint.

30 min 100 XPÀ commencer
CSSDébutant

Accordéon animé

Construis un accordéon avec un modèle de divulgation clair et une animation utile.

25 min 50 XPÀ commencer
HTMLDébutant

Page d’accueil sémantique

Donne à une page simple une structure de document et des repères significatifs.

20 min 50 XPÀ commencer
AccessibilitéIntermédiaire

Fenêtre modale accessible

Construis une modale fiable pour les utilisateurs clavier et lecteurs d’écran.

30 min 150 XPÀ commencer
AccessibilitéAvancé

Navigation au clavier

Rends une palette d’actions compacte utilisable sans souris.

40 min 200 XPÀ commencer
Fondamentaux du webIntermédiaire

Contrat d’API REST

Lis un contrat d’API et conçois les états d’interface avant la requête.

35 min 100 XPÀ commencer
Fondamentaux du webWorldSkills

Audit des DevTools

Utilise les outils du navigateur pour isoler les défauts de layout, performance et accessibilité.

45 min 350 XPÀ commencer
Reproduction UIAvancé

Reproduction UI : tableau de bord

Reproduis un tableau de bord de référence sans perdre sa hiérarchie ni son rythme d’espacement.

75 min 200 XPÀ commencer
Reproduction UIIntermédiaire

Reproduction UI : écran de connexion

Transforme une référence visuelle en écran de connexion ciblé et navigable au clavier.

40 min 150 XPÀ commencer
Fondamentaux du webWorldSkills

Brief Web WorldSkills

Livre un frontend multi-vues soigné dans le cadre d’un brief de compétition fixe.

120 min 500 XPÀ commencer