Module 3 : Frameworks Front-end et Back-end

Module 3 : Frameworks Front‑end et Back‑end

Durée

8  jours (56h)

Objectifs pédagogiques

• Comparer et sélectionner le framework Front ou Back le plus pertinent selon les contraintes produit.
• Développer une Single‑Page Application (SPA) réactive (par défaut React, options Angular / Vue).
• Concevoir une API REST ou GraphQL robuste (Node.js + NestJS / Express ou PHP + Symfony / Laravel) et la sécuriser (JWT, OAuth 2.0).
• Intégrer Front & Back dans un workflow DevOps : tests, conteneurisation, CI/CD.
• Optimiser performances, accessibilité et maintenabilité du code.

Contenu détaillé

1. Panorama des frameworks
   • Critères de choix, licences, communauté, écosystème.
   • Monolithes vs micro‑frontends, micro‑services.
2. Front‑end moderne (React par défaut)
   • JSX, hooks, router et gestion d’état (RTK Query).
   • Tests unitaires & E2E (Vitest / Cypress).
   • Build & optimisation (Vite, code‑splitting, Lighthouse).
3. Back‑end API (NestJS ou Symfony/Laravel)
   • Architecture hexagonale / MVC, injection de dépendances.
   • ORM (Prisma ou Eloquent/Doctrine), migrations.
   • Authentification & autorisation, validation de schéma.
   • Logs et journalisation.
4. Communication Front ↔ Back
   • Conventions REST, GraphQL, WebSockets (Socket.IO).
   • CORS, pagination, filtrage, HATEOAS.
5. Qualité, tests & CI/CD
   • Pyramide de tests, couverture, mocks.
   • Workflows GitHub Actions : lint, test, build, publish.
   • Bundles Docker multi‑stage.
6. Déploiement & observabilité
   • Docker Compose vs aperçu Kubernetes (k3d).
   • Monitoring Prometheus/Grafana, logs Loki/ELK.

Méthodes pédagogiques

Exposés concis, live‑coding et ateliers pratiques sur le projet fil rouge. Revues de code quotidiennes et feedback continu.

Modalités d’évaluation

• Quiz quotidiens.
• Projet final : SPA + API containerisées, pipeline CI/CD automatisé, soutenance.

Livrables attendus

Dépôts GitHub Front & Back documentés, images Docker, pipeline CI/CD, rapport de tests & tableau de bord de performances.

Public visé / prérequis

Développeurs maîtrisant JavaScript/TypeScript et Git. Avoir suivi les Modules 1 & 2 ou équivalent.

Compétences visées (extraits RNCP 37805)

1. Concevoir et développer une SPA performante.
2. Implémenter une API sécurisée et scalable.
3. Automatiser intégration, tests et déploiement d’une application full‑stack.
4. Superviser et optimiser un service en production.

Financement

Autofinancement (paiement échelonné possible).

Modalités d’inscription & d’accès (communes au parcours Full‑Stack)

1. Formulaire en ligne → RDV Calendly
2. Entretien individuel + test logique / anglais technique (réponse immédiate)
3. Accès à la formation : J+14 après délai de rétractation (envoi des accès plateforme onboarding)

Accessibilité handicap : supports et évaluations adaptables. Contact : handicap@digitalfactoryacademy.com