Full Stack Project: Spring Boot 2.0, ReactJS, Redux [Udemy] [Agile Intelligence]

Full Stack Project: Spring Boot 2.0, ReactJS, Redux [Udemy] [Agile Intelligence]

Язык: English

Чему вы научитесь

• 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

Содержание курса ↓

Спойлер: Introduction

Introduction	49:55
Introduction	03:42
IMPORTANT: BROWSERS FOR THIS COURSE	00:35
App Demo (Prototype)	13:45
IMPORTANT: Demo of the App we built in the course!	09:14
WATCH BEFORE YOU BUY: Requirements, IDEs, Support	15:41
WATCH BEFORE YOU BUY: Info on course delivery and Reviews and Ratings	03:13
5+ Hours of FREE Content	03:45

Спойлер: Spring Backend - Basic CRUD Operations - Project

Spring Backend - Basic CRUD Operations - Project	02:12:15
***IMPORTANT*** PLEASE USE JAVA 8	01:19
Folder Structure and Github setup	15:42
Project Object & Project Repository- branch1	10:08
Project Service & Project Controller | Create first project - branch2	15:03
Set up project object validation - branch3	08:15
Project Object Validation part1 - branch4	07:20
Project Object Validation part2 - branch5	14:17
Refactor Project Controller ->branch6	08: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

Спойлер: React & Redux Front-end: Project CRUD Operations

React & Redux Front-end: Project CRUD Operations	05:38:05
Introduction to React and Redux	07:24
Set up development Environment for React Development	07:47
Create and review Boiler Plate react app -> branch11	09: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

Спойлер: Add Project Tasks - Backend

Add Project Tasks - Backend	03:14:36
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

Спойлер: Add Project Tasks - React / Redux

Add Project Tasks - React / Redux	03:51:07
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

Спойлер: Secure our App: Spring Security + JWT

Secure our App: Spring Security + JWT	04:20:19
Intro to Spring Security Section	11:47
IMPORTANT: New to Spring Security?	00:34
IMPORTANT: New to JWTs?	00: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

Спойлер: Secure our React App

Secure our React App	03:45:43
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

Спойлер: Deploy to Heroku

Deploy to Heroku	01:12:45
MUST READ: REQUIREMENTS FOR THIS SECTION	00:06
Step 1 - Connect Spring boot api to Clear DB	24:55
YOU NEED THIS FOR STEP 2	00:09
Step 2 - Deploy the Back-end to Heroku	11:09
Step 3 - Deploy with React build	16:23
POLYFILL CDN FOR STEP 4	00:07
Step 4 - Fix app to work with Internet explorer 11	19:55

Требования

• 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)

Описание курса

Спойлер: Описание

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.