React Full Stack Web Development With Spring Boot(Inc. JWT)

Spring Boot, React, Intellij, Java, Mysql, Liquibase, MVC, CRUD, JWT, Full Stack Development, JWT (Json Web Token)

3.95 (73 reviews)
Udemy
platform
English
language
Web Development
category
instructor
React Full Stack Web Development With Spring Boot(Inc. JWT)
414
students
5.5 hours
content
Jun 2023
last update
$49.99
regular price

What you will learn

Full Stack Development

React, React Architecture, Example React Implementation

Spring Boot, String Boot Model View Controller Structure

Liquibase Example Cases

Description

In this course, we will implement example project step by step with using Spring Boot and React. We will create a product management system. And products can be seen and bought by users.

There will be two roles of users. Admin and User.

So we will also go on with role based authentication. To imlement it, we will use Json Web Token (JWT).

To secure login, authentication and authorization, we will use Spring security.

We will go on with two main components. These are client side and server side.

On client side, we will implement example react project.

   - Admin Panel and user operations will be implemented.

On server side, we will implement example spring boot project.

   - Model view controller will be implemented.

   - Liquibase will be implemented for database changesets.

   - Mysql will be used for Database.

   - Json Web Token will be used for role based authentication.


Our example project will be product management system. With this project, we will create an application that contains different pages like Login, Register, Home, Admin, Profile etc. And we will manage all pages one by one. Like you see from page list, we will have different role-based pages like Admin, Profile... so we will also see the role based authentication and authorization or for frontend terminology, it is guards.

Content

Introduction

Prerequest Of Application
Spring Boot And React Overview
Architecture Of All System - Overview
Source Code

Preparation For Server Side - Intellij, Lombok, Spring Boot...

Prerequests
Open Demo Project In Intellij
Install And Enable Lombok
Lombok Overview
Spring Boot Overview - Basic Annotations, Dependency Injection...

Server Side - Spring Boot

Source Code For Server Side
Server Side Overview
Installation - Spring Initializer
Configuration - Application Properties
Entity Diagram
Hibernate Overview - Basic Annotations
User Model Class
Create Product Model Class
Create Transaction Model Class
Liquibase Overview
Implement Liquibase Changes For User
Implement Liquibase For Product And Transaction
JPA (Java Persistence API) Repository Overview
Create User Repository - JPA Repository
Create Product And Transaction Repository - JPA Repository
User Service Implementation - Spring Service
Product Service Implementation - Spring Service
Transaction Service Implementation - Spring Service
Controller Overview
Rest Controller Overview - Get, Post, Delete, Put, Patch
User Controller Implementation
Admin Controller Implementation
Spring Security - Overview
User Details Service Implementation - Security
Spring Security Default Configuration And Customization
Authentication In Spring Security
Authorization In Spring Security
Web Security Configuration - Spring Security
JSON Web Token (JWT) - Overview
Json Web Token (JWT) Installation And Configuration
Create Json Web Token (JWT) Provider
Create Json Web Token (JWT) Authorization Filter
Test Server Side
Server Side - Build And Run

Client Side - React

Source Code For Client Side
React Overview - Components, NPM, Basic Syntaxes, One Way Data Flow...
Client Side Overview
Installation - Create-React-App
Configuration
Create Model Classes On React
User Service Implementation
Login Component Implementation
Register Component Implementation
Profile Component Implementation
Home Component Implementation
Product Detail Component Implementation
Admin Service Implementation
Admin Component Implementation
Create User Modal To Edit And To Create User Form
Create Confirmation Dialog As React Component
404 (Not Found) And 401(Unathorized) Components Implementation
Routers In React - Router Implementation
Authentication Guard Implementation - Router Authorization
Create Template Navigation Bar
Active Tab On Navigation Bar - Current Location Router
Client Side Build And Run

Test And Results

Test Application After All Implementations
Source Code Of All System

Reviews

Wilerson
August 2, 2023
O Curso é ótimo e a didática do professor é excelente, para quem ficou muito tempo sem trabalhar com web vai estranhar tantas ferramentas trabalhando juntas para criar um sistema web, mas é o que tem de mais atual no mercado; The course is great and professor didactic is excelent, the the ones who don't work with web for a long time can not feel confortable with so many tools working together in order to create a web system, but this is what we have more actual in job market.
Andre
December 22, 2021
I learnt many new things and also the thing I really wanted. Now I know how to code a full-stack application with java, react and jwt.
Dhruv
February 22, 2021
Weird to suggest Heidi as workbench. Does not work for Mac. Update the videos. Can use MySQL workbench. Much better
Christian
April 22, 2020
If you just want a solid code base to go off of then this is a good course. If you are looking for something to fully explain how things work and why we use them, this isn't it.
CHARBOUDINE
March 20, 2020
Great ! I followed the course step by step. Everything is well explained. I'm happy the source codes are available and working. Best regards, Safiy
Rodolfo
January 9, 2020
Se requiere tener algo de experiencia previa con la arquitectura y el stack tecnologico empleado para poder seguirlo sin problemas, existen módulos que son abordados sin entrar en detalles como el ciclo de vida de los componentes o del flujo de mensajes, hay muchos espacios de silencios. Lo bueno: Es una rápida introducción a un proyecto full stack, sin entrar detalles, es necesario contar con experiencia para completar el curso por cuenta propia. Lo malo: Para el que tiene experiencia faltan detalles, profundidad en los conceptos, de momento se orienta a la escritura de código sin ningún dialogo.
Greg
January 5, 2020
Far too difficult to follow the instructor due to language/accent. Instructor also offers few explanations around why he is doing what he is doing.

Charts

Price

React Full Stack Web Development With Spring Boot(Inc. JWT) - Price chart

Rating

React Full Stack Web Development With Spring Boot(Inc. JWT) - Ratings chart

Enrollment distribution

React Full Stack Web Development With Spring Boot(Inc. JWT) - Distribution chart

Related Topics

2355814
udemy ID
5/7/2019
course created date
11/22/2019
course indexed date
Bot
course submited by