Durée totale : 80 heures
🎯 Objectifs pédagogiques
Cette formation a pour objectif de permettre aux participants de :
- Acquérir les bases nécessaires pour comprendre et pratiquer le développement web complet.
- Maîtriser les concepts fondamentaux de Spring Boot pour le développement back-end.
- Comprendre et utiliser Angular et TypeScript pour le front-end.
- Connecter un front Angular avec un back-end Spring Boot.
- Réaliser une application de gestion complète (CRUD) en mode full stack.
📘 Programme détaillé
🧩 Module 0 : Mise à niveau et outils de développement (20h)
Partie 1 – Git et GitHub
- Installation et configuration de Git
- Création et clonage de dépôts GitHub
- Commandes de base : clone, add, commit, push, pull
- Travail collaboratif sur un même dépôt
- Résolution de conflits de fusion
Partie 2 – Bases du langage Java
- Classe, objet, attribut, méthode
- Modificateurs d’accès (public, private, protected)
- Constructeurs, getters et setters
- Héritage et polymorphisme
- Méthodes statiques et interfaces
- Utilisation de plusieurs packages et import
- Â
Partie 3 – Base de données MySQL
- Commandes sur la structure :
CREATE DATABASE, CREATE TABLE, ALTER TABLE, DROP TABLE - Commandes sur les données :
INSERT, UPDATE, DELETE, SELECT - Relations entre tables (clé étrangère)
- Exemple : base GestionProduit avec tables Categorie, Produit, ProdCategorie
Partie 4 – HTML & CSS
- Balises de base : <html>, <head>, <body>, <h1>, <p>, <img>, <a>
- Listes, tableaux, boutons radio, cases à cocher, listes déroulantes
- Formulaires HTML : méthodes GET et POST
- Envoi et réception de données entre pages
- Feuilles de style CSS :
- Sélecteurs, classes, identifiants
- Couleurs, marges, bordures, alignement
- Mise en forme d’un formulaire complet
🧩 Module 1 : Introduction à Spring Boot & Angular (6h)
- Architecture 3-tiers et microservices
- Installation des outils : JDK, Spring Initializr, Maven, Node.js, Angular CLI, VS Code, STS, XAMPP, Postman
- Structure d’un projet Spring Boot et Angular
🧩 Module 2 : Développement Back-End avec Spring Boot (24h)
- Rappels Java et annotations Spring Boot
- Gestion des entités avec JPA / Hibernate
- Repositories (JpaRepository, CrudRepository)
- Services et logique métier
- Controllers et API REST
- Relations entre entités (OneToMany, ManyToOne)
- Validation des données (Bean Validation)
- Sécurité avec Spring Security (authentification, autorisation, rôles)
- Tests unitaires et d’intégration
🧩 Module 3 : Développement Front-End avec Angular (24h)
- Introduction à Angular et TypeScript
- Structure d’un projet Angular
- Composants, Templates et Data Binding
- Directives et Pipes
- Services et Injection de dépendances
- Routage et navigation
- Formulaires (template-driven et reactive forms)
- Communication avec une API REST (HttpClient)
- Gestion d’état et Observables (RxJS)
- Authentification et gestion des rôles côté front
🧩 Module 4 : Projet fil rouge – Application complète (6h)
- Application complète de gestion (ex : Gestion d’articles et fournisseurs)
- Back-end : API REST avec Spring Boot
- Front-end : Angular connecté à l’API
- Authentification utilisateur et gestion des rôles
- Déploiement et tests finaux
