Full Stack: React and Java Spring Boot - The Developer Guide

Focused View

Chad Darby,Eric Roby

21:56:45

253 View

1. Introduction

1. Introduction.mp4

03:20

2. How To Take This Course and How To Get Help.html

3. Download the Source Code and PDF Files.html

2. React Overview

1. React Overview.mp4

04:37

3. Set Up Development Tools

1. Set Up Development Tools.mp4

02:05

4. React Crash Course - Fundamentals and Project

1. Getting Started with React.mp4

06:32

2. Exploring the React Project.mp4

05:29

3. Creating a New React Project.mp4

04:56

4. Behind the Scenes of An React Project - Overview.mp4

03:07

5. Behind the Scenes of An React Project - Demo.mp4

06:08

6. Creating React Project Template.mp4

04:22

7. Adding CSS to React Project Overview.mp4

03:30

8. Add CSS to our React Project.mp4

05:21

9. Creating a New React Component.mp4

06:02

10. Writing React Component Reusability.mp4

04:03

11. Passing Data To React Components Dynamically.mp4

07:20

12. Create a Second React Component.mp4

08:45

13. Rendering React Lists Dynamically.mp4

04:34

14. React onClick Listeners.mp4

09:00

15. Handling Data using React State.mp4

07:57

16. Creating React Form Inputs.mp4

05:31

17. Adding User Input to React Form.mp4

10:34

18. Passing React Functions through props.mp4

06:56

19. Understanding React Keys.mp4

05:24

20. Delete Item using React Functionality.mp4

06:23

21. React Conditional Rendering.mp4

05:24

5. TypeScript Crash Course - Fundamentals

1. TypeScript Overview.mp4

06:04

2. Creating our first TypeScript application.mp4

05:10

3. Defining Variables - Overview.mp4

05:54

4. Defining Variables - Write Some Code.mp4

06:47

5. Creating Loops and Arrays - Overview.mp4

04:37

6. Creating Loops and Arrays - Write Some Code - Part 1.mp4

05:32

7. Creating Loops and Arrays - Write Some Code - Part 2.mp4

05:40

6. TypeScript Crash Course - Creating Classes

1. Creating Classes - Overview.mp4

06:13

2. Creating Classes - Write Some Code.mp4

04:56

3. Defining Accessors - Overview.mp4

06:54

4. Defining Accessors - Write Some Code.mp4

07:40

5. Configuring Compiler Options with tsconfig.json.mp4

03:28

6. Parameter Properties.mp4

05:22

7. TypeScript Modules Import and Export.mp4

06:18

7. TypeScript Crash Course - Inheritance and Interfaces

1. Inheritance - Overview.mp4

06:11

2. Inheritance - Creating the Superclass and Subclass.mp4

05:35

3. Inheritance - Pulling it all together in a Main App.mp4

02:44

4. Inheritance - Developing a second Subclass.mp4

04:49

5. Inheritance - Adding Shapes to an Array.mp4

03:30

6. Abstract Classes - Overview.mp4

04:05

7. Abstract Classes - Write Some Code.mp4

05:00

8. Interfaces - Overview.mp4

02:50

9. Interfaces - Write Some Code.mp4

06:26

8. React and TypeScript Integration

1. React and TypeScript Overview.mp4

04:56

2. React and TypeScript - Part 1.mp4

07:12

3. React and TypeScript - Part 2.mp4

06:49

4. React and TypeScript - Part 3.mp4

02:56

5. React and TypeScript - Part 4.mp4

08:07

9. Full Stack Application Overview

1. Full Stack Application Overview.mp4

06:00

10. Library Project - React Front End - Home Page

1. React Project - Home Page - Overview.mp4

08:33

2. React Project - Home Page - Setup Front End Project.mp4

06:10

3. React Project - Home Page - CSS & Images.mp4

03:10

4. React Project - Home Page - Bootstrap.mp4

02:13

5. React Project - Home Page - Navigation Bar Component.mp4

10:20

6. React Project - Home Page - Explore Top Books Component.mp4

04:33

7. React Project - Home Page - Carousel Component Part 1.mp4

09:22

8. React Project - Home Page - Carousel Component Part 2.mp4

05:14

9. React Project - Home Page - Return Books Component.mp4

05:04

10. React Project - Home Page - Heros Component Part 1.mp4

08:35

11. React Project - Home Page - Heros Component Part 2.mp4

04:57

12. React Project - Home Page - Library Services Component.mp4

05:55

13. React Project - Home Page - Footer Component.mp4

05:04

14. React Project - Home Page - Home Page Clean Up.mp4

07:18

11. Library Project - Spring Boot Backend

1. Spring Boot Project Setup Overview.mp4

10:44

2. Spring Boot - Setup Database.mp4

06:26

3. Spring Boot - Setup Backend App.mp4

07:18

4. Spring Boot - Entity Setup.mp4

04:45

5. Spring Boot - Create New API Interface.mp4

06:44

6. Spring Boot - Read Only Configuration Overview.mp4

04:05

7. Spring Boot - Read Only Configuration Setup.mp4

09:54

12. Library Project - React Front End - Consume Carousel Book API

1. Overview.mp4

03:47

2. React Project - Home Page - Setup Book Model.mp4

04:22

3. React Project - Home Page - UseEffect.mp4

07:23

4. React Project - Home Page - UseEffect Part 2.mp4

09:21

5. React Project - Home Page - Loading and Error Renders.mp4

01:47

6. React Project - Home Page - ReturnBook Props.mp4

08:28

7. React Project - Home Page - Loading Spinner.mp4

04:30

13. Library Project - Search Books Component with Pagination

1. Search Books Component Overview.mp4

03:56

2. React Project - Search Books Page.mp4

05:51

3. React Project - Search Books Page - DOM.mp4

07:35

4. React Project - Search Book Component - Part 1.mp4

08:15

5. React Project - Search Book Component - Part 2.mp4

03:01

6. React Project - Pagination Overview.mp4

06:18

7. React Project - Pagination Component.mp4

10:19

8. React Project - Add Pagination to Search Books Page Component - Part 1.mp4

07:12

9. React Project - Add Pagination to Search Books Page Component - Part 2.mp4

04:22

10. Spring Boot - Find by Title - Search.mp4

06:12

11. React Project - Find by Title - Search.mp4

06:55

12. React Project - Alternative Text For 0 Books.mp4

04:22

13. Spring Boot - Find by Category - Search.mp4

05:12

14. React Project - Find by Category - Search.mp4

08:11

14. Library Project - React Routing

1. React Routing Overview.mp4

04:49

2. React Router - Installation.mp4

07:08

3. React Router - Switch and Redirect Routing.mp4

05:46

4. React Router - NavLinks and Links.mp4

07:27

5. React Router - CSS to Keep Footer on Bottom of Page.mp4

03:17

15. Library Project - React - Book Checkout

1. Book Checkout Component Overview.mp4

03:31

2. React - Create Book Checkout Page Component.mp4

08:46

3. React - Checkout Link.mp4

04:45

4. React - Star Review Component.mp4

11:36

5. React - Star Review Implementation.mp4

07:22

6. React - Star Review Logic.mp4

07:08

7. React - Checkout and Review Box Component.mp4

10:25

16. Library Project - Reviews On Book Checkout Page

1. Review Overview.mp4

04:20

2. Spring Boot - Review Entity.mp4

04:36

3. Spring Boot - Review DAO.mp4

05:43

4. Spring Boot - Find Review by ID.mp4

03:25

5. React - Create the Review Model.mp4

03:37

6. React - Review useEffect.mp4

11:32

7. React - Create Latest Reviews Component.mp4

06:11

8. React - Review Component.mp4

05:51

9. React - Wrap up Reviews.mp4

05:39

17. Library Project - Authentication

1. Security Concepts Overview.mp4

09:28

2. Security Concepts Part 1.mp4

05:16

3. Security Concepts Part 2.mp4

05:49

4. React- OIDC Client Setup.mp4

07:44

5. React - Develop App Configuration.mp4

04:52

6. React - Download Authentication Dependencies.mp4

01:38

7. React - Develop Login Widget.mp4

06:19

8. React - Develop Sign In Widget.mp4

07:41

9. React - Adding Configurations to our App.mp4

05:17

10. React - Adding Routes and Security Routes.mp4

05:56

11. React - Adding Logout Functionality.mp4

06:34

18. Library Project - Home Page Refactor with Authentication

1. Home Page Refactor with Authentication.mp4

11:30

19. Library Project - Checkout Book Endpoints

1. Spring Boot - Checkout Entity.mp4

04:58

2. Spring Boot - Checkout Repository.mp4

02:01

3. Spring Boot - Book Service Enhancement.mp4

09:45

4. Spring Boot - Book Controller Enhancement.mp4

06:04

5. Spring Boot - Book Checkout By User Endpoint.mp4

05:21

6. Spring Boot - Current Loans Count.mp4

04:12

20. Library Project - Spring Boot Security

1. Spring Boot - Install Dependencies.mp4

02:39

2. Spring Boot - Security Configurations.mp4

08:09

3. Spring Boot - Application Security Configurations.mp4

04:25

4. Spring Boot - Access Token Demo.mp4

04:04

5. Spring Boot - JWT Extraction.mp4

15:04

6. Spring Boot - JWT Extraction Part 2.mp4

03:20

21. Library Project - React Checkout

1. React - Loans Count Setup.mp4

05:06

2. React - Loans Count useEffect Request Complete.mp4

07:37

3. React - Is Book Checked Out State.mp4

04:05

4. React - Is Book Checked Out useEffect.mp4

04:34

5. React - Dynamic Button Rendering.mp4

07:02

6. React - Checkout Book Functionality.mp4

08:45

22. Library Project - Spring Boot Reviews

1. Spring Boot - Review Repository Enhancement.mp4

01:33

2. Spring Boot - Review Request.mp4

01:45

3. Spring Boot - Review Service.mp4

07:01

4. Spring Boot - Review Controller.mp4

06:35

5. Spring Boot - Review Endpoint Service and Controller.mp4

05:55

23. Library Project - React Reviews

1. React - Review State.mp4

04:22

2. React - Review useEffect.mp4

05:21

3. React - Review Render.mp4

05:19

4. React - Leave a Review.mp4

08:41

5. React - Optional Description.mp4

05:17

6. React - Review Request Model.mp4

02:01

7. React - Submit Review.mp4

04:48

8. React - Leave a Review Implementation.mp4

04:47

24. Library Project - Shelf Page

1. React - Create Shelf Page.mp4

07:18

2. React - Secure Routes.mp4

02:16

3. React - Navigation Bar Enhancement.mp4

01:49

4. Spring Boot - Create Response.mp4

02:51

5. Spring Boot - Current Loans Service.mp4

04:02

6. Spring Boot - Query Annotation.mp4

03:29

7. Spring Boot - Current Loans Service Implementation.mp4

07:35

8. Spring Boot - Controller Endpoint.mp4

05:36

9. React - Shelf Current Loans Model.mp4

01:40

10. React - New Loans Component.mp4

04:50

11. React - Loans useEffect.mp4

04:23

12. React - Loans Component HTMLCSS.mp4

14:31

13. React - Loans Component Mobile HTMLCSS.mp4

05:01

14. React - Loans Modal HTMLCSS.mp4

16:32

15. Spring Boot - Return Book Service.mp4

03:27

16. Spring Boot - Return Book Endpoint.mp4

02:05

17. React - Return Book.mp4

06:14

18. Spring Boot - Renew Loan Service.mp4

03:58

19. Spring Boot - Renew Loan Endpoint.mp4

01:54

20. React - Renew Loan.mp4

06:22

25. Library Project - History Page

1. Spring Boot - History Entity.mp4

05:19

2. Spring Boot - History Repository.mp4

02:17

3. Spring Boot - Enhance Book Service for History.mp4

03:38

4. React - History Model.mp4

03:05

5. React - History Page.mp4

06:14

6. React - History useEffect.mp4

04:19

7. React - History HTMLCSS.mp4

10:21

8. React - Shelf State.mp4

03:54

26. Library Project - Library Services

1. Spring Boot - Message Entity.mp4

04:01

2. Spring Boot - Message Repository.mp4

01:10

3. Spring Boot - Message Service.mp4

03:07

4. Spring Boot - Message Controller.mp4

03:27

5. Spring Boot - Message Security and Testing.mp4

02:51

6. React - Messages Component.mp4

09:09

7. React - Message Model.mp4

01:50

8. React - Post a Question Component.mp4

09:04

9. React - Post a Question Functionality.mp4

06:21

10. Spring Boot - Message Repository and Security.mp4

02:04

11. React - Message Component.mp4

06:04

12. React - Message useEffect.mp4

04:15

13. React - Message Component HTMLCSS.mp4

06:06

14. React - Add Link to Library Services.mp4

01:01

27. Library Project - Admin Services

1. React - Manage Library Page.mp4

08:46

2. React - Secure Routes for Manage Library.mp4

01:37

3. React - State for Manage Library.mp4

03:49

4. React - Redirect Implementation for non-Admin.mp4

02:41

5. Create Admin User.mp4

09:02

6. Spring Boot - Open Ticket Endpoint.mp4

02:03

7. React - Admin Messages Component.mp4

07:22

8. React - Admin Messages useEffect.mp4

03:59

9. React - Admin Messages HTMLCSS.mp4

04:09

10. React - Admin Message Component.mp4

07:32

11. Spring Boot - Admin Question Request.mp4

01:05

12. Spring Boot - Enhance Messages Service.mp4

02:32

13. Spring Boot - Enhance Messages Controller Endpoint.mp4

03:07

14. React - Admin Messages Request.mp4

01:21

15. React - Submit Response Function.mp4

04:36

16. React - Wrap up Admin Response.mp4

04:28

28. Library Project - Admin Add new book

1. Spring Boot - Add Book Request.mp4

01:24

2. Spring Boot - Admin Service Layer.mp4

02:59

3. Spring Boot - Admin Controller and Security.mp4

03:59

4. React - Add Book Request Model.mp4

02:08

5. React - Add Book Component State and HTMLCSS.mp4

17:22

6. React - Save Image to State.mp4

06:07

7. React - Submit New Book.mp4

08:27

29. Library Project - Admin Change Quantity and Delete Books

1. React - Change Quantity of Books.mp4

07:31

2. React - Change Quantity of Books HTMLCSS.mp4

04:43

3. React - Change Quantity of Book.mp4

03:22

4. React - Change Quantity of Book HTMLCSS.mp4

08:59

5. Spring Boot - Increase Book Quantity Service.mp4

02:53

6. Spring Boot - Increase Book Quantity Controller.mp4

02:47

7. Spring Boot - Decrease Book Quantity Service.mp4

02:34

8. Spring Boot - Decrease Book Quantity Controller.mp4

02:37

9. Spring Boot - Enhance Repositories for Delete.mp4

03:07

10. Spring Boot - Delete Book Service.mp4

03:06

11. Spring Boot - Delete Book Controller.mp4

02:33

12. React - Add Increase Functionality.mp4

05:34

13. React - Add Decrease Functionality.mp4

02:08

14. React - Implementation of Delete.mp4

05:15

15. React - Enhance Navigation Bar for Admin.mp4

02:31

30. Summary

1. Thank You.mp4

00:38

Description

Learn how to build a Full Stack web application with React and Java Spring Boot with this project-focused course.

What You'll Learn?

Develop a Full Stack web application with React front-end and Spring Boot back-end
Learn how to build React front-end applications .... all from the beginning. We assume no prior knowledge of React.
Develop a Spring Boot back-end using REST APIs and MySQL database
Develop a professional web application with React frontend and Spring Boot backend integration
Develop your code using modern development tools such as IntelliJ, VS Code, Maven and npm
I am a RESPONSIVE INSTRUCTOR ... post your questions and I will RESPOND in 24 hours.
Join an ACTIVE COMMUNITY of 500,000+ students that are already enrolled within this developer community! Over 100,000+ Reviews!
You can DOWNLOAD all source code and PDFs. Perfect for offline LEARNING and REVIEW.

Who is this for?

The course is appropriate for all Spring Boot developers.

More details

Description
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.
---
In this course, you will get:
- All source code is available for download
- Responsive Instructors: All questions answered within 24 hours
- PDFs of all lectures are available for download
- Professional video and audio recordings (check the free previews)
---

Compared to other Full Stack courses
This course is up to date and covers the latest versions of React and Spring Boot.
Beware of other Udemy Full Stack courses. Most of them are outdated and use old versions of React and Spring Boot. Donâ€™t waste your time or money on learning outdated technology.
Take my course where I show you how to develop a real-time full stack application with React and Spring Boot. You can type the code along with me in the videos, which is the best way to learn.
I am a very responsive instructor and I am available to answer your questions and help you work through any problems.
Finally, all source code is provided with the course along with setup instructions.

Student Reviews Prove This Course's Worth
Those who have reviewed my courses have pointed out that the instruction is clear and easy to follow, as well as thorough and highly informative.
Many students had also taken other Full Stack courses in the past, only to find that my courses were their favorite. They enjoyed the structure of the content and the high quality audio/video.

This is *the best tutorial I've seen so far for Spring/Hibernate**, each step is well explained and the tutorial videos are made to a high standard. I highly recommend this course!* - Rob

Hats off to you Chad, the best Spring fundamentals course I have done on Udemy thus far. You never disappoint. - Morebodi

By far the *greatest asset this course has is how responsive Eric is to questions. This is how CBT training should be**, and it was well worth the money and time. I was able to complete everything in the course and I now have an app! - Gabriel*

OMG This course is amazing!!! So many awesome things to say. Apart from the course itself, I was also blown away at how quickly Eric responded to questions/issues and how promptly he was able to troubleshoot my code : ) - Paige

Quality Material
You will receive a quality course, with solid technical material and excellent audio and video production. I am a best-selling instructor on Udemy. Here's a list of my top courses.
Spring and Hibernate for Beginners
Spring Boot Unit Testing with JUnit, Mockito and MockMvc
Full Stack: Angular and Java Spring Boot
Deploy Java Spring Apps Online to Amazon Cloud (AWS)
JavaServer Faces (JSF) for Beginners
These courses have received rave 5 star reviews and over 560,000 students have taken the courses. Also, these courses are the most popular courses in their respective categories.
I also have an active YouTube channel where I post regular videos. In the past year, Iâ€™ve created over 800 video tutorials (public and private). My YouTube channel has over 6 million views and 38k subscribers. So I understand what works and what doesnâ€™t work for creating video tutorials.

No Risk â€“ Udemy Refund
Finally, there is no risk. You can preview 25% of the course for free. Once you purchase the course, if for some reason you are not happy with the course, Udemy offers a 30-day refund (based on Udemy's Refund Policy).
So you have nothing to lose, sign up for this course and learn how to build Full Stack web application with React and Java Spring Boot from scratch!
It is time to level up your career and become a Full Stack developer with React and Java Spring Boot.

Target Audience
Java Developers with Spring Boot experience
No experience required for React. I will teach you React from the beginning.
Who this course is for:
The course is appropriate for all Spring Boot developers.

User Reviews

Rating

average 0

Total votes0

Focused display

Chád (shod) Darby is an author, instructor and speaker in the Java development world. Chád is a contributing author to several Java books, including Professional Java E-Commerce (Wrox Press), Beginning Java Networking (Wrox Press), and XML and Web Services Unleashed (Sams Publishing). Chád has Java certifications from Oracle and IBM. He holds a B.S. in Computer Science from Carnegie Mellon University.

Eric Roby

Instructor's Courses

Eric J. Roby is a full stack developer that has worked in the freelance and corporate world solving technical problems to bridge gaps in businesses. Eric made his technical debut when he began learning Java at the age of 14. Since learning Java, Eric has found himself completely addicted with learning technologies. You can have full confidence that Eric's courses are of exceptional quality, and that you can be a software developer if you choose so.Eric holds a bachelor's degree in Computer Science, and a Master degree in Quantitive Finance and Eric is dedicated to teaching you how to program like he does.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.