Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
IT & Software
Other IT & Software
Spring Framework
Full Stack Project: Spring Boot, React, Redux

Full Stack Project: Spring Boot, React, Redux

Loại khoá học: Other IT & Software

Build a Personal Project Management Tool from scratch

image
50.000 VND
185 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

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.

Bạn sẽ học được gì

Yêu cầu

Nội dung khoá học

8 sections

Introduction

6 lectures
Updated version with Spring Boot 3 coming soon (Q2 - 2024)
00:07
Introduction
03:42
IMPORTANT: BROWSERS FOR THIS COURSE
00:35
WATCH BEFORE YOU BUY: App Demo (Prototype)
13:45
WATCH BEFORE YOU BUY: Requirements, IDEs, Support
15:41
REVIEW BEFORE YOU START- Mindset and Course's scope
01:17

Spring Backend - Basic CRUD Operations - Project

14 lectures
***IMPORTANT*** PLEASE USE JAVA 8
01:18
Folder Structure and Github setup
15:42
IMPORTANT - READ THROUGH: About H2 Database
00:48
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

26 lectures
Introduction to React and Redux
07:24
Set up development Environment for React Development
07:47
POTENTIAL ISSUE- create-react-app as of January 2020
00:23
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

14 lectures
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

17 lectures
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

16 lectures
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

11 lectures
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

7 lectures
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

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

Self Driving and ROS - Learn by Doing! Odometry & Control

Self Driving and ROS - Learn by Doing! Odometry & Control

1.599.000 VND
50.000 VND
Practice Exams | AWS Certified Solutions Architect Associate

Practice Exams | AWS Certified Solutions Architect Associate

125 VND
50.000 VND
Ethical Hacking Course by Black Hat Pakistan

Ethical Hacking Course by Black Hat Pakistan

26 VND
50.000 VND
AWS Cloud for beginner (Vietnamese)

AWS Cloud for beginner (Vietnamese)

90 VND
50.000 VND
OpenStack Essentials

OpenStack Essentials

1.499.000 VND
50.000 VND
Java Certification : OCA (1Z0-808) Exam Simulation [2023]

Java Certification : OCA (1Z0-808) Exam Simulation [2023]

1.399.000 VND
50.000 VND
Master Big Data - Apache Spark/Hadoop/Sqoop/Hive/Flume/Mongo

Master Big Data - Apache Spark/Hadoop/Sqoop/Hive/Flume/Mongo

1.049.000 VND
50.000 VND
Reverse Engineering and Malware Analysis Fundamentals

Reverse Engineering and Malware Analysis Fundamentals

1.399.000 VND
50.000 VND
Microsoft Windows Server 2016 Training for Beginners

Microsoft Windows Server 2016 Training for Beginners

1.799.000 VND
50.000 VND
Learn Autocad API with C# - MVVM - WPF

Learn Autocad API with C# - MVVM - WPF

25 VND
50.000 VND
Ultimate AWS Certified Solutions Architect Associate SAA-C03

Ultimate AWS Certified Solutions Architect Associate SAA-C03

185 VND
50.000 VND
Website Hacking / Penetration Testing

Website Hacking / Penetration Testing

95 VND
50.000 VND
10 Sample Exams ISTQB Foundation Level (CTFL) v4.0 [NEW!]

10 Sample Exams ISTQB Foundation Level (CTFL) v4.0 [NEW!]

26 VND
50.000 VND
MongoDB : A Complete Database Administration Course

MongoDB : A Complete Database Administration Course

999.000 VND
50.000 VND
Become Zabbix Administrator For Expert

Become Zabbix Administrator For Expert

799.000 VND
50.000 VND
Learn 5 PLCs in a Day-AB, Siemens, Schneider, Omron & Delta

Learn 5 PLCs in a Day-AB, Siemens, Schneider, Omron & Delta

90 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi