1. Introduction aux technologies utilisées
2. Création de base de données
3. Développement du back-end avec Spring Boot
4. Développement du front-end avec React
-
Présentation de React (1:32)
-
Installation de Node.js (1:32)
-
Génération d’un projet (2:41)
-
Installation et configuration Tailwind CSS (4:20)
-
Création des composants React pour l'interface utilisateur (17:34)
-
Création d'un formulaire pour saisir les données de l'utilisateur (14:23)
-
Validation Formulaire (9:03)
-
Conclusion (0:36)
-
Quiz
5. Intégration front-end et back-end
6. Déploiement de l'application
-
Présentation du déploiement de l'application (0:44)
-
Commander un serveur (3:46)
-
Installation et Configuration MySQL (11:45)
-
Compte Utilisateur (6:35)
-
Création des tables (4:15)
-
Modifier le mot de passe utilisateur (4:04)
-
Installation JAVA (4:15)
-
Génération du livrable (5:53)
-
Déploiement Front (11:37)
-
Configurer le reverse proxy (3:02)
-
Conclusion (2:11)
-
Quiz
7. Sécurité des données
-
Utiliser des outils ou des bibliothèques de validation pour vérifier que les données respectent le format attendu (par exemple, les adresses email, les numéros de téléphone, etc.).
-
[FRONTEND] Validation du pattern avec une regexp (8:19)
-
Mise en place d'un système d'authentification robuste (par exemple, avec JWT - JSON Web Tokens) pour vérifier l'identité des utilisateurs.
-
Afficher les données d'IMC sous forme de graphiques pour une meilleure visualisation de l'évolution de la masse corporelle.
-
Mise en place d'un système de notifications pour rappeler à l'utilisateur de calculer son IMC régulièrement.
-
Quiz
-
Validation des données dans le backend (10:16)
-
Mettre en forme les messages d'érreur (5:01)
-
Mis à jour du compte utilisateur (12:43)
-
Gestionnaires de la sécurité (4:45)
-
Protection des routes (6:27)
-
Message à transmettre à l'utilisateur (24:57)
-
Configuration messagerie (17:48)
-
Envoi de mails (6:38)
-
Envoi de mails à partir d'un Template (7:34)
-
Connexion utilisateur (22:33)
-
Générer le token (15:55)
-
Utiliser le token dans le back (18:06)
-
Créer un contexte dans le front (13:13)
-
Utiliser le context (17:31)
-
Formulaire de connexion (11:01)
-
Connexion utilisateur (16:54)
-
Afficher les informations de le l'utilisateur connecté (19:51)
-
Afficher les indices sur sur un graphe (20:38)
-
Afficher les IMC en fonction des dates (11:53)
-
Rappel pour les utilisateurs (20:57)
-
Conclusion (0:18)
8. Test
9. Déploiement de l'application avec docker
-
Introduction (3:20)
-
Présentation de Docker (5:23)
-
Solutions apportées par docker (3:07)
-
Présentation de la virtualisation (9:28)
-
Virtualization Vs Docker (1:48)
-
Position de docker dans un SI (9:10)
-
Installer Docker (3:05)
-
Fonctionnement de Docker (1:32)
-
Gestion des images (7:40)
-
Présentation de Nginx (3:24)
-
Exécution d'une image (11:48)
-
Architecture Nginx (5:28)
-
Accéder à un conteneur (12:44)
-
Transmettre des données à un conteneur (15:08)
-
Créer une image (10:10)
-
Exécution d'une image (6:15)
-
Exécuter plusieurs fois la même image (6:57)
-
[Docker compose] exécuter une image (10:07)
-
Description docker compose (9:24)
-
Présentation des travaux à réaliser (4:55)
-
Gestion des réseaux (5:34)
-
Mongo et mongo express (9:07)
-
Gérer des variables d'environnement (9:53)
-
Créer des volumes (8:14)
-
Déléguer la gestion des volumes à mongo (6:10)
-
Configurer un reverse proxy Nginx (13:41)
-
Configurer un vhost en local (6:28)
-
Presentation des taches à effectuer (0:57)
-
Installation de la base de données (14:29)
-
Installation de Mailpit (3:35)
-
Installation Rabbit MQ (7:00)
-
Génération de l'image docker (14:01)
-
Démarrage du Back (7:43)
-
Conteneurisation du Front (13:54)
-
Configurer un Reverse Proxy (8:42)
-
Debugger un projet (16:52)
-
Conclusion (0:48)
10. Personnalisation et fonctionnalités avancées
11. Envoyer des Notifications
-
Installer RabbitMQ
-
Quiz
-
Présentation de Rabbit MQ (7:49)
-
Installation (5:48)
-
Interface Graphique (2:07)
-
Exchange Fanout (10:55)
-
Configuration application (12:29)
-
Fanout Publication Message (13:43)
-
Fanout: lecture message (14:18)
-
Direct Exchange (19:25)
-
Topic Exchange (12:01)
-
Exchange Header (13:22)
-
Exchange - Exchange (6:00)
-
Générer un projet Spring boot pour envoyer des notifications
-
Intégration des modules pour qu’ils puisse communiquer via RabbitMQ
-
Envoyer l’IMC par mail sans template dans le backend à l’utilisateur
-
Envoyer des notifications par mail avec template pour rappeler à l'utilisateur de calculer son IMC régulièrement
12. Déploiement via Jenkins
-
Installation Jenkins
-
Jenkinsfile pour déployer la base de données
-
Jenkinsfile pour déployer le microservice
-
Jenkinsfile pour déployer le front
-
Jenkinsfile Pour configurer le reverse proxy
-
Quiz
-
Génération d’un dist et déploiement dans un serveur nginx
-
Génération de certificats
-
Configuration d'un reverse proxy
