Développeur d'application Frontend
Conception d'applications réactives avec React, gestion d'état globale, hooks avancés et architecture de composants.
- 4 modules
- 12 leçons
- 3 h de contenu
- Évaluation finale
Ce que vous allez apprendre
- Frameworks Réactifs & TypeScript Avancé
- Gestion d'État Global & Cache Serveur
- Optimisation des Performances & Web Vitals
- Accessibilité Numérique (a11y/WCAG) & Design Systems
Programme
4 modules · 12 leçons · 3 h de contenu
1Frameworks Réactifs & TypeScript Avancé3 leçons · 45 min
- 1.1Architecture des frameworks à composants (React / Vue) et cycle de vie du rendu
- 1.2TypeScript strict pour le frontend : génériques, types utilitaires et narrowing
- 1.3Hooks personnalisés, réutilisabilité de logique et composition
2Gestion d'État Global & Cache Serveur3 leçons · 45 min
- 2.1Gestion d'état global client (Zustand, Redux Toolkit) vs état local
- 2.2Gestion d'état serveur, cache et synchronisation (TanStack Query / SWR)
- 2.3Formulaires complexes, validation de schémas (Zod) et gestion des erreurs
3Optimisation des Performances & Web Vitals3 leçons · 45 min
- 3.1Métriques Core Web Vitals (LCP, INP, CLS) et profiling de rendu
- 3.2Code splitting, lazy loading dynamique, memoization et virtualisation de listes
- 3.3Optimisation des assets, bundle analysis et arborescence de dépendances
4Accessibilité Numérique (a11y/WCAG) & Design Systems3 leçons · 45 min
- 4.1Standards WCAG 2.1, sémantique HTML et gestion des rôles ARIA
- 4.2Navigation clavier, focus trap et compatibilité lecteurs d'écran
- 4.3Architecture de Design System, tokens CSS et composants headless réutilisables
Comment se déroule la formation
Des leçons courtes ; votre progression est enregistrée et vous reprenez là où vous vous êtes arrêté.
Des cas concrets et des mises en situation tout au long des modules.
Une évaluation finale s'ouvre quand vous avez parcouru l'essentiel de la formation.
Dans le même domaine
- Développement web & mobile🌐 HTML5, CSS3 & Responsive Design
Développement web
Fondations du Web moderne, sémantique HTML5, feuilles de styles CSS3, flexbox, grid et accessibilité.
Voir le programme Accès sur attribution - Développement web & mobile⚡ ES6+, DOM & Asynchronisme
JavaScript moderne
Syntaxe ES6+, manipulation avancée du DOM, gestion de l'asynchronisme (Promises, async/await) et programmation événementielle.
Voir le programme Accès sur attribution - Développement web & mobile🎨 UI Pixel-Perfect & CSS Avancé
Intégrateur Web
Intégration fidèle de maquettes graphiques, frameworks CSS modernes (Tailwind), animations fluides et compatibilité cross-browser.
Voir le programme Accès sur attribution