React et Next.js Fondamentaux
Domaine : Tech. Niveau : Intermédiaire. Durée : 120 heures. 16 modules répartis en 4 chapitres. Tarif : 2090 euros. Formation à distance avec modules, exercices corrigés, questionnaires et manuel. Attestation de fin de formation délivrée à l’issue du parcours.
Objectifs pédagogiques
Maîtriser les concepts fondamentaux de React tels que les composants, les hooks et la gestion d'état. Comprendre et utiliser les fonctionnalités clés de Next.js comme le routing, le rendu côté serveur et la génération statique. Construire des applications web modernes, performantes et optimisées pour le SEO avec React et Next.js.
Prérequis
Bonne maîtrise de JavaScript ES6+ (arrow functions, destructuring, modules), notions de base en HTML et CSS, expérience avec un éditeur de code comme VS Code, et Node.js installé sur la machine.
Public visé
Développeurs web front-end ayant une expérience en JavaScript souhaitant apprendre React et Next.js pour créer des applications modernes, ainsi que des développeurs full-stack désireux d'adopter ces technologies.
Programme détaillé
Chapitre 1 — React et Next.js Fondamentaux - Partie 1
- 1.1 Rappels JavaScript ES6+ et environnement de développement
- 1.2 Introduction à React et premiers composants
- 1.3 Props, communication entre composants et composition
- 1.4 Gestion de l'état avec le hook useState
Chapitre 2 — React et Next.js Fondamentaux - Partie 2
- 2.1 Cycle de vie et effets de bord avec useEffect
- 2.2 Hooks avancés et hooks personnalisés
- 2.3 Gestion de l'état global avec Context API
- 2.4 Routage avec React Router
Chapitre 3 — React et Next.js Fondamentaux - Partie 3
- 3.1 Consommation d'API REST et gestion des données asynchrones
- 3.2 Introduction à Next.js et système de routage par fichiers
- 3.3 Stratégies de rendu dans Next.js : SSR, SSG, ISR et CSR
- 3.4 Composants serveur et composants client dans Next.js
Chapitre 4 — React et Next.js Fondamentaux - Partie 4
- 4.1 API Routes et développement full-stack avec Next.js
- 4.2 Optimisation des performances avec Next.js
- 4.3 Styling et organisation du projet
- 4.4 Projet de synthèse et déploiement