Spring Boot et Angular : Développer des applications Web avec Spring Boot et Angular
Réalisez un parcours web complet reliant Angular à une API Spring Boot. Vous travaillez contrat HTTP, validation, persistance, autorisations et tests afin d’assembler deux applications qui gèrent aussi les erreurs de bout en bout.
Réaliser une application de suivi de demandes avec API Spring Boot, interface Angular et autorisations vérifiées côté serveur.
Préparer votre formation et découvrir la méthode
Préparer la formation
Java, HTTP et bases TypeScript ; JDK, Node, IDE, base locale et projet de départ compatibles entre eux.
Apports illustrés, exercices progressifs, ateliers sur un cas fil rouge et retour argumenté sur les productions. Les ateliers et l'évaluation font partie des heures indiquées.
Jour 01Définir le contrat entre interface et API7 h · 2 séquences avec mise en pratique
Séquence 1 · 3 h 30
Définir le contrat entre interface et API
Modéliser demandes, utilisateurs et états métier.
Décrire routes, schémas, codes HTTP et erreurs de validation.
Séparer DTO, modèle de persistance et contrat exposé.
Préciser DTO, validation, erreurs, pagination et statuts HTTP dans le contrat ; distinguer entité persistée et ressource exposée.
Notions et méthodes en détail
Définir ressources, verbes HTTP, statuts et représentation des erreurs avec des exemples de requêtes.
Séparer DTO public et entité persistée ; préciser champs obligatoires, pagination et tri autorisés.
Dessiner états chargement, résultat vide et échec du parcours avant les composants.
Atelier prévuÉcrire le contrat de création et de consultation d'une demande, avec exemples valides et erreurs attendues.
Livrable attenduContrat d’API et scénarios de parcours.
Vérification en atelierLe contrat contient un exemple nominal, une validation refusée et une ressource absente.
Pour aller plus loin
Prévoir une évolution d’API compatible et formaliser le comportement d’une requête invalide ou concurrente.
Séquence 2 · 3 h 30
Construire le service Spring Boot
Organiser contrôleurs, services et repositories.
Valider les entrées et délimiter les transactions.
Préparer pagination, migrations et gestion centralisée des erreurs.
Séparer contrôleur, service et dépôt ; définir frontières transactionnelles, contraintes et mapping des réponses.
Notions et méthodes en détail
Organiser contrôleur, service et repository ; injecter les dépendances par constructeur.
Valider les DTO et centraliser les erreurs sans renvoyer pile technique ou données internes.
Délimiter transaction et contraintes de base ; traduire un conflit métier en réponse cohérente.
Atelier prévuImplémenter création et liste des demandes, puis vérifier rollback et validation sur une entrée volontairement invalide.
Livrable attenduAPI transactionnelle et tests de validation/persistance.
Vérification en atelierUne requête invalide ne modifie aucune donnée et reçoit un message exploitable.
Pour aller plus loin
Diagnostiquer un chargement excessif des relations et prévenir une modification concurrente perdue.
Jour 02Développer le parcours Angular7 h · 2 séquences avec mise en pratique
Séquence 3 · 3 h 30
Développer le parcours Angular
Composer pages, composants et service HTTP typé.
Relier formulaire, validation et messages d'erreur accessibles.
Gérer chargement, absence de données et navigation.
Composer composants, services et formulaires réactifs ; traiter chargement, absence de résultat, erreur et annulation d’une requête.
Notions et méthodes en détail
Décomposer page, composants et service HTTP ; typer les réponses et les états de chargement.
Construire formulaire réactif, validation locale et restitution des erreurs renvoyées par l’API.
Gérer navigation, abonnement et annulation de requêtes pour éviter un affichage périmé.
Atelier prévuConstruire un formulaire et une liste paginée qui restent compréhensibles lorsque l'API répond lentement ou échoue.
Livrable attenduÉcrans Angular avec états d’interface et gestion de concurrence réseau.
Vérification en atelierLe formulaire couvre saisie invalide, attente, succès et échec serveur.
Pour aller plus loin
Empêcher une réponse réseau ancienne de remplacer l’état d’une recherche plus récente.
Séquence 4 · 3 h 30
Sécuriser le flux de bout en bout
Expliquer OAuth2, OpenID Connect et validation des jetons.
Contrôler rôle et propriété de la ressource dans l'API.
Distinguer garde de route, CORS, XSS et protections liées au stockage choisi.
Distinguer authentification, autorisation, CORS et CSRF ; effectuer les contrôles métier côté serveur.
Notions et méthodes en détail
Distinguer authentification, autorisation et masquage de bouton ; vérifier les droits côté serveur.
Analyser cookie, jeton, CORS et CSRF selon l’architecture retenue pour le cas.
Tester accès anonyme et accès d’un utilisateur à la ressource d’un autre utilisateur fictif.
Atelier prévuTester deux utilisateurs : modifier l'URL d'une demande ne doit jamais permettre l'accès au dossier de l'autre.
Livrable attenduMatrice d’accès et scénarios de sécurité de bout en bout.
Vérification en atelierLa restriction reste effective quand l’appel HTTP contourne directement l’interface.
Pour aller plus loin
Construire une matrice de droits et prouver qu’un utilisateur ne peut pas lire ou modifier les données d’un autre.
Jour 03Tester séparément les deux applications7 h · 2 séquences avec mise en pratique
Séquence 5 · 3 h 30
Tester séparément les deux applications
Écrire tests de services et de contrôleurs avec dépendances isolées.
Tester composants et réponses HTTP simulées côté Angular.
Vérifier compatibilité du contrat sur succès et erreurs.
Séparer tests unitaires, intégration HTTP/persistance et parcours UI ; utiliser des données de test maîtrisées.
Notions et méthodes en détail
Isoler logique métier avec tests unitaires et tester contrôleurs avec validation et autorisations.
Simuler réponses HTTP Angular et tester les états du composant sans dépendre du serveur.
Écrire un scénario d’intégration création-consultation-erreur sur une base de test.
Atelier prévuIntroduire une rupture de contrat, la détecter avec les tests puis corriger le backend ou le client avec justification.
Livrable attenduSuite de tests par couche et rapport de parcours critiques.
Vérification en atelierUn changement incompatible du contrat provoque l’échec d’un test identifiable.
Pour aller plus loin
Vérifier qu’une erreur métier remonte avec un message utile et qu’un échec réseau ne détruit pas la saisie.
Séquence 6 · 3 h 30
Assembler et préparer la livraison
Séparer configurations locales et paramètres de déploiement.
Construire les artefacts et documenter les variables nécessaires.
Observer erreurs, santé du service et limites d'exploitation.
Gérer configurations par environnement, secrets, migrations et observabilité de l’API.
Notions et méthodes en détail
Externaliser URL d’API et configuration d’environnement sans publier de secrets dans le frontend.
Construire les deux applications et définir ordre de démarrage et contrôle de disponibilité.
Préparer versionnement du contrat, migrations et procédure de retour à une version compatible.
Atelier prévuDémontrer le parcours complet, remettre tests et guide de lancement, puis expliquer le traitement d'un incident d'authentification.
Livrable attenduDossier de livraison, paramètres d’exploitation et recette de déploiement.
Vérification en atelierLa livraison démarre depuis la procédure et le parcours critique passe sa recette.
Pour aller plus loin
Préparer un déploiement compatible avec la version précédente du frontend et une procédure de retour arrière.
Mettre vos acquis à l’épreuve
Évaluation finale prévue
Mise en situation individuelle et restitution commentée, incluses dans la dernière séquence. Durée indicative : 60 minutes.
Critères de réussite
Le contrat couvre les erreurs autant que le succès.
Les permissions sont testées dans l'API.
Backend et interface disposent de tests exécutables séparément.
Adaptation et validation pédagogique. Version enrichie proposée, à valider par le formateur. Répartition pédagogique proposée sur une base de 7 heures par jour, pauses exclues. À ajuster avec le formateur au positionnement initial. Les approfondissements « Pour aller plus loin » sont sélectionnés par le formateur selon le positionnement et le temps disponible ; ils ne constituent pas des heures supplémentaires garanties.
Les ateliers décrivent les travaux prévus. Leurs fichiers, corrigés et évaluations en ligne sont à préparer, sauf ressources explicitement disponibles dans le module pilote.
Références pour approfondir
Documentation des organismes et éditeurs. La progression et les ateliers sont une rédaction originale pour Beyond Expertise.
Le centre doit confirmer les prérequis, le programme final, les dates, les horaires et le tarif avant inscription. Le délai d’accès dépend des disponibilités et du besoin. L’ouverture d’une session et la disponibilité d’un cours e-learning sont confirmées avant inscription.
Les ateliers, méthodes et évaluations du programme sont proposés pour validation pédagogique. Les supports effectivement disponibles sont indiqués dans la section « Contenu e-learning ».
Le parcours ne délivre pas de diplôme ni de certification professionnelle. Aucune éligibilité CPF ou prise en charge n’est garantie. Toute préparation à un examen externe devra faire l’objet d’informations et d’habilitations vérifiées.
Les objectifs et prérequis sont disponibles. Les leçons, supports et évaluations de ce parcours ne sont pas encore intégrés dans cet espace. Le programme détaillé ci-dessus décrit les apprentissages et les ateliers prévus.
Origine des informations et statut du programme
Durée, niveau, modalités, objectifs et tarif relevés sur le site officiel le 11 septembre 2026. Le déroulé détaillé a été enrichi par Beyond Expertise. Validation pédagogique du formateur à réaliser avant animation.
