Soumission d'exercices & Visualisation de progression
Cycle de vie d'une soumission, optimistic UI avec React Query mutations, data visualization avec Recharts (bar, line, radial), et page de progression gamifiée avec streaks et badges.
All Presentations
A curated collection of slide presentations and educational content.
search
Loading…
TypeScript — Enums & Classes d'erreur personnalisées
Utiliser les enums pour représenter des valeurs fixes et créer des classes d'erreur personnalisées pour gérer les erreurs de manière structurée. String enums, enum vs union type, extends Error, this.name et namespaces d'erreurs.
React — Liste & Détail, Markdown et Filtrage
Implémenter les pages liste et détail avec React Router, grouper des données par catégorie, rendre du Markdown en React, navigation breadcrumb et filtrage côté client.
Maîtriser les classes TypeScript : visibilité, abstract & implements
Modificateurs de visibilité (public, private, protected, readonly), raccourci constructeur, classes abstraites et le mot-clé implements — « je respecte ce contrat ».
TypeScript Generics : Contraintes & Types utilitaires
Maîtriser les contraintes sur les generics, les generics multiples et les types utilitaires Partial, Pick, Omit, Record.
Dashboard React : Skeleton Loading & Polling
Construire la page dashboard avec TodayLesson, TodayExercise, PairCard et StreakBadge. Skeleton loading, React Query, polling et SSE.
Setup du projet Bootcode Hub + Authentification
Scaffolder le projet complet avec Vite + React + TypeScript + Tailwind. Configurer tous les outils (Router, Zustand, React Query, RHF, Zod). Implémenter le flow d'authentification complet connecté au backend.
TypeScript — Les Generics : Fonctions et Interfaces réutilisables
Comprendre pourquoi les generics existent, écrire des fonctions et interfaces génériques qui fonctionnent pour n'importe quel type. Couvre identity<T>, first<T>, makePair<T>, Box<T>, ApiResponse<T>, et map<T,U>.
TypeScript — Migration du Carnet de Contacts
Journée récapitulative : migrer le carnet de contacts JavaScript (S06) en TypeScript avec des interfaces strictes, optional chaining et nullish coalescing
Design System, Accessibilité & Bibliothèque de Composants
Semaine 6 — Projet de synthèse : design tokens, variantes, composition, accessibilité ARIA/clavier/contraste, checklist production-ready, et mini-projet bibliothèque de composants