Tutorialspoint
Subscription Includes
 04:54:09 of High Quality Videos
 67  Lectures
 Full Lifetime Access
 Certificate on Completion
$ 130   9.99

React Full Stack Web Development With Spring Boot

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

Created by Senol Atac, Last Updated 30-Oct-2019, Language:English

What Will I Get ?

  • Full Stack Development
  • React, React Architecture, Example React Implementation
  • Spring Boot, String Boot Model View Controller Structure
  • Liquibase Example Cases

Requirements

  • Basic Java Knowledge
  • Basic Javascript Knowledge

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 examle project will be product management system.

Who this course is for:

  • All developers curious about React and Spring Boot

Course Content

  • Introduction 4 Lectures 00:10:03

    • Prerequest Of Application

    • Spring Boot And React Overview

      Preview
      00:05:17

    • Architecture Of All System - Overview

      Preview
      00:04:46

    • Source Code

  • Preparation For Server Side - Intellij, Lombok, Spring Boot... 5 Lectures 00:17:48

    • Prerequests

      Preview
      00:04:01

    • Open Demo Project In Intellij

      Preview
      00:03:07

    • Install And Enable Lombok

      00:01:20

    • Lombok Overview

      00:01:38

    • Spring Boot Overview - Basic Annotations, Dependency Injection...

      00:07:42
  • Server Side - Spring Boot 34 Lectures 02:21:17

    • Source Code For Server Side

    • Server Side Overview

      00:02:14

    • Installation - Spring Initializer

      00:02:30

    • Configuration - Application Properties

      00:06:46

    • Entity Diagram

      00:03:25

    • Hibernate Overview - Basic Annotations

      00:04:00

    • User Model Class

      00:03:19

    • Create Product Model Class

      00:02:06

    • Create Transaction Model Class

      00:03:07

    • Liquibase Overview

      00:03:20

    • Implement Liquibase Changes For User

      00:04:10

    • Implement Liquibase For Product And Transaction

      00:04:25

    • JPA (Java Persistence API) Repository Overview

      00:03:24

    • Create User Repository - JPA Repository

      00:02:21

    • Create Product And Transaction Repository - JPA Repository

      00:01:43

    • User Service Implementation - Spring Service

      00:06:39

    • Product Service Implementation - Spring Service

      00:02:54

    • Transaction Service Implementation - Spring Service

      00:02:19

    • Controller Overview

      00:01:56

    • Rest Controller Overview - Get, Post, Delete, Put, Patch

      00:04:02

    • User Controller Implementation

      00:09:24

    • Admin Controller Implementation

      00:12:31

    • Spring Security - Overview

      00:03:31

    • User Details Service Implementation - Security

      00:04:28

    • Spring Security Default Configuration And Customization

      00:10:40

    • Authentication In Spring Security

      00:03:42

    • Authorization In Spring Security

      00:04:29

    • Web Security Configuration - Spring Security

      00:08:35

    • JSON Web Token (JWT) - Overview

      00:02:58

    • Json Web Token (JWT) Installation And Configuration

      00:02:26

    • Create Json Web Token (JWT) Provider

      00:06:39

    • Create Json Web Token (JWT) Authorization Filter

      00:04:58

    • Test Server Side

      00:02:16

    • Server Side - Build And Run

  • Client Side - React 22 Lectures 02:01:46

    • Source Code For Client Side

    • React Overview - Components, NPM, Basic Syntaxes, One Way Data Flow..

      00:07:34

    • Client Side Overview

      00:02:11

    • Installation - Create-React-App

      00:03:44

    • Configuration

      00:01:27

    • Create Model Classes On React

      00:02:43

    • User Service Implementation

      00:07:14

    • Login Component Implementation

      00:12:40

    • Register Component Implementation

      00:08:04

    • Profile Component Implementation

      00:02:35

    • Home Component Implementation

      00:10:15

    • Product Detail Component Implementation

      00:02:56

    • Admin Service Implementation

      00:03:57

    • Admin Component Implementation

      00:10:57

    • Create User Modal To Edit And To Create User Form

      00:13:49

    • Create Confirmation Dialog As React Component

      00:08:39

    • 404 (Not Found) And 401(Unathorized) Components Implementation

      00:03:25

    • Routers In React - Router Implementation

      00:05:59

    • Authentication Guard Implementation - Router Authorization

      00:04:40

    • Create Template Navigation Bar

      00:06:32

    • Active Tab On Navigation Bar - Current Location Router

      00:02:25

    • Client Side Build And Run

  • Test And Results 2 Lectures 00:03:15

    • Test Application After All Implementations

      00:03:15

    • Source Code Of All System

Senol Atac

More Courses from Senol Atac