Formation de développeur 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 dispose d’un espace de travail local reproductible et de qualité professionnelle.

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

Développe la maîtrise de la navigation dans le système de fichiers, de la gestion des processus et de l’écriture de scripts shell. Réduit les frictions lors de l’exécution des serveurs, des outils de construction et des scripts de déploiement.

Leçon 3 • Fonctionnement du Web

Couvre les cycles requête-réponse HTTP, la résolution DNS et les pipelines de rendu du navigateur. Établit un modèle de communication commun pour tout le travail ultérieur sur le front-end et le back-end.

Leçon 1 • Animations et transitions CSS

Présente les animations par images clés, les transitions et les fonctions de transformation pour obtenir une rétroaction interactive de l’interface utilisateur. Relie le fini visuel aux objectifs d’expérience utilisateur.

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

Applique les principes de conception axés sur le mobile et les stratégies de points de rupture pour adapter les mises en page à différentes tailles d’écran. Prépare les étudiants à des scénarios de déploiement sur plusieurs appareils.

Leçon 3 • Mises en page avec Flexbox et Grid

Enseigne les systèmes de mise en page Flexbox (unidimensionnel) et Grid (bidimensionnel). Les étudiants créent des structures de page adaptatives complexes sans recourir aux cadriciels.

Leçon 4 • Structure HTML sémantique

Couvre la structure du document, les éléments sémantiques et les attributs d’accessibilité. Une sémantique appropriée améliore le référencement et la compatibilité avec les lecteurs d’écran pour tous les projets.

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

Relie JavaScript au DOM du navigateur pour des mises à jour dynamiques du contenu et une interaction pilotée par les événements. Fait le pont entre les pages HTML/CSS statiques et les expériences entièrement interactives.

Leçon 2 • Flux de contrôle et fonctions

Enseigne les conditionnels, les boucles et les déclarations de fonctions, y compris les fonctions fléchées et les fermetures. Ces constructions constituent la colonne vertébrale logique de tout code d’application.

Leçon 3 • JavaScript asynchrone et API

Couvre les fonctions de rappel, les promesses, async/await et l’API Fetch pour consommer des données externes. Prépare les étudiants à intégrer des services tiers et des points de terminaison back-end.

Leçon 4 • Syntaxe JavaScript et types de données

Couvre les variables, les primitives, les opérateurs et les règles de coercition de type. Établit les bases du langage requises pour chaque sujet JavaScript ultérieur.

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

Implémente la navigation multi-pages, les routes dynamiques et les routes protégées à l’aide de React Router. Permet les modèles de navigation des applications à page unique.

Leçon 2 • Communication entre composants et contexte

Couvre les problèmes de forage de props, l’API de contexte et useReducer pour l’état partagé. Fait passer la gestion d’état au-delà des limites d’un seul composant.

Leçon 3 • Concepts de base de React

Présente JSX, les composants, les props et le modèle de réconciliation du DOM virtuel. Ces fondamentaux sous-tendent chaque modèle React enseigné dans ce chapitre.

Leçon 4 • Gestion de l’état avec les crochets

Enseigne useState, useEffect, useRef et les crochets personnalisés pour gérer le cycle de vie des composants et les effets secondaires. Remplace les modèles basés sur les classes par des approches fonctionnelles modernes.

Leçon 1 • Authentification et autorisation

Implémente l’authentification basée sur les jetons, le hachage des 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 2 • Gestion des erreurs et sécurité des API

Met en place des gestionnaires d’erreurs centralisés, une validation des entrées et une limitation du débit pour renforcer l’API. Relie les pratiques de sécurité aux exigences de préparation à la production.

Leçon 3 • Intergiciel et pipeline de requêtes

Couvre l’intergiciel intégré, tiers et personnalisé pour la journalisation, l’analyse et les requêtes inter-origines. Les chaînes d’intergiciel sont le fondement de l’architecture des applications Express.

Leçon 4 • Construction d’API REST avec Express

Construit des gestionnaires de routes, l’analyse des requêtes et le formatage des réponses selon les conventions REST. Fournit la couche API que les clients front-end consomment.

Leçon 1 • Sécurité et optimisation des bases de données

Applique le regroupement de connexions, l’optimisation des requêtes et le contrôle d’accès aux configurations de bases de données de production. Assure l’intégrité des données et le rendement sous charge.

Leçon 2 • Intégration ORM avec Sequelize

Mappe les modèles JavaScript aux tables de base de données à l’aide de Sequelize, y compris les associations et les migrations. Abstraction du SQL brut tout en maintenant le contrôle du schéma.

Leçon 3 • Interrogation et manipulation SQL

Enseigne SELECT, JOIN, l’agrégation, les sous-requêtes et les instructions de modification de données. La maîtrise du SQL est requise pour travailler avec tout système de base de données relationnelle.

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

Couvre la normalisation, la modélisation entité-relation et la conception de schémas pour les bases de données relationnelles. Une conception de schéma solide prévient les anomalies de données dans les systèmes de production.

Leçon 1 • Gestion de l’état à grande échelle

Présente Redux Toolkit et React Query pour gérer l’état du serveur et l’état client complexe. Aborde les défis de synchronisation de l’état dans les grandes applications.

Leçon 2 • Tests d’intégration et de bout en bout

Exécute des tests d’intégration contre une base de données active et des tests de bout en bout simulant des flux d’utilisateurs réels. Valide que toutes les couches fonctionnent correctement ensemble.

Leçon 3 • Techniques d’optimisation des performances

Applique la division du code, la mémorisation, la mise en cache des requêtes de base de données et l’optimisation des ressources pour améliorer la vitesse de l’application. Relie les indicateurs de performance aux résultats de l’expérience utilisateur.

Leçon 4 • Conception d’API et flux de données full-stack

Conçoit des contrats d’API cohérents et trace les données de la base de données au serveur jusqu’à l’interface utilisateur React. Résout les décalages d’intégration avant le début des tests.

Leçon 1 • Évolutivité et infrastructure en tant que code

Présente la mise à l’échelle horizontale, la répartition de charge et le provisionnement de l’infrastructure par le code. Prépare les étudiants à gérer les demandes croissantes des applications de manière systématique.

Leçon 2 • Déploiement et hébergement dans le nuage

Déploie des applications conteneurisées sur des plateformes cloud à l’aide de machines virtuelles et de services gérés. Couvre la configuration de domaine, les certificats SSL et les serveurs proxy inverses.

Leçon 3 • Journalisation, surveillance et alertes

Implémente la journalisation structurée, la surveillance des performances des applications et les alertes de disponibilité pour les systèmes de production. Permet un diagnostic rapide des défaillances dans les environnements en direct.

Leçon 4 • Conteneurisation avec Docker

Empaquète les applications et les services dans des conteneurs Docker et les orchestre avec Docker Compose. Élimine les incohérences d’environnement entre le développement et la production.