Étape 1 : Les fondamentaux (2-3 mois)
HTML & CSS
- Structure semantique HTML5
- CSS moderne : Flexbox, Grid, variables CSS
- Responsive design et mobile-first
- Accessibilité (WCAG 2.1)
Ressources recommandees
- freeCodeCamp (gratuit)
- MDN Web Docs (référence)
- Projets : reproduire des maquettes existantes
Étape 2 : JavaScript (2-3 mois)
Fondamentaux
- Variables, types, fonctions, boucles
- DOM manipulation
- Événements et formulaires
- Fetch API et appels HTTP
- ES6+ : arrow functions, destructuring, modules, async/await
Projets à réaliser
- Todo list interactive
- Application meteo avec API
- Jeu simple (snake, memory)
Étape 3 : Framework frontend (2-3 mois)
React (recommande pour le marché français)
- Composants, props, state
- Hooks (useState, useEffect, useContext)
- React Router
- Gestion d'état (Zustand ou Redux Toolkit)
- Appels API et gestion de données
Alternatives
- Vue.js (populaire en France aussi)
- Angular (grandes entreprises)
Étape 4 : TypeScript (1 mois)
- Types de base et interfaces
- Génériques
- Intégration avec React
- Typage strict des props et API
Étape 5 : Outils et écosystème (1 mois)
- Git et GitHub
- npm/pnpm, bundlers (Vite)
- Testing : Vitest, React Testing Library
- Linting : ESLint, Prettier
- CI/CD basique
Étape 6 : Portfolio et recherche d'emploi (1-2 mois)
- Créer 3-5 projets portfolio variés
- Déployer sur Vercel/Netlify
- Optimiser son LinkedIn et CV
- Préparer les entretiens techniques
Timeline totale
Comptez 9 à 15 mois en autoformation, ou 3-6 mois avec un bootcamp.