FULL STACK JAVA-ANGULAR 14 [Français] : Back et Front End

Name: FULL STACK JAVA-ANGULAR 14 [Français] : Back et Front End
Rating: 3.8 (18 reviews)

Full-Stack Java-Angular,Spring Boot[Rest API],NodeJs[Npm],rxjs,TypeScript,JPA,Maven,H2,IDE[Eclipse,Intellij,Vs Code]

Created byBI/DATA/JAVA |FORMATION IT DATA[Intégration,Visualisation], Développement Web

Last updated 6/2024

French

What you'll learn

L'initialisation d'un projet en Spring Boot et Angular
Création de WEB services REST FULL avec Spring REST API
Créer votre premier site web en mode FULL STACK grâce à Spring Boot et Angular
Connecter un BackEnd et utilisés les expositions de services coté Front Angular 14
Utilisation de base de données mémoire H2 et PostgreSql
Utilisation du Framework JPA et Hibernate pour la persistance des données en BDD(PostgreSql , H2)
Utilisation de node JS et Npm
Utiliser maven
Sécuriser les appels de service FRONT-BACK
Savoir mettre en place une Authentification JWT TOKEN
Débuguer le Front en ANGULAR
Migrer une version de java (JAVA 8 vers JAVA 17)

Course content

6 sections • 80 lectures • 16h 16m total length

Introduction6:16
Contexte et architecture globale simplifiée8:29

C'est quoi Spring Boot8:39
Initialisation de notre premier projet en Spring Boot avec API REST14:28
Import projet, configuration Eclipse et lancement de l'application15:01
Import projet ,configuration et lancement avec Intellij14:57
application.properties avec la visualisation de la console en mode debug13:53
Mise en place du modèle(Entity) et du repository (partie 1)14:56
Mise en place du modèle(Entity) et du repository (partie 2)14:42
REST FUL Service définition6:22
Mise en place du Controller et création de la méthode GET14:23
Testé une méthode de service avec Postman8:02
Récupérer les données avec la méthode GET de Spring Boot13:22
Utilisation d'Optional de java 8 , Gestion des exceptions et HttpStatus12:22
Publier les données en BDD H2 grâce la méthode de service POST de Spring Boot14:59
Suppression de données grâce la méthode DELETE de Spring Boot14:03
Mise à jour de données grâce à la méthode PUT de Spring Boot13:14

Bien débuter avec Angular, Angular CLI et Node.JS6:07
Architecture d'Angular et commandes utiles9:02
Vérifier NodeJS et installer Angular CLI7:13
Création et lancement du projet coté client Front , utilisation de npm14:07
Extensions nécessaires à Vs code2:46
Présentation de la structure d'un projet en Angular Partie(1)14:20
Présentation de la structure d'un projet en Angular Partie(2)13:27
Création de composant et de son module pour la bar "Menu"14:44
Utilisation des "selector" dans le cadre des affichages7:22
Installer Bootstrap, et afficher la bar de "menu" du site10:08
Data binding9:24
Routage (partie 1)15:01
Routage (partie 2)15:01
Création de service de récupération de données15:20
Récupération de données et injection de service dans un composant(1)15:01
Service de données , utilisation de directives:"*ngFor", gestion des erreurs14:51
Connecter le Back et le Front end pour exploiter les données9:18
Data binding évènement ==>(click)="" et Data binding de propriétés15:01
Utilisation de paramètre de récupération de données(1)14:54
Utilisation de paramètre de récupération de données(2)15:01
Utilisation de paramètre de récupération de données(Fin)8:47
Protéger les routes grâce aux "guards"15:01
Pipe de transformation des données et l'élément de propriété DOM [outerHTML]15:01
Débuguer en Angular13:55
Ajout d'un filtre de recherche, et Data binding Two Way(1)14:13
Ajout d'un filtre de recherche, et Data binding Two Way(2)7:14

Formulaire d'ajout utilisateur15:11
Formulaire et la notion de data binding two way13:38
Validé un formulaire : Evènement de validation (ngSubmit) et propriété ngForm14:49
Validé un formulaire: Gestion des messages d'avertissements avec les formulaires14:38
Validé un formulaire : Ajouté une fonction de suppression13:12
Validé un formulaire : Mise à jour de données14:56
Librairie Rxjs , propriété de selection du DOM avec les données asynchrones15:01
CSS personnalisé par composant et contrôle particulier d'un champ de formulaire15:01
Sécurité: Ajout d'un composant de Connexion et Déconnexion14:52
Sécurité : Connexion et stockage de données en session15:00
Sécurité : Déconnexion, suppression de données en session et restriction d'accès13:45
Configurer l'affichage d'une erreur en cas de mauvaise saisie dans L'URL7:01
Utilisation du décorateur @Input14:41
Utilisation du décorateur @Output12:14

Compiler le Projet Back end et Front sous Intellij7:02
Migrer de java 8 vers Java 17 et faire la mise à jour de Maven vers 3.9.69:39
Configurer une connexion pour pointer vers PostgreSQL14:08
Configurer une Authentification Basique avec Spring Security9:11
Configurer les classes pour la génération de TOKEN12:42
Fonctionnement des classes de génération de TOKEN13:54
Définir les stratégies de chargement de données entre les entités14:57
Création des repository , notion de serializable sur les entités13:08
Créer une classe de service pour le contrôle de l'authentification des Users14:45
Implémenter une classe de génération de TOKEN15:14
Tester la génération du Token via Postman13:24
Générer un Token avec contrôles des Autorisations14:57
Vérifier les accès aux urls (Token) via postman7:55
Configurer un appel de service d'authentification depuis le Front14:57
Authentification Front via le mécanisme de Token7:25
Sécuriser les urls du Front pour les appels vers le Back10:40
Mise en place d'un intercepteur HTTP pour la sécurité des appels via le Token11:47
Angular : Afficher et cacher le mot de passe12:01
Mise en place de Filtres Maven selon les environnements (DEV,PP,PROD...)15:01

Requirements

Avoir des notions en programmation est requise
Avoir des connaissance en Java et du Framework Maven
Avoir des notions en Angular (Pas obligatoire)
Avoir des notions en SQL et sur les SGBD
Avoir une bonne connaissance en HTML et CSS avec Bootstrap

Description

Bienvenue dans ce cours ou vous apprenez à devenir développeur Full Stack en Spring Boot service Rest Api et Angular 14 .

Avec l'évolution des nouvelles technologies (Développements web applicatifs) , nombreuses sont les entreprises et ESN qui sollicitent les développeurs Full Stack , notamment en Java - Angular ou encore en Java - React.

Java est un langage de programmation de plus en plus demandé sur le marché de l'Informatique, que cela soit en France ou ailleurs dans le monde.

Angular est un Framework côté client Front, open source, basé sur TypeScript . C'est est une réécriture complète d'AngularJS qui vous permet de bien utilisé les composants de votre application.

De nos jours, rare sont les développeurs ayant une double casquette de développeur Back et Front .

Par conséquent , avoir une compétence supplémentaire en développement Front avec Angular est très apprécié par les recruteurs , et serait pour vous un atout incontournable pour créer la différence et être compétitif sur le marché.

Vous avez un minimum en Java et n'avez pas de compétences en Angular , ou vous avez besoin de bien révisez votre cours pour aller plus loin, pas de problème ce cours est fait pour vous .

Dans ce cour :

Vous apprendrez les bases du développement Web complet en développant une application de gestion des utilisateurs à l'aide Spring Boot et Angular ;
Vous construirez votre application gestion des utilisateurs étape par étape(Je vous fournis tous les codes sources en HTML pour mieux comprendre avec moi);
Vous utiliserez Angular (Frontend Framework), TypeScript Basics, Angular CLI , Spring Boot (REST FULL API Framework),
Vous utiliserez Maven (gestion des dépendances), Node (npm), Visual Studio Code (TypeScript ), IDE (Intellij et Eclipse) et Tomcat Embedded Web Server;
Vous utiliserez une base de données mémoire H2 pour valider la persistance de données avec JPA(Java Persistance Api);
Vous Utiliserez Postman dans le cadre du test de Services.

Bonne Formation !

Best Regards

Who this course is for:

Passionnés de la programmation en Informatique
Chef de projet dans le domaine du développement d'application web
Ingenieurs études et développements

FULL STACK JAVA-ANGULAR 14 [Français] : Back et Front End

What you'll learn

Explore related topics

Course content

INTRODUCTION2 lectures • 15min

MISE EN PLACE DES ENVIRONNEMENTS4 lectures • 29min

PARTIE BACK END : CREATION D'UN PROJET AVEC SPRING BOOT REST API15 lectures • 3hr 13min

PARTIE FRONT END : CREATION D'UN PROJET EN ANGULAR26 lectures • 5hr 12min

FRONT END : UTILISATION DES FORMULAIRES DE VALIDATION DE DONNEES14 lectures • 3hr 14min

SECURISER L'APPLICATION VIA JWT (JSON WEB TOKEN )19 lectures • 3hr 53min

Requirements

Description

Who this course is for: