Formation Développeur Full Stack JavaScript

Leçon 1 • Essentiels HTML et CSS

Passe en revue la structure HTML sémantique et les modèles de mise en page CSS, y compris Flexbox et Grid. Ces compétences soutiennent chaque composant frontend construit dans les chapitres suivants.

Leçon 2 • Gestion de Versions avec Git

Enseigne le branching, le commit, le merge et les workflows distants avec Git. La gestion de versions sous-tend chaque tâche collaborative et de déploiement dans les chapitres suivants.

Leçon 3 • Configuration de l'Environnement de Développement

Installe et configure Node.js, VS Code, Git et les outils de terminal. Un environnement local cohérent évite les frictions d'outillage tout au long du cours.

Leçon 1 • Tableaux, Objets et Destructuration

Enseigne la manipulation de tableaux et d'objets, la syntaxe spread/rest et les modèles de destructuration. Ces modèles apparaissent dans chaque composant React et module Node.js des chapitres suivants.

Leçon 2 • JavaScript Asynchrone

Couvre la boucle d'événements, les callbacks, les Promesses et la syntaxe async/await. La maîtrise de l'asynchrone est essentielle pour tous les appels API et les opérations de base de données dans les chapitres backend.

Leçon 3 • Variables, Types et Opérateurs

Couvre let, const, les types primitifs, la coercition de type et la précédence des opérateurs. Élimine les bogues courants causés par une mauvaise compréhension du comportement des types en JavaScript.

Leçon 4 • Modules ES et Outillage Moderne

Introduit la syntaxe des modules ES, les bundlers et les transpilers. Les étudiants comprennent comment le code JavaScript moderne est organisé et préparé pour la livraison en production.

Leçon 1 • Fondamentaux de React et JSX

Introduit le modèle de composants de React, la syntaxe JSX et le DOM virtuel. Établit le modèle mental nécessaire pour tout travail ultérieur sur l'état et le cycle de vie de React.

Leçon 2 • Gestion d'État avec les Hooks

Couvre useState, useEffect, useRef et les hooks personnalisés pour gérer l'état des composants et les effets secondaires. Les hooks sont le mécanisme principal pour le comportement dynamique dans React moderne.

Leçon 3 • React Router et Navigation

Implémente le routage côté client avec React Router, y compris les routes imbriquées et protégées. Les modèles de navigation sont requis pour toute application React multipage.

Leçon 4 • Récupération de Données et Intégration API

Intègre des API REST dans React avec fetch, Axios et React Query. Connecte le frontend aux services backend construits dans les chapitres suivants.

Leçon 1 • Écosystème npm et Gestion de Paquets

Enseigne la gestion des dépendances, le versionnement sémantique et la publication de paquets. Une bonne hygiène des paquets prévient les vulnérabilités de sécurité et les conflits de versions.

Leçon 2 • Flux et Buffers

Couvre les flux lisibles, inscriptibles et de transformation pour un traitement efficace des données. La connaissance des flux est essentielle pour les téléchargements de fichiers, les proxys et les API à haut débit.

Leçon 3 • Runtime Node.js et Modules Cœur

Explore la boucle d'événements de Node.js, le système de modules et les modules intégrés comme fs, path et os. Fournit la base d'exécution pour tout le code backend du cours.

Leçon 1 • Authentification et Autorisation

Implémente l'authentification basée sur JWT et le contrôle d'accès basé sur les rôles dans Express. Les modèles de sécurité ici sont réutilisés sur chaque route protégée dans l'application full-stack.

Leçon 2 • Validation des Entrées et Gestion des Erreurs

Implémente la validation des requêtes avec Joi ou Zod et un intergiciel centralisé de gestion des erreurs. Une validation robuste et des réponses d'erreur sont non négociables dans les API de production.

Leçon 3 • Test et Documentation d'API

Teste les points de terminaison avec Jest et Supertest et documente l'API avec OpenAPI/Swagger. Des API testées et documentées sont une norme professionnelle pour la collaboration en équipe.

Leçon 4 • Architecture de l'Intergiciel

Explique le pipeline d'intergiciel, l'intergiciel intégré et l'intégration d'intergiciel tiers. L'intergiciel contrôle chaque préoccupation transversale dans une application Express.

Leçon 1 • Conception de Base de Données Relationnelle

Couvre la normalisation, la modélisation entité-association et les contraintes de clé primaire/étrangère. Une conception de schéma solide prévient les anomalies de données dans les systèmes de production.

Leçon 2 • ORM avec Prisma ou Sequelize

Mappe les tables de base de données aux modèles JavaScript avec un ORM et gère les migrations de schéma. Les ORM accélèrent le développement et assurent la cohérence du schéma entre les environnements.

Leçon 3 • Mise en Cache avec Redis

Utilise Redis pour la mise en cache en mémoire, le stockage de sessions et la limitation de débit. La mise en cache réduit la charge de la base de données et améliore les temps de réponse de l'API en production.

Leçon 4 • NoSQL avec MongoDB et Mongoose

Conçoit des schémas de documents, effectue des opérations CRUD et utilise des pipelines d'agrégation dans MongoDB. Les compétences NoSQL complètent SQL pour les besoins de données flexibles et orientés document.

Leçon 1 • Téléchargements de Fichiers et Gestion des Médias

Implémente les téléchargements de fichiers multipart avec Multer et stocke les actifs dans un stockage d'objets cloud. La gestion des fichiers est une fonctionnalité requise dans la plupart des applications du monde réel.

Leçon 2 • Développement de Fonctionnalité de Bout en Bout

Construit une fonctionnalité complète du schéma de base de données au point de terminaison API à l'interface utilisateur React. Intègre toutes les compétences antérieures dans une seule tranche verticale d'une application de production.

Leçon 3 • Communication en Temps Réel avec WebSockets

Construit des fonctionnalités bidirectionnelles en temps réel avec Socket.IO sur le serveur et le client. Les capacités temps réel différencient les applications modernes des applications traditionnelles requête-réponse.

Leçon 4 • Événements Envoyés par le Serveur et Interrogation

Implémente SSE pour le push serveur unidirectionnel et le compare à l'interrogation longue. Choisir la bonne stratégie temps réel dépend du cas d'utilisation et des contraintes d'infrastructure.

Leçon 1 • Conteneurisation avec Docker

Empaquète les applications Node.js et React dans des conteneurs Docker et les orchestre avec Compose. Les conteneurs assurent la parité d'environnement entre le développement et la production.

Leçon 2 • Renforcement de la Sécurité pour la Production

Applique HTTPS, les en-têtes de sécurité, l'audit des dépendances et la gestion des secrets aux déploiements de production. Le renforcement de la sécurité est la dernière étape avant qu'une application ne serve de vrais utilisateurs.

Leçon 3 • Journalisation, Surveillance et Alertes

Implémente la journalisation structurée, la collecte de métriques et les alertes de disponibilité pour les applications de production. L'observabilité permet un diagnostic rapide des pannes avant que les utilisateurs ne soient significativement impactés.

Leçon 4 • Stratégies de Déploiement Cloud

Déploie des applications conteneurisées sur des plateformes cloud en utilisant des services gérés et l'infrastructure comme code. Les compétences en déploiement cloud sont requises pour tout rôle full-stack professionnel.