Formation développeur Full Stack JavaScript

Leçon 1 • Essentiels de 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 • Contrôle de version avec Git

Enseigne les workflows de branchement, de commit, de fusion et distants avec Git. Le contrôle de version 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 déstructuration

Enseigne la manipulation des tableaux et objets, la syntaxe de décomposition/paramètres du reste, et les modèles de déstructuration. 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 outils modernes

Introduit la syntaxe des modules ES, les bundlers et les transpileurs. 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 le travail ultérieur sur l'état et le cycle de vie de React.

Leçon 2 • Gestion de l'état avec les Hooks

Couvre useState, useEffect, useRef et les hooks personnalisés pour gérer l'état des composants et les effets de bord. 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 modèles de navigation sont requis pour toute application React multi-page.

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

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

Leçon 1 • Écosystème npm et gestion des paquets

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

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

Leçon 3 • Runtime Node.js et modules principaux

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 une authentification basée sur JWT et un contrôle d'accès basé sur les rôles dans Express. Les modèles de sécurité ici sont réutilisés pour 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. Les API testées et documentées sont une norme professionnelle pour la collaboration en équipe.

Leçon 4 • Architecture des intergiciels

Explique le pipeline des intergiciels, les intergiciels intégrés et l'intégration d'intergiciels tiers. Les intergiciels contrôlent 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 à l'aide d'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 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 multipart avec Multer et stocke les assets dans un stockage objet cloud. La gestion des 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 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 en utilisant Socket.IO côté serveur et côté 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 sondage

Implémente SSE pour la poussée unidirectionnelle du serveur et le compare au sondage long. Le choix de la bonne stratégie temps réel dépend du cas d'usage 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 des utilisateurs réels.

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 en tant que code. Les compétences de déploiement cloud sont requises pour tout rôle full-stack professionnel.