▣ Chapitre 1 : Introduction à Vue

1.1 Interface utilisateur et interface d'administration
__1.1.1 Méthode de service Solo
__1.1.2 Méthode de service séparée et conjointe
__1.1.3 Interface utilisateur et interface d'administration
1.2 Historique de l'interface utilisateur
__1.2.1 Plus rapide, Google Chrome
__1.2.2 Modifications de la méthode de rendu
1.2.3 L'émergence des applications monopages
1.2.4 Indépendance du front-end
__1.2.5 Angular de Google
__1.2.6 React de Facebook
__1.2.7 Vue d'Evan Yu
1.3 Nouveautés de Vue 3
__1.3.1 Performances améliorées
__1.3.2 API de composition incluse
__1.3.3 Prise en charge de TypeScript
__1.3.4 Saisie d'étiquettes multi-itinéraires possible
__1.3.5 Modifier la position des balises de script et des blocs de modèle
__1.3.6 La prise en charge d'Internet Explorer est interrompue
1.3.7 Utilisation de l'outil frontal Vite
1.4 Résumé

▣ Chapitre 2 : Notions de base du développement front-end à connaître avant de commencer

2.1 Internet, serveurs et clients
2.1.1 Système d'échange de fichiers, Internet
2.1.2 Serveur et client du point de vue matériel
2.1.3 Serveur et client du point de vue logiciel
2.2 Communication avec le serveur
__2.2.1 Adresse du serveur, adresse IP
__2.2.2 Adresse plus détaillée, port
2.2.3 Règles de communication du monde web, HTTP
__2.2.4 Synchrone et asynchrone
2.3 Enregistrement des données dans un navigateur Web
__2.3.1 Qu'est-ce qu'un cookie HTTP ?
__2.3.2 Qu'est-ce que le stockage Web ?
2.4 Outils pour faciliter le développement front-end
__2.4.1 Environnement d'exécution JavaScript, Node.js
__2.4.2 Gestionnaire de modules, NPM
__2.4.3 Bibliothèque de requêtes HTTP, Axios
__2.4.4 Framework d'interface utilisateur Web, Bootstrap
__2.4.5 Sass, un préprocesseur permettant de surmonter les limitations du CSS
2.5 Résumé

▣ Chapitre 3 : Mise en place de l’environnement de développement

3.1 Installation d'IntelliJ IDEA
3.1.1 Installation sous Windows
3.1.2 Installation sur macOS
3.1.3 Changement de thème
3.2 Installer Google Chrome
3.2.1 Installation sous Windows
3.2.2 Installation sur macOS
3.3 Installation de Node.js
3.3.1 Installation sous Windows
__3.3.2 Installation sur macOS
3.4 Résumé

▣ Chapitre 4 : Apprentissage de base pour débuter avec Vue 3

4.1 Premiers pas avec Vue 3
4.1.1 Création d'un projet
4.1.2 Première demande
4.2 Composants
__4.2.1 Qu'est-ce qu'un composant ?
4.2.2 Installation des composants de la roue avant
4.2.3 Installation des composants de la roue arrière
4.2.4 Installation des composants des pneus
4.2.5 Personnalisation des composants des pneus
4.3 Grammaire de base du modèle
4.3.1 Sortie texte
__4.3.2 Réflexion sur les attributs
__4.3.3 Réflexion en classe
__4.3.4 Réflexion sur le style
__4.3.5 Directives conditionnelles
__4.3.6 Répéter la directive
__4.3.7 Directives relatives aux événements
4.4 État réactif
4.5 Calculé
4.6 Liaison de données
4.7 Points d'ancrage du cycle de vie
__4.7.1 Crochet de création
4.7.2 Crochet de montage
__4.7.3 Hook de mise à jour
__4.7.4 Démontage du crochet
Routeur 4.8
4.9 Magasin
__4.9.1 Bibliothèque de gestion d'état, Pinia
4.9.2 Exemples d'utilisation pratique du magasin
4.10 Résumé

▣ Chapitre 5 : Développement front-end avec Vue 3

5.1 Note sur le plan de développement de l'application
5.2 Création d'un projet d'application de notes
5.3 Mise en place de l'environnement de développement
__5.3.1 Configuration de Bootstrap
__5.3.2 Paramètres Sass
5.3.3 Organisation du code et des fichiers
5.4 Mise en œuvre des services de stockage
__5.4.1 Création d'un fichier et implémentation d'un constructeur
__5.4.2 Implémentation de la méthode interne
5.4.3 Mise en œuvre de méthodes externes
__5.4.4 Configuration des données d'exemple
__5.4.5 Code complet
5.5 Implémentation du composant Mémo
__5.5.1 Mise en œuvre de la mise en page des notes
5.5.2 Implémentation d'une requête de liste de mémos
5.5.3 Mise en œuvre de l'insertion de notes
5.5.4 Mise en œuvre de la consultation et de la modification détaillées des notes de service
__5.5.5 Mise en œuvre de la suppression des notes
5.6 Résumé

▣ Chapitre 6 : Notions de base du backend à connaître avant le développement

6.1 Types de serveurs
6.1.1 Serveur Web
6.1.2 Serveur d'applications Web
6.1.3 Serveur de base de données
6.2 Qu'est-ce que SQL ?
__6.2.1 SÉLECTION
__6.2.2 INSÉRER
Mise à jour 6.2.3
__6.2.4 SUPPRIMER
6.3 Qu'est-ce que MVC ?
6.4 Absence d'état et sessions en HTTP
__6.4.1 Conversation étrange
__6.4.2 Qu'est-ce qu'une session HTTP ?
__6.4.3 Fonctions du personnel de Wikiworld
__6.4.4 Tâches du serveur
6.4.5 Limitations des sessions HTTP
6.5 Qu'est-ce qu'un jeton ?
__6.5.1 Qu'est-ce qu'un jeton ?
__6.5.2 Qu'est-ce que JWT ?
6.5.3 Renifler
6.5.4 Durée de validité
__6.5.5 Jeton d'actualisation
6.6 Résumé

▣ Chapitre 7 : Spring Boot pour le développement backend

7.1 Qu'est-ce que le framework Spring ?
7.1.1 La naissance du cadre Spring
__7.1.2 Spring MVC
__7.1.3 Démarrage Spring
7.2 Qu'est-ce qu'un conteneur à ressort ?
__7.2.1 Qu'est-ce qu'une dépendance ?
__7.2.2 Qu'est-ce que l'injection de dépendances ?
__7.2.3 Exemple d'injection de dépendances
__7.2.4 Conteneur à ressort
7.3 Annotations clés dans le framework Spring
__7.3.1 @Contrôleur
__7.3.2 @RestController
__7.3.3 @RequestMapping
__7.3.4 @GetMapping
__7.3.5 @PostMapping
__7.3.6 @PutMapping
__7.3.7 @RequestBody
__7.3.8 @SupprimerMapping
__7.3.9 @Service
__7.3.10 @Composant
__7.3.11 @Transactionnel
7.4 Outils périphériques du framework Spring
7.4.1 Traitement de la base de données comme un objet, Spring Data JPA
7.4.2 Gestionnaire de modules, Gradle
7.4.3 Lecture intuitive de code long, Lombok
7.5 Résumé

▣ Chapitre 8 : Créer un environnement propice au développement d’un centre commercial-galerie

8.1 Installation de MariaDB
8.1.1 Installation sous Windows
8.1.2 Installation sur macOS
Installation du JDK 8.2
8.2.1 Installation sous Windows
8.2.2 Installation sur macOS
8.3 Création d'un projet backend Spring Boot
8.4 Création d'un projet front-end avec Vite
8.5 Paramètres de la base de données
8.6 Paramètres du module
8.7 Paramètres d'image
8.8 Organisation des fichiers et du code
8.9 Résumé

▣ Chapitre 9 : Développement backend pour un centre commercial galerie

9.1 Travaux préparatoires
Ajout du package __9.1.1
__9.1.2 Ajout d'un utilitaire HTTP
9.2 Implémentation de l'API produit
__9.2.1 Création d'un tableau de produits
__9.2.2 Création d'une entité produit
__9.2.3 Création d'un référentiel de produits
9.2.4 Mise en œuvre du service produit
9.2.5 Mise en œuvre du contrôleur de produit
9.3 Implémentation de l'API de compte
__9.3.1 Création d'une table de membres
__9.3.2 Création d'une entité membre
__9.3.3 Création d'un référentiel de membres
__9.3.4 Mise en œuvre du service aux membres
__9.3.5 Mise en œuvre d'un contrôleur de compte
9.4 Implémentation de l'API du panier d'achat
__9.4.1 Création d'un tableau de panier d'achat
__9.4.2 Création d'une entité Panier d'achat
__9.4.3 Création d'un référentiel de panier d'achat
__9.4.4 Mise en œuvre du service de panier d'achat
__9.4.5 Implémentation du contrôleur de panier d'achat
9.5 Mise en œuvre de l'API de commande
9.5.1 Création d'un tableau de commandes
__9.5.2 Création d'une entité de commande
__9.5.3 Création d'un référentiel de commandes
__9.5.4 Mise en œuvre du service de commande
__9.5.5 Mise en œuvre du contrôleur de commandes
9.6 Résumé

▣ Chapitre 10 : Développement front-end d’un centre commercial galerie

10.1 Implémentation de la mise en page
__10.1.1 Implémentation du composant d'en-tête
__10.1.2 Implémentation du composant Pied de page
__10.1.3 Mise en œuvre dans la zone principale
10.2 Mise en œuvre des fonctions du compte
__10.2.1 Mise en œuvre du service de compte
__10.2.2 Mise en œuvre du magasin de comptes
10.2.3 Mise en place d'une page d'inscription des membres
10.2.4 Mise en œuvre de la page de connexion
10.3 Mise en œuvre des fonctionnalités du produit
__10.3.1 Implémentation du composant Fiche produit
10.3.2 Mise en œuvre du service produit
__10.3.3 Mise en œuvre de la page Liste des produits
10.4 Implémentation de la fonction Panier d'achat
__10.4.1 Mise en œuvre du service de panier d'achat
10.4.2 Application de la fonction panier d'achat
__10.4.3 Mise en œuvre de la page du panier d'achat
10.5 Mise en œuvre de la fonction de commande
10.5.1 Mise en œuvre du service de commande
10.5.2 Mise en œuvre de la page de saisie des commandes
__10.5.3 Mise en œuvre de la page Liste des commandes
__10.5.4 Mise en œuvre de la page de demande de détails de commande
10.6 Résumé

▣ Chapitre 11 : Amélioration des fonctionnalités de l’application de centre commercial Gallery

11.1 Amélioration du contrôle d'accès par l'application d'intercepteurs
__11.1.1 Problèmes survenant lors de l'accès à l'API sans autorisation
__11.1.2 Qu'est-ce qu'un intercepteur à ressort ?
__11.1.3 Application de l'intercepteur à ressort
__11.1.4 Vérification du fonctionnement de l'intercepteur à ressort
__11.1.5 Qu'est-ce qu'un intercepteur Axios ?
__11.1.6 Implémentation de la bibliothèque avec l'intercepteur Axios appliqué
__11.1.7 Vérifier la fonction d'interception Axios
11.2 Fonctionnalité de connexion améliorée grâce à l'application de jeton
__11.2.1 Problèmes actuels de connexion
__11.2.2 Installation des modules de dépendance
__11.2.3 Ajout de méthodes utilitaires HTTP
__11.2.4 Ajouter des constantes de compte
__11.2.5 Implémentation de la fonction de blocage des jetons
__11.2.6 Implémentation des fonctionnalités de jeton
__11.2.7 Implémentation d'un assistant de compte de jetons
__11.2.8 Correction du contrôleur de compte
__11.2.9 Application des jetons à l'interface utilisateur
__11.2.10 Vérifier la fonction de connexion
11.3 Amélioration de la sécurité par le chiffrement et le hachage
__11.3.1 Qu'est-ce que le chiffrement ?
11.3.2 Application du chiffrement
__11.3.3 Qu'est-ce que le hachage ?
__11.3.4 Application du hachage
11.4 Amélioration de la qualité par la validation
__11.4.1 Validation de la connexion
11.4.2 Validation de l'inscription des membres
__11.4.3 Validation de la saisie des commandes
__11.4.4 Validation de l'ajout au panier
11.5 Amélioration de la commodité grâce à la pagination
11.5.1 Saisie des données de commande
__11.5.2 Modification du code backend
__11.5.3 Modifications du code frontal
__11.5.4 Vérifier la fonction de pagination
11.6 Résumé

▣ Chapitre 12 : Déploiement de l’application de centre commercial Gallery sur AWS

12.1 Élaboration du projet
__12.1.1 Construction du projet Front-End
__12.1.2 Déplacement des fichiers de compilation du front-end
__12.1.3 Automatisation du déplacement des fichiers de compilation front-end
__12.1.4 Améliorations et compilation du code backend
__12.1.5 Vérification et résolution des problèmes liés au backend
__12.1.6 Construction du projet backend
12.2 Création d'une instance AWS EC2
__12.2.1 Création d'un compte
__12.2.2 Création d'une instance
__12.2.3 Connexion SFTP
__12.2.4 Connexion SSH
12.3 Création d'un environnement de service
Installation du JDK __12.3.1
__12.3.2 Installation de MariaDB
__12.3.3 Installation du serveur web NGINX
12.4 Accès à distance aux bases de données
12.4.1 Ajout d'une source de données
__12.4.2 Ajout de règles de pare-feu AWS
__12.4.3 Modifier les paramètres de MariaDB
__12.4.4 Test d'accès à distance
__12.4.5 Création d'une table dans une base de données distante
12.5 Déploiement d'applications
__12.5.1 Créer un répertoire
__12.5.2 Téléverser les fichiers de compilation
__12.5.3 Exécuter le fichier de compilation
__12.5.4 Proxy inverse
12.6 Résumé

▣ Annexe : Installation et utilisation de base des programmes d’exercices

A.1 IntelliJ IDEA Community Edition
__A.1.1 Installation sous Windows
__A.1.2 Installation sur macOS
__A.1.3 Changer le thème
__A.1.4 Exécution d'un projet Spring Boot
A.2 Code Visual Studio
__A.2.1 Installation sous Windows
__A.2.2 Installation sur macOS
__A.2.3 Exécution d'un projet Vue
A.3 DBeaver
__A.3.1 Installation sous Windows
__A.3.2 Installation sur macOS
__A.3.3 Exécution de requêtes sur le serveur de base de données
A.4 PuTTY
__A.4.1 Installation sous Windows
__A.4.2 Connexion à un serveur AWS EC2 avec PuTTY
__A.4.3 Connexion à un serveur AWS EC2 à l'aide du terminal macOS
A.5 FileZilla
__A.5.1 Installation sous Windows
__A.5.2 Installation sur macOS
__A.5.3 Téléchargement des fichiers de compilation sur les serveurs AWS EC2

▣ Références

Livres
site web

★ Ce que ce livre aborde ★

◎ Connaissances de base du développement front-end et back-end
◎ Comment utiliser différentes bibliothèques et frameworks open source
◎ Connaissances de base de Vue 3
◎ Développement d'une application de prise de notes avec Vue 3
◎ Développement et déploiement d'une application de centre commercial utilisant Vue 3 et Spring Boot
◎ Connaissances de base de Spring Boot
◎ Développement d'API HTTP avec Spring Boot
◎ Connaissances de base des bases de données et de Spring Data JPA
◎ Création et exploitation d'un environnement EC2 sur AWS
◎ Comment utiliser différents outils de développement