Formulaire de connexion | Chillo.tech

Autoplay
Autocomplete

Previous Lesson Complete and Continue

DE ZERO EN PRODUCTION

1. Introduction aux technologies utilisées

Présentation de React, Spring Boot et MySQL (0:05)
Quiz

2. Création de base de données

Présentation de la création de base de données (1:35)
Modèle conceptuel de données (MCD) (12:34)
Modèle Logique de données (MLD) (5:45)
Écriture d'un script de création de base de données (10:49)
Installation de MySQL (7:05)
Création base de données (1:08)
Conclusion (0:48)
Quiz

3. Développement du back-end avec Spring Boot

Présentation de Spring Boot (0:58)
Génération du projet (4:04)
Création des entités (12:41)
API pour calculer l'IMC (19:49)
Calcul de l'IMC (14:38)
Test de l'API (17:37)
Lecture de l'IMC (7:20)
Conclusion (1:18)
Quiz

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

Présentation de l'intégration front-end & back-end (1:26)
Transmission du formulaire avec Fetch (6:42)
Transmission du formulaire avec React Query (15:12)
Lecture de données (15:01)
Conclusion (0:56)
Quiz

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

Test unitaires dans le micro service
Test intégration dans le micro service
Test unitaires dans le front-end
Quiz

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

Permettre à l'utilisateur de choisir entre les systèmes métrique et impérial pour saisir ses données (kilogrammes et centimètres ou livres et pouces).
Permettre à chaque utilisateur de sauvegarder ses données d'IMC et de les consulter ultérieurement.
Quiz

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

Teach online with

Formulaire de connexion

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock