Name: Full Stack Project: Spring Boot 2.0, ReactJS, Redux
Rating: 4.5 (1293 reviews)

What you'll learn

Create a RESTful API with Spring boot
Secure a RESTful API with Spring Security and JWT web token
Create a web application with React
Consume a RESTful API with React/Redux
Deploy to Heroku

Requirements

Practical knowledge of the Java language syntax
Previous hands on experience with basic CRUD operations using the Spring framework, JPA, MySQL
Hands on experience developing and running Spring CRUD applications with one of the following IDE's: STS, IntelliJ, Eclipse
Familiarity with HTML, CSS, and JavaScript (ES6 Syntax is important)
Have local environment set up for Spring Framework - Spring boot development (Java 8, Maven, MySQL, MySQL Workbench)

Description

If you know the basics of java and the spring framework, the next thing to do is to keep on practicing! Building apps with real life features is a great next step in your journey to becoming a developer. The main benefits of this is that it sharpens your skills and helps you build your portfolio for prospective employers. In this course, we will build a prototype of a personal project management tool using Spring boot 2.0 in the backend, ReactJS and Redux on the front end.

These are some of the cool things we will work on:

We will build our REST APIs with Spring boot for CRUD operations

We will create our front end using ReactJS and Boostrap

And will use Redux and Thunk to manage the state of our application in the front-end

We will secure our application using JWT tokens

Last but not least we will deploy our application to Heroku’s free tier. This is a great opportunity to get practical experience with two amazing technologies that are highly desirable by prospective employers.

Who this course is for:

Students who have had hands on experience with the basics of Java and the Spring Framework looking to grow their new skills

8 sections • 110 lectures • 24h 51m total length

Preview03:42
Preview00:35
Preview13:45
Preview15:41
Preview01:17

Preview01:18
Preview15:42
IMPORTANT - READ THROUGH: About H2 Database
00:48
Preview10:08
Preview15:03
Preview08:15
Preview07:20
Preview14:17
Preview08:43
Custom Exceptions for Unique Project Identifiers -> branch7
19:04
Find Project by Identifier - branch8
14:37
Find All Projects -> branch9
05:13
Delete an existing project -> branch10
08:14
Update an existing project
04:20

Preview07:24
Preview07:47
Preview00:23
Preview09:22
first react component - branch12
10:35
Project and header components - branch13
08:03
Bringing Bootstrap 4+ - branch14
05:13
Style our Dashboard, Navbar, ProjectItem - branch15
10:32
React Router, first Functional component - branch16
16:13
AddProject Component - controlled form - branch 17
23:09
IMPORTANT: React + Redux Architecture and Support
14:49
Create Redux Store - branch18
19:56
Create Project from React - branch19
25:51
Get validation errors from Redux - branch20
19:16
Style validation errors with classnames - branch21
12:19
Get Projects - redux only - branch22
18:59
Get Projects - final step - branch23
23:02
"Update Project" use case architecture
06:21
Update Project form and route
12:17
Get Project by Id, Update use case part 1 - commit id: b13741f
19:17
Persist Project Object Updates - branch26
17:55
Handle Errors in UpdateProject.js - branch27
12:56
***BUG FIX*** Strange Update Behaviour
04:07
"Delete Project" Architecture
02:10
Delete an existing project - branch29
24:35
Refactor Delete Operation and Proxy
05:57

Backlog and ProjectTask Entities - branch31
15:52
Entity Relationships: Project and Backlog - branch32
19:36
Backlog - ProjectTask relationship - branch33
07:19
Design discussion around creating a Project Task
09:57
Persist Project Task (Bug fix pending: setPriority) - branch34
20:15
***BUG FIX*** ProjectTask priority, projectIdentifier, PTSequence - branch35
06:46
Get Project Backlog (happy path) - branch36
16:10
***SET UP THE PROJECT TO USE MYSQL, NO MORE H2!***
05:40
Handle Project Not Found Exception / Project Tasks-branch37
23:28
Find ProjectTask by projectSequence (happy path)-branch38
15:46
Find ProjectTask by projectSequence w/Validation - branch39
11:38
Update project task (happy path)-branch40
12:45
Finish up with update validation and delete - branch41
19:19
***BUG FIX*** delete operation, improved backlog/project task rel - branch42
10:05

Intro to Section, Demo of what we are implementing
03:23
***BUG FIX*** Import error in Backlog reducer - branch43
00:16
Types and Reducers for Project Tasks - branch43
08:16
Section designs and Folder Structure - branch44
05:24
Routes to ProjectBoard and AddProjectTask - branch45
21:19
AddProjectTask action ( :)path) AddProjectTask form controlled part 1 -branch46
19:04
AddProjectTask action ( :)path) AddProjectTask form controlled part 2 -branch47
12:18
Finish AddProjectTask action, handle errors part3 - branch48
10:11
Set up ProjectBoard, Backlog, ProjectTask components - branch49
08:21
Load ProjectTasks to the state - branch50
12:03
Load Project Tasks to UI step 1 - branch51
08:42
Organize Project Tasks by status and priority - branch52
15:35
ProjectBoard Algorithm - branch53
18:24
update Project task part 1 - branch54
25:34
Update Project task part 2 - branch55
22:01
Update Project task part 3- branch56
23:44
Delete Project Task - branch57
16:32

Intro to Spring Security Section
11:47
Preview00:34
Preview00:33
Initial Security Config - branch59
22:38
Create User Object, Validation, Repository, Service - branch60
10:28
User registration part 1 - branch61
19:44
User registration part 2 - branch62
08:59
User registration part 3 - branch63
10:02
JWT Provider pre-work - branch64
27:12
Token Generated!!! - branch65
22:52
Custom JWT filter to use our tokens - branch66
28:24
One: User to Many: Projects - branch67
12:39
Lock operations to specific User (Read and Delete) - branch68
17:57
Lock operations to specific User (Update) - branch69
26:04
User specific Create and Read Ops for Project Tasks - branch70
20:34
Find, Update, Delete Project task with Security - branch71
19:51

Intro to Securing the React App, Security Components -branch72
21:37
User registration happy path - branch73
28:05
User registration with validation- branch74
11:05
SecurityActions and SecurityReducer - branch75
26:26
Login form - branch76
22:14
Handle Login logic - branch77
21:59
Handle routing for expired token - branch78
19:27
Dynamic header based on security state - branch79
18:32
Lock public routes when logged in - branch80
16:34
SecuredRoutes - branch81
17:17
Bug Fixes
22:27

Agile Intelligence

Practical projects for emerging talent!

4.5 Instructor Rating
1,331 Reviews
8,304 Students
2 Courses

We help students to grow beyond the fundamentals by working on projects that will help them gain:

Practical Experience: project-based learning, always. Spice up your portfolio

By Implementing:

Real use-cases: build tools to support the software development process – Tools that you, as a developer, would use, and…

To motivate them to:

Grow beyond the course: build tools that sparks the “This tool could also…” creative mindset. Get additional practice by adding your own features

Full Stack Project: Spring Boot 2.0, ReactJS, Redux

What you'll learn

Requirements

Description

Who this course is for:

Course content

Introduction5 lectures • 35min

Spring Backend - Basic CRUD Operations - Project14 lectures • 2hr 13min

React & Redux Front-end: Project CRUD Operations26 lectures • 5hr 38min

Add Project Tasks - Backend14 lectures • 3hr 15min

Add Project Tasks - React / Redux17 lectures • 3hr 51min

Secure our App: Spring Security + JWT16 lectures • 4hr 20min

Secure our React App11 lectures • 3hr 46min

Deploy to Heroku7 lectures • 1hr 13min

Instructor