English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 242 lectures (21h 58m) | 10.61 GB
Learn how to build a Full Stack web application with React and Java Spring Boot with this project-focused course.
Learn how to build a Full Stack web application with React and Java Spring Boot.
React and Spring Boot are two of the hottest technologies for developing Full Stack applications.
Knowing how to build Full Stack applications with React and Java Spring Boot can get you a job or improve the one you have. These are hot skills and companies are desperately looking for developers. Some of the highest paying job posting are for Full Stack developers with React and Spring Boot experience.
This course will help you quickly get up to speed with React and Java Spring Boot. I will demystify the technology and help you understand the essential concepts to build a Full Stack application with React and Java Spring Boot.
You will also use modern development tools such as IntelliJ, Visual Studio Code, Maven and npm. All of the projects are based on Maven and npm, so you are free to use any tool that you want.
During the course you will build a full stack web application. You will develop all of the code step by step, so you feel confident developing your own web applications after completing this course!
The course also shows you how to add security to your application. We will use JWT, OAuth2, and OpenID Connect. You will add login/logout features, protect access to sensitive data while handling user roles.
Table of Contents
Introduction
1 Introduction
2 How To Take This Course and How To Get Help
3 Download the Source Code and PDF Files
Library Project – React Front End – Home Page
4 React Project – Home Page – Overview
5 React Project – Home Page – Heros Component Part 1
6 React Project – Home Page – Heros Component Part 2
7 React Project – Home Page – Library Services Component
8 React Project – Home Page – Footer Component
9 React Project – Home Page – Home Page Clean Up
10 React Project – Home Page – Setup Front End Project
11 React Project – Home Page – CSS & Images
12 React Project – Home Page – Bootstrap
13 React Project – Home Page – Navigation Bar Component
14 React Project – Home Page – Explore Top Books Component
15 React Project – Home Page – Carousel Component Part 1
16 React Project – Home Page – Carousel Component Part 2
17 React Project – Home Page – Return Books Component
Library Project – Spring Boot Backend
18 Spring Boot Project Setup Overview
19 Spring Boot – Setup Database
20 Spring Boot – Setup Backend App
21 Spring Boot – Entity Setup
22 Spring Boot – Create New API Interface
23 Spring Boot – Read Only Configuration Overview
24 Spring Boot – Read Only Configuration Setup
Library Project – React Front End – Consume Carousel Book API
25 Overview
26 React Project – Home Page – Setup Book Model
27 React Project – Home Page – UseEffect
28 React Project – Home Page – UseEffect Part 2
29 React Project – Home Page – Loading and Error Renders
30 React Project – Home Page – ReturnBook Props
31 React Project – Home Page – Loading Spinner
Library Project – Search Books Component with Pagination
32 Search Books Component Overview
33 Spring Boot – Find by Title – Search
34 React Project – Find by Title – Search
35 React Project – Alternative Text For 0 Books
36 Spring Boot – Find by Category – Search
37 React Project – Find by Category – Search
38 React Project – Search Books Page
39 React Project – Search Books Page – DOM
40 React Project – Search Book Component – Part 1
41 React Project – Search Book Component – Part 2
42 React Project – Pagination Overview
43 React Project – Pagination Component
44 React Project – Add Pagination to Search Books Page Component – Part 1
45 React Project – Add Pagination to Search Books Page Component – Part 2
Library Project – React Routing
46 React Routing Overview
47 React Router – Installation
48 React Router – Switch and Redirect Routing
49 React Router – NavLinks and Links
50 React Router – CSS to Keep Footer on Bottom of Page
Library Project – React – Book Checkout
51 Book Checkout Component Overview
52 React – Create Book Checkout Page Component
53 React – Checkout Link
54 React – Star Review Component
55 React – Star Review Implementation
56 React – Star Review Logic
57 React – Checkout and Review Box Component
Library Project – Reviews On Book Checkout Page
58 Review Overview
59 Spring Boot – Review Entity
60 Spring Boot – Review DAO
61 Spring Boot – Find Review by ID
62 React – Create the Review Model
63 React – Review useEffect
64 React – Create Latest Reviews Component
65 React – Review Component
66 React – Wrap up Reviews
Library Project – Authentication
67 Security Concepts Overview
68 React – Adding Routes and Security Routes
69 React – Adding Logout Functionality
70 Security Concepts Part 1
71 Security Concepts Part 2
72 React- OIDC Client Setup
73 React – Develop App Configuration
74 React – Download Authentication Dependencies
75 React – Develop Login Widget
76 React – Develop Sign In Widget
77 React – Adding Configurations to our App
Library Project – Home Page Refactor with Authentication
78 Home Page Refactor with Authentication
Library Project – Checkout Book Endpoints
79 Spring Boot – Checkout Entity
80 Spring Boot – Checkout Repository
81 Spring Boot – Book Service Enhancement
82 Spring Boot – Book Controller Enhancement
83 Spring Boot – Book Checkout By User Endpoint
84 Spring Boot – Current Loans Count
React Overview
85 React Overview
Library Project – Spring Boot Security
86 Spring Boot – Install Dependencies
87 Spring Boot – Security Configurations
88 Spring Boot – Application Security Configurations
89 Spring Boot – Access Token Demo
90 Spring Boot – JWT Extraction
91 Spring Boot – JWT Extraction Part 2
Library Project – React Checkout
92 React – Loans Count Setup
93 React – Loans Count useEffect Request Complete
94 React – Is Book Checked Out State
95 React – Is Book Checked Out useEffect
96 React – Dynamic Button Rendering
97 React – Checkout Book Functionality
Library Project – Spring Boot Reviews
98 Spring Boot – Review Repository Enhancement
99 Spring Boot – Review Request
100 Spring Boot – Review Service
101 Spring Boot – Review Controller
102 Spring Boot – Review Endpoint Service and Controller
Library Project – React Reviews
103 React – Review State
104 React – Review useEffect
105 React – Review Render
106 React – Leave a Review
107 React – Optional Description
108 React – Review Request Model
109 React – Submit Review
110 React – Leave a Review Implementation
Library Project – Shelf Page
111 React – Create Shelf Page
112 React – New Loans Component
113 React – Loans useEffect
114 React – Loans Component HTMLCSS
115 React – Loans Component Mobile HTMLCSS
116 React – Loans Modal HTMLCSS
117 Spring Boot – Return Book Service
118 Spring Boot – Return Book Endpoint
119 React – Return Book
120 Spring Boot – Renew Loan Service
121 Spring Boot – Renew Loan Endpoint
122 React – Secure Routes
123 React – Renew Loan
124 React – Navigation Bar Enhancement
125 Spring Boot – Create Response
126 Spring Boot – Current Loans Service
127 Spring Boot – Query Annotation
128 Spring Boot – Current Loans Service Implementation
129 Spring Boot – Controller Endpoint
130 React – Shelf Current Loans Model
Library Project – History Page
131 Spring Boot – History Entity
132 Spring Boot – History Repository
133 Spring Boot – Enhance Book Service for History
134 React – History Model
135 React – History Page
136 React – History useEffect
137 React – History HTMLCSS
138 React – Shelf State
Library Project – Library Services
139 Spring Boot – Message Entity
140 Spring Boot – Message Repository and Security
141 React – Message Component
142 React – Message useEffect
143 React – Message Component HTMLCSS
144 React – Add Link to Library Services
145 Spring Boot – Message Repository
146 Spring Boot – Message Service
147 Spring Boot – Message Controller
148 Spring Boot – Message Security and Testing
149 React – Messages Component
150 React – Message Model
151 React – Post a Question Component
152 React – Post a Question Functionality
Library Project – Admin Services
153 React – Manage Library Page
154 React – Admin Message Component
155 Spring Boot – Admin Question Request
156 Spring Boot – Enhance Messages Service
157 Spring Boot – Enhance Messages Controller Endpoint
158 React – Admin Messages Request
159 React – Submit Response Function
160 React – Wrap up Admin Response
161 React – Secure Routes for Manage Library
162 React – State for Manage Library
163 React – Redirect Implementation for non-Admin
164 Create Admin User
165 Spring Boot – Open Ticket Endpoint
166 React – Admin Messages Component
167 React – Admin Messages useEffect
168 React – Admin Messages HTMLCSS
Library Project – Admin Add new book
169 Spring Boot – Add Book Request
170 Spring Boot – Admin Service Layer
171 Spring Boot – Admin Controller and Security
172 React – Add Book Request Model
173 React – Add Book Component State and HTMLCSS
174 React – Save Image to State
175 React – Submit New Book
Library Project – Admin Change Quantity and Delete Books
176 React – Change Quantity of Books
177 Spring Boot – Delete Book Service
178 Spring Boot – Delete Book Controller
179 React – Add Increase Functionality
180 React – Add Decrease Functionality
181 React – Implementation of Delete
182 React – Enhance Navigation Bar for Admin
183 React – Change Quantity of Books HTMLCSS
184 React – Change Quantity of Book
185 React – Change Quantity of Book HTMLCSS
186 Spring Boot – Increase Book Quantity Service
187 Spring Boot – Increase Book Quantity Controller
188 Spring Boot – Decrease Book Quantity Service
189 Spring Boot – Decrease Book Quantity Controller
190 Spring Boot – Enhance Repositories for Delete
Set Up Development Tools
191 Set Up Development Tools
Summary
192 Thank You
React Crash Course – Fundamentals and Project
193 Getting Started with React
194 Writing React Component Reusability
195 Passing Data To React Components Dynamically
196 Create a Second React Component
197 Rendering React Lists Dynamically
198 React onClick Listeners
199 Handling Data using React State
200 Creating React Form Inputs
201 Adding User Input to React Form
202 Passing React Functions through props
203 Understanding React Keys
204 Exploring the React Project
205 Delete Item using React Functionality
206 React Conditional Rendering
207 Creating a New React Project
208 Behind the Scenes of An React Project – Overview
209 Behind the Scenes of An React Project – Demo
210 Creating React Project Template
211 Adding CSS to React Project Overview
212 Add CSS to our React Project
213 Creating a New React Component
TypeScript Crash Course – Fundamentals
214 TypeScript Overview
215 Creating our first TypeScript application
216 Defining Variables – Overview
217 Defining Variables – Write Some Code
218 Creating Loops and Arrays – Overview
219 Creating Loops and Arrays – Write Some Code – Part 1
220 Creating Loops and Arrays – Write Some Code – Part 2
TypeScript Crash Course – Creating Classes
221 Creating Classes – Overview
222 Creating Classes – Write Some Code
223 Defining Accessors – Overview
224 Defining Accessors – Write Some Code
225 Configuring Compiler Options with tsconfig.json
226 Parameter Properties
227 TypeScript Modules Import and Export
TypeScript Crash Course – Inheritance and Interfaces
228 Inheritance – Overview
229 Inheritance – Creating the Superclass and Subclass
230 Inheritance – Pulling it all together in a Main App
231 Inheritance – Developing a second Subclass
232 Inheritance – Adding Shapes to an Array
233 Abstract Classes – Overview
234 Abstract Classes – Write Some Code
235 Interfaces – Overview
236 Interfaces – Write Some Code
React and TypeScript Integration
237 React and TypeScript Overview
238 React and TypeScript – Part 1
239 React and TypeScript – Part 2
240 React and TypeScript – Part 3
241 React and TypeScript – Part 4
Full Stack Application Overview
242 Full Stack Application Overview
Resolve the captcha to access the links!