Formation développeur web full stack

Leçon 1 • Configuration de l'environnement de développement

Installe et configure les éditeurs de code, les émulateurs de terminal et les gestionnaires de versions. Assure que chaque étudiant travaille dans une chaîne d'outils professionnelle et cohérente.

Leçon 2 • Comment fonctionne le Web

Couvre les cycles requête-réponse HTTP, la résolution DNS et les pipelines de rendu du navigateur. Ancre tout le codage ultérieur dans le comportement réel du réseau.

Leçon 3 • Maîtrise de la ligne de commande

Développe l'aisance avec la navigation dans le système de fichiers, la gestion des processus et l'écriture de scripts shell. Réduit les frictions lors de l'exécution des outils de construction et des serveurs tout au long du cours.

Leçon 1 • Mises en page Flexbox et Grid

Enseigne les systèmes de mise en page unidimensionnelle Flexbox et bidimensionnelle Grid. Permet des mises en page précises et maintenables sans utiliser de trucs avec les flotteurs.

Leçon 2 • Animations et transitions CSS

Présente les animations image par image, les transitions et les fonctions de transformation. Ajoute une interactivité soignée sans la surcharge de JavaScript.

Leçon 3 • Sélecteurs CSS et le modèle de boîte

Explique la spécificité, la cascade, l'héritage et le modèle de boîte. Fournit la base conceptuelle pour tout travail de mise en page et de style.

Leçon 4 • Conception adaptative et requêtes média

Applique les principes de conception mobile d'abord et les stratégies de points de rupture. Produit des mises en page qui s'adaptent de manière fluide à différentes tailles d'écran.

Leçon 1 • Fonctions et portée

Explique les déclarations de fonctions, les expressions, les fonctions fléchées, les fermetures et la pile d'appels. Permet une conception de code modulaire et réutilisable.

Leçon 2 • JavaScript asynchrone

Couvre la boucle d'événements, les fonctions de rappel, les promesses et async/await. Équipe les étudiants pour gérer les requêtes réseau et les opérations minutées de manière fiable.

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

Enseigne la manipulation des tableaux et des objets, la syntaxe de décomposition/reste et la déstructuration. Prépare les étudiants à travailler avec des données d'API et un état complexe.

Leçon 4 • Manipulation du DOM et événements

Applique JavaScript pour interroger, modifier et répondre au DOM. Fait le pont entre les pages HTML/CSS statiques et les interfaces utilisateur interactives.

Leçon 1 • Concepts de base de React

Présente JSX, les composants, les props et le DOM virtuel. Établit le modèle mental pour construire des IU comme des arbres de composants composables.

Leçon 2 • Routage côté client avec React Router

Implémente la navigation multipage, les routes dynamiques et les routes protégées. Permet des patrons de navigation complets pour les applications monopages.

Leçon 3 • État et cycle de vie avec les Hooks

Couvre useState, useEffect et les hooks personnalisés pour gérer l'état des composants et les effets secondaires. Remplace les méthodes de cycle de vie basées sur les classes par des patrons de hooks modernes.

Leçon 4 • Stratégies de style des composants

Compare les modules CSS, les styled-components et le CSS utilitaire d'abord dans les projets React. Guide les étudiants vers des architectures de style évolutives et maintenables.

Leçon 1 • Tests et documentation d'API

Teste les points de terminaison avec des outils automatisés et génère une documentation interactive d'API. Assure la fiabilité de l'API et la convivialité pour les développeurs.

Leçon 2 • Construction d'API REST avec Express

Couvre le routage, l'intergiciel, l'analyse des requêtes et le formatage des réponses. Produit une API structurée et stratifiée suivant les conventions REST.

Leçon 3 • Authentification et autorisation

Implémente l'authentification basée sur JWT, le hachage de mots de passe et le contrôle d'accès basé sur les rôles. Sécurise les points de terminaison de l'API contre les accès non autorisés.

Leçon 4 • Validation des entrées et gestion des erreurs

Applique des bibliothèques de validation basées sur des schémas et une gestion centralisée des erreurs. Produit des API qui échouent gracieusement et retournent des réponses d'erreur cohérentes.

Leçon 1 • Interrogation et optimisation SQL

Enseigne SELECT, JOIN, l'agrégation, les sous-requêtes et les plans d'exécution des requêtes. Permet une récupération efficace des données à partir de bases de données relationnelles.

Leçon 2 • NoSQL avec MongoDB

Présente la modélisation documentaire, les opérations CRUD et les pipelines d'agrégation dans MongoDB. Aborde les cas d'utilisation où les schémas flexibles surpassent les modèles relationnels.

Leçon 3 • Conception de bases de données relationnelles

Couvre la normalisation, la modélisation entité-relation et la conception de schémas. Produit des schémas relationnels bien structurés qui minimisent la redondance.

Leçon 4 • Intégration ORM avec Prisma

Mappe les tables de la base de données aux modèles d'application en utilisant l'ORM Prisma. Réduit le code SQL brut tout en maintenant la sécurité des types dans Node.js.

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

Implémente le téléchargement de formulaires multipart, l'intégration de stockage en nuage et l'optimisation d'images. Étend l'application pour gérer les actifs binaires de manière fiable.

Leçon 2 • Récupération de données dans React

Couvre l'API Fetch, Axios et React Query pour la récupération et la mise en cache des données. Gère les états de chargement, d'erreur et de succès dans les composants d'IU.

Leçon 3 • Fonctionnalités en temps réel avec WebSockets

Ajoute une communication bidirectionnelle en utilisant WebSockets et Socket.IO. Permet des fonctionnalités en direct telles que le clavardage, les notifications et l'édition collaborative.

Leçon 4 • Consommation de GraphQL dans React

Intègre Apollo Client dans React pour interroger et modifier les API GraphQL. Synchronise l'état du serveur et du client via le cache Apollo.

Leçon 1 • Renforcement de la sécurité des applications

Applique le renforcement HTTPS, les en-têtes de sécurité, la limitation de débit et la vérification des dépendances. Protège l'application de production contre les vulnérabilités Web courantes.

Leçon 2 • Stratégies de déploiement en nuage

Déploie des applications conteneurisées sur des plateformes en nuage en utilisant des services gérés et l'infrastructure en tant que code. Couvre les options d'hébergement évolutives pour le frontend et le backend.

Leçon 3 • Automatisation du pipeline CI/CD

Automatise les tests, la construction et le déploiement en utilisant les flux de travail GitHub Actions. Réduit les étapes de publication manuelles et applique des contrôles de qualité à chaque poussée.

Leçon 4 • Conteneurisation avec Docker

Empaquette les applications et services dans des conteneurs Docker et compose des environnements multi-services. Élimine l'incohérence d'environnement entre le développement et la production.