Formation développeur Full Stack JavaScript

Leçon 1 • Notions essentielles de HTML et CSS

Passe en revue la structure sémantique HTML 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 branchement, la validation, la fusion et les workflows distants avec Git. La gestion de versions sous-tend chaque tâche de collaboration 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 prévient les frictions liées aux outils tout au long du cours.

Leçon 1 • Tableaux, objets et déstructuration

Enseigne la manipulation de tableaux et d'objets, la syntaxe de propagation/reste et les motifs de déstructuration. Ces motifs apparaissent dans chaque composant React et module Node.js dans les chapitres suivants.

Leçon 2 • JavaScript asynchrone

Couvre la boucle d'événements, les fonctions de rappel, les promesses et la syntaxe async/await. La maîtrise de l'asynchrone est essentielle pour tous les appels d'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 incompréhension du comportement des types en JavaScript.

Leçon 4 • Modules ES et outils modernes

Présente la syntaxe des modules ES, les regroupeurs et les transpileurs. Les étudiants comprennent comment le code JavaScript moderne est organisé et préparé pour la livraison en production.

Leçon 1 • Notions fondamentales de React et JSX

Présente le modèle de composant 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 les routes protégées. Les motifs de navigation sont requis pour toute application React multipage.

Leçon 4 • Récupération de données et intégration d'API

Intègre les 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, la gestion sémantique de versions 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 tampons

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 serveurs mandataires et les API à haut débit.

Leçon 3 • Environnement d'exécution Node.js et modules de base

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 motifs de sécurité ici sont réutilisés sur chaque route protégée dans l'application de pile complète.

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 incontournables dans les API de production.

Leçon 3 • Tests et documentation d'API

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

Leçon 4 • Architecture d'intergiciel

Explique le pipeline d'intergiciel, l'intergiciel intégré et l'intégration d'intergiciel tiers. L'intergiciel contrôle toutes les préoccupations transversales dans une application Express.

Leçon 1 • Conception de base de données relationnelle

Couvre la normalisation, la modélisation entité-relation 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 imposent 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 sur la base de données et améliore les temps de réponse des 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 documents.

Leçon 1 • Téléchargements de fichiers et gestion des médias

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

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 d'API jusqu'à l'interface React. Intègre toutes les compétences précédentes dans une tranche verticale unique d'une application de production.

Leçon 3 • Communication en temps réel avec les WebSockets

Construit des fonctionnalités bidirectionnelles en temps réel avec Socket.IO côté serveur et côté client. Les capacités en 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 l'envoi unidirectionnel du serveur et le compare à l'interrogation longue. Le choix de la bonne stratégie en temps réel dépend du cas d'utilisation et des contraintes d'infrastructure.

Leçon 1 • Conteneurisation avec Docker

Conditionne 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, des en-têtes de sécurité, la vérification des dépendances et la gestion des secrets aux déploiements de production. Le renforcement de la sécurité est la dernière barrière 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 défaillances avant que les utilisateurs ne soient significativement affectés.

Leçon 4 • Stratégies de déploiement infonuagique

Déploie des applications conteneurisées sur des plateformes infonuagiques utilisant des services gérés et l'infrastructure en tant que code. Les compétences en déploiement infonuagique sont requises pour tout rôle professionnel de pile complète.