FR
Développement Frontend
Construisez des interfaces modernes, accessibles et rapides qui fonctionnent vraiment sur tous les appareils.
24 compétences
6 mois
Débutant
Il s'adresse aussi bien aux personnes qui n'ont jamais écrit une ligne de code qu'aux développeurs backend qui veulent vraiment comprendre comment fonctionne le côté visible du web. À la fin, vous saurez prendre une maquette statique et la transformer en interface fonctionnelle, performante et utilisable.
Débouchés typiques : développeur frontend junior, web designer qui code, freelance pour de petits projets.
Foundation
1
Fondamentaux du HTML
Le langage qui définit ce qu'il y a sur une page web : titres, paragraphes, liens, images, formulaires.
25 minutes
2
Fondamentaux du CSS
Comment donner forme, couleur et typographie aux éléments HTML, avec des règles claires et prévisibles.
30 minutes
3
Mise en page : Flexbox et Grid
Les deux outils modernes pour disposer des éléments : Flexbox pour les lignes, Grid pour les grilles 2D.
35 minutes
4
Design Responsive
Construire des pages qui s'adaptent du téléphone au desktop sans versions séparées.
25 minutes
5
HTML Sémantique
Utiliser les bonnes balises (header, nav, main, article…) au lieu de `div` partout.
20 minutes
6
Accessibilité Web (a11y)
Construire des sites qui marchent aussi avec lecteurs d'écran, clavier, faible contraste, mobilité réduite.
30 minutes
15
Bases de Git et GitHub
Suivre les changements, brancher, fusionner, push, ouvrir une PR.
30 minutes
Core
7
Syntaxe essentielle de JavaScript
Variables, fonctions, conditions, boucles, tableaux, objets. La base pour tout le reste.
30 minutes
8
Manipulation du DOM
Lire et modifier la page depuis JavaScript : querySelector, addEventListener, classList.
25 minutes
9
Async, Promises, async/await
Exécuter en parallèle sans bloquer et attendre les résultats proprement.
30 minutes
10
Modules et imports JavaScript
Découper le code en fichiers qui n'importent que ce dont ils ont besoin.
20 minutes
11
Closures et Portée en JavaScript
Comprendre pourquoi une fonction « se souvient » des variables d'où elle a été créée, même après la fin du contexte.
25 minutes
12
fetch API et bases REST
Parler à un serveur depuis le navigateur : GET, POST, JSON, erreurs.
25 minutes
13
npm, yarn, pnpm
Installer et gérer des paquets JavaScript, lockfiles, semver.
20 minutes
14
Vite et les outils de build modernes
Pourquoi une étape de build existe et comment Vite la rend instantanée.
25 minutes
16
Fondamentaux de React
Composants, JSX, props, rendu. Le modèle mental de base.
40 minutes
19
React Router
Plusieurs pages dans une app React : routes, liens, layouts, paramètres.
25 minutes
21
DevTools du navigateur
Inspecter le DOM, déboguer JS, surveiller le réseau, profiler les performances.
20 minutes
24
Formulaires et validation
Validation native des formulaires, règles custom, messages d'erreur accessibles.
25 minutes
Advanced
17
React Hooks
useState, useEffect, useMemo, useRef et comment bien les utiliser.
35 minutes
18
Gestion d'état React
État local, context, librairies (Zustand, Redux). Choisir la bonne.
30 minutes
20
Patterns de design des composants
Composition, slots, render props, hooks custom. Code réutilisable sans douleur.
30 minutes
22
Performance web : bases
Pourquoi les pages sont lentes et les corrections peu coûteuses qui changent les choses.
30 minutes
23
Tests avec Vitest
Tests unitaires de composants et utilitaires ; ayez confiance en vos refactors.
30 minutes