Mise à jour Juillet 2022 : Utilisation de la dernière version de Spring BOOT 2.7.1 et React 18

Ce cours, à travers le développement pas à pas d'une application d'emprunt de livre nommée "Sharebook", va vous permettre de mettre en pratique et comprendre à la fois la partie "backend", c'est à dire les traitements côté serveur, que "frontend", c'est à dire la partie visuelle de notre application.

Chaque session a un lien direct vers le code source concerné, afin de voir pas à pas si votre code est le bon. De plus, à la fin, on verra comment déployer notre application dans Azure! Bref la panel est large, et c'est le but de cette formation : vous faire appréhender toutes les briques essentielles du développement d'une Application Web moderne, avec les framework les plus utilisés en entreprise, SPRINGet REACT.

La partie Backend, couvrira les aspects suivants :

- le framework SPRING CORE pour le fonctionnement de Spring;

- le framework SPRING MVC pour le développements de Web Services REST;

- le framework SPRING DATA pour interroger une base de données sans écrire de SQL (des notions de SQL sont les bienvenues cependant :)

- le framework SPRINGSECURITY pour sécuriser notre application;

Mais ce cours couvre également la partie frontend, avec la mise en place d'une interface de type SPA (Single Page Application) moderne avec le framework React.

Ainsi on découvrira :

- la librairie React pour le développement frontend, avec notamment les principes fondamentaux de React que sont les props, le state, JSX, etc.

- les fondamentaux de Javascript à connaitre;

- Mettre en forme l'application avec Bootstrap

- L'appel au Backend et les APIs qu'on aura développées ensemble, grâce à la librairie Axios et aux promesses Javascript;

- un aperçu de React-Bootstrap pour simplifier le coding de composants Bootstrap

Enfin pour le déploiement dans Azure, on étudiera :

- Azure App Services qui hébergera notre applicationSharebook;

- Azure Vault pour stocker les informations secrètes;

- Github Actions pour déployer notre code;

- Un aperçu de la base de données Oracle dans le Cloud;

Bref, le périmètre que l'on va couvrir est très large! De plus, L'accent est mis sur le coding, car c'est à mes yeux la meilleure façon d'apprendre. Ainsi pour chaque leçon, vous aurez directement accès au code concerné en cliquant sur le lien Ressources de la vidéo concernée. C'est un vrai plus pour vérifier que votre développement est correct!

Vous aurez un aperçu de beaucoup de technologies donc, sans rentrer en profondeur au vue du large éventail que l'on couvre. Néanmoins, vous aurez une solide connaissance des différentes briques pour le développement d'une application WEB moderne, afin de vous orienter plutôt vers la partie backend avec Java, et Spring ou le frontend avec Javascript et React. Mais vous pouvez aussi faire le choix que j'ai fais et être un développeur Fullstack, capable d'intervenir à la fois côté Front que côté Back.

Information importante!

Vous aurez accès au code concerné pour chaque vidéo, afin de vérifier que le code que vous avez développé est bien le bon. Dans le cours, pour la vidéo concernée, cliquez sur Ressources et sur le lien Code qui s'affiche; Vous serez directement redirigé sur le commit GIT concerné (sur le site Github) par la vidéo.

Ce cours est régulièrement mis à jour afin de vous faire profiter des derniers avancements des technologies utilisées.

Mises à jour du cours:

07/2022:

- Revue complète de la Section 4 - Sécurité suite à la mise à jour de la dernière version Spring-Boot vers 2.7.1;

- Modifications Front suite au passage à React 18;

- Token JWT stocké dans le local Storage du navigateur, et transmis par Header Authroization (et non plus par Cookie);

- Amélioration du Swagger (ajout bouton Authorize pour mettre un token JWT)

04/2022:

- Nouvelle section 13/ Déploiement dans le Cloud avec Azure;

- Spring Boot vers 2.6.6, React-Router 6.3.0, Node 16.14.2, React 18

01/2022:

- Upgrade versions Spring Boot 2.6.2, Node LTS 16, create react app 5.0, react-router 6.2.1, axios 0.24.0;

- Lien au code source Github à chaque session (vidéo) plutôt que chaque section;

- Mise à jour des vidéos relatives à React-Router (nombreux changements);

- Mise à jour de l'ensemble du code source sur mon github

09/2021

- Upgrade versions Spring Boot 2.5.4, Node 14.18.0, React 17.0.2, Boostrap 5

06/2021

- Ajout vidéo 56 suite à la mise à jour de Spring Boot (initialisation base de données), activation Swagger avec Spring Security