Test Driven Web Development with Spring & React
4.3 (53 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,019 students enrolled

Test Driven Web Development with Spring & React

Full Stack TDD Web App Development - Test Driven Development with Spring & React - (JUnit, Jest, React Testing Library)
4.3 (53 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,019 students enrolled
Last updated 5/2020
English
English [Auto-generated]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 19 hours on-demand video
  • 5 articles
  • 6 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Test Driven Development
  • Spring Boot
  • Spring Security
  • Spring Data
  • React
  • Hooks
  • Redux
  • React Testing Library
  • Clean Coding
  • Refactoring
  • Web Development
Course content
Expand all 189 lectures 19:01:47
+ Creating Projects
6 lectures 13:19
Backend
06:33
Backend Project Creation Warning
00:34
Frontend
03:19
Frontend Test Dependencies Reminder
00:20
Frontend Test Configuration
02:27
Project Source Code
00:05
+ User Signup
12 lectures 01:40:30
Post User (Backend)
12:32
Saving User to Database (Backend)
11:24
Password Hashing (Backend)
08:57
User Signup Page (Frontend)
07:44
Form Layout (Frontend)
06:52
Handling Input Change (Frontend)
09:00
Click Handling (Frontend)
12:58
Styling (Frontend)
03:32
Sending Requests to Backend (Frontend)
07:34
Progress Indicator (Frontend)
12:57
+ Validation
8 lectures 01:23:42
User Validation (Backend)
12:51
Error Modelling (Backend)
08:20
Error Messages Internationalization (Backend)
11:48
Custom Constraint (Backend)
15:56
Form Input Component (Frontend)
19:07
Clientside Validation (Frontend)
09:24
+ Login
11 lectures 01:15:35
Login (Backend)
08:50
Login Errors (Backend)
12:06
Authentication (Backend)
09:28
Authenticated User (Backend)
05:18
User View Model (Backend)
07:47
Login Page (Frontend)
05:22
Handling Input Change (Frontend)
03:34
Click Handling (Frontend)
11:58
Sending Request to Backend (Frontend)
03:13
Progress Indicator (Frontend)
07:00
+ Client Internal Routing
6 lectures 32:59
New Pages (Frontend)
03:04
React Router (Frontend)
11:14
Login Success Routing (Frontend)
04:59
Signup Success Routing (Frontend)
01:48
TopBar (Frontend)
11:22
+ Client State Management
11 lectures 01:01:38
Redux (Frontend)
01:37
Redux Initial Configuration (Frontend)
04:21
Connecting to Redux (Frontend)
07:55
Dispatching Action (Frontend)
04:39
Connecting LoginPage to Redux (Frontend)
07:52
Connecting UserSignupPage to Redux (Frontend)
04:33
Redux Middleware (Frontend)
11:11
Combining Signup And Login Actions (Frontend)
07:19
Storing State in LocalStorage (Frontend)
05:27
Axios Authorization Configuration (Frontend)
06:09
+ Listing Users
14 lectures 01:21:37
Get Users (Backend)
09:36
User Modelling JsonView (Backend)
06:39
User Modelling Projection (Backend)
03:06
User Modelling UserVM (Backend)
03:07
Pagination (Backend)
11:34
Excluding Logged in User (Backend)
02:35
Creating Random Users (Backend)
02:16
User List Api (Frontend)
04:05
User List (Frontend)
14:42
User List Item (Frontend)
05:44
User List Page (Frontend)
09:35
Load Errors (Frontend)
04:12
Navigation (Frontend)
03:18
+ User Profile
9 lectures 45:48
Get User By Name (Backend)
06:49
User Get Api (Frontend)
01:01
Load User Success (Frontend)
06:40
Load User Failure (Frontend)
03:19
Navigating From User To My Profile (Frontend)
07:52
Profile Card (Frontend)
06:39
Profile Image With Default (Frontend)
06:44
Profile Loading (Frontend)
05:58
+ User Update
10 lectures 53:37
Security (Backend)
08:48
Update Model (Backend)
07:14
User Update Api (Frontend)
01:17
Edit Button (Frontend)
06:02
User Edit Layout (Frontend)
07:13
User Interactions (Frontend)
03:56
Sending Update Request (Frontend)
07:05
Cancelling Update (Frontend)
05:06
Progress Indicator (Frontend)
06:26
Requirements
  • Experience with Java or JavaScript required
Description

In this course we will be building a simple social sharing platform. We will call it Hoaxify.


We will see various practices about


* How Test Driven Development (TDD) works

* How can we build a rest backend server application with Spring Boot

* and how we can build a web client with reusable components with React. And we will also learn how we can implement components with hooks.


This course is purely built on practice. Each code piece we write, will be for our actual application implementation.


In each section we will gradually build our application. We will not jump ahead and add functionality not needed for that moment. We will implement one requirement at a time. Each implementation will bring the next requirement to us. And following this path will help us to feel and understand what are the frameworks doing and how they are easing application development.

Who this course is for:
  • Developers who are interested in Fullstack Web Application Development with Spring and React
  • Developer who wants to see Test Driven Development in action