Présentation de React, Spring Boot et MySQL | 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)
Vue d'ensemble de l'architecture full stack
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
Installation de Node.js
Génération d’un projet
Installation et configuration Tailwind CSS
Création des composants React pour l'interface utilisateur
Création d'un formulaire pour saisir les données de l'utilisateur
Validation Formulaire
Conclusion
Quiz

5. Intégration front-end et back-end

Présentation de l'intégration front-end & back-end
Transmission du formulaire avec Fetch
Transmission du formulaire avec React Query
Lecture de données
Conclusion
Quiz

6. Déploiement de l'application

Présentation du déploiement de l'application
Commander un serveur
Installation et Configuration MySQL
Compte Utilisateur
Création des tables
Modifier le mot de passe utilisateur
Installation JAVA
Génération du livrable
Déploiement Front
Configurer le reverse proxy
Conclusion
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.).
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

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

Déploiement de la base de données
Génération d’un jar et déploiement sur un serveur
Génération d’un dist et déploiement dans un serveur nginx
Configuration d'un reverse proxy
Génération de certificats
Quiz

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
Générer un projet Spring boot pour envoyer des notifications
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
Intégration des modules pour qu’ils puisse communiquer via RabbitMQ
Quiz

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

Teach online with

Présentation de React, Spring Boot et MySQL

Complete and Continue