Mondher Formation

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