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. Garantit que chaque étudiant travaille dans une chaîne d'outils professionnelle et cohérente.

Leçon 2 • Fonctionnement du 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'utilisation 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 recourir aux astuces de flottement.

Leçon 2 • Animations et transitions CSS

Présente les animations par images clés, les transitions et les fonctions de transformation. Ajoute une interactivité soignée sans dépendre de JavaScript.

Leçon 3 • Sélecteurs CSS et 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-first et les stratégies de points de rupture. Produit des mises en page qui s'adaptent avec fluidité aux 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 callbacks, les Promises et async/await. Équipe les étudiants pour gérer les requêtes réseau et les opérations temporisées de manière fiable.

Leçon 3 • Tableaux, Objets et Destructuration

Enseigne la manipulation des tableaux et des objets, la syntaxe de propagation/reste et la destructuration. Prépare les étudiants à travailler avec les données d'API et des états complexes.

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 fondamentaux de React

Présente JSX, les composants, les props et le DOM virtuel. Établit le modèle mental pour construire des UI sous forme d'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 motifs 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 de bord. Remplace les méthodes de cycle de vie basées sur les classes par des motifs modernes de hooks.

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

Compare les modules CSS, styled-components et le CSS utilitaire-first 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 endpoints avec des outils automatisés et génère une documentation d'API interactive. Garantit la fiabilité de l'API et son utilisabilité pour les développeurs.

Leçon 2 • Construire des 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 en couches 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 endpoints d'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 renvoient des réponses d'erreur cohérentes.

Leçon 1 • Requêtes SQL et optimisation

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 depuis des 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é-association 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 base de données aux modèles d'application en utilisant Prisma ORM. Réduit le code SQL brut tout en maintenant la sécurité de typage dans Node.js.

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

Implémente l'analyse des formulaires multipart, l'intégration du stockage cloud et l'optimisation des 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 de données. Gère les états de chargement, d'erreur et de succès dans les composants UI.

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

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

Leçon 4 • Consommer GraphQL dans React

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

Leçon 1 • Renforcement de la sécurité de l'application

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

Leçon 2 • 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. Couvre les options d'hébergement évolutives pour le frontend et le backend.

Leçon 3 • Automatisation des pipelines CI/CD

Automatise les tests, la construction et le déploiement en utilisant les workflows GitHub Actions. Réduit les étapes de publication manuelles et applique des contrôles de qualité sur chaque push.

Leçon 4 • Conteneurisation avec Docker

Empaquète les applications et services dans des conteneurs Docker et compose des environnements multi-services. Élimine les incohérences d'environnement entre le développement et la production.