off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

The Complete Full-Stack JavaScript Course!

Learn full-stack web development using JavaScript (ReactJS, LoopbackJS, Redux and Material-UI)!

What's Inside

If you would like to master JavaScript and get started as a full-stack web developer, you are going to LOVE this course! Learn full-stack JavaScript development working on coding projects using ReactJS, LoopbackJS, Redux and Material-UI.

All of the lectures are downloadable for offline viewing. English captions are available within the course.

Thank you for taking the time to read this and we hope to see you in the course!

Course Curriculum

Getting Started with ReactJS

Welcome to the course! - 9:41
Preview
Environment setup - 12:24
Start
Anatomy of a React project - 13:08
Start
Writing a React component - 8:51
Start
React lifecycle - 4:54
Start
The React state - 15:16
Start
Understanding component props and re-rendering - 17:37
Start
Importing CSS into React components - 4:36
Start
Writing a calculator part 1 - 18:41
Start
Writing a calculator part 2 - 34:41
Start

Building a ReactJS Website

React website setup - 6:20
Start
Component children - 16:52
Start
React routing - 10:20
Start
Route parameters and HTML slicing part 1 - 14:32
Start
Route parameters and HTML slicing part 2 - 16:55
Start
Services and portfolio pages part 1 - 15:45
Start
Services and portfolio pages part 2 - 9:40
Start
Working with forms in React part 1 - 15:35
Start
Working with forms in React part 2 - 22:20
Start
Using Formik - 22:33
Start
Yup form validation schemas - 17:02
Start

Rest API with LoopbackJS

Setup of REST API using LoopbackJS - 14:53
Start
Creating models - 12:34
Start
Model observers - 16:13
Start
Model relations - 15:58
Start
ESLINT - 9:24
Start
Subclassing access tokens - 6:11
Start
Persisting data using MongoDB - 20:28
Start
Creating data - 7:04
Start
Updating data - 4:12
Start
Finding model instances part 1 - 21:23
Start
Finding model instances part 2 - 3:02
Start
Deleting model instances - 7:01
Start
Creating post collection - 6:27
Start
Roles and rolemapping - 14:01
Start
Applying access control to our post model - 12:39
Start
Adding an editor role - 9:34
Start
Creating a category model - 8:35
Start
File storage and collection part 1 - 15:11
Start
File storage and collection part 2 - 9:44
Start
Custom remote methods and file uploads part 1 - 17:37
Start
Custom remote methods and file uploads part 2 - 14:21
Start
Creating login route - 18:06
Start
Adding a login form - 12:01
Start

Redux and Material-UI

Wrapping components - 11:29
Start
Dispatching actions - 6:19
Start
Creating our store and reducers - 24:01
Start
Integrating remote API calls - 21:52
Start
Applying middleware - 14:35
Start
Material-UI intro - 11:35
Start
Drawer and CSS - 16:17
Start
Drawer collapsing and animations - 14:03
Start
Icons, lists, links - 17:10
Start
Main content class - 14:24
Start
Persisting reducers using localStorage - 15:29
Start
Basic tables - 11:12
Start
Fetching posts and users from our API - 21:07
Start
Fab buttons - 11:41
Start
Setting up Redux, Material-UI and Formik for our add post page - 11:43
Start
Material-UI forms with Formik - 19:01
Start
Flex display and connecting our post form to our database via Redux part 1 - 15:16
Start
Flex display and connecting our post form to our database via Redux part 2 - 14:34
Start
Editing existing posts - 27:30
Start
Uploading post images part 1 - 16:02
Start
Uploading post images part 2 - 17:13
Start
Integrating Quill as a content editor - 17:38
Start
Loading posts on the front-end part 1 - 13:55
Start
Loading posts on the front-end part 2 - 16:44
Start
Loading more posts on demand - 11:39
Start
Single post page - 26:33
Start
Registering new accounts - 25:05
Start
Posting comments and adding relations and ACLs to our API part 1 - 20:18
Start
Posting comments and adding relations and ACLs to our API part 2 - 19:24
Start
Deploying React apps with NGINX - 25:47
Start
Deploying our API using PM2 and NGINIX part 1 - 17:44
Start
Deploying our API using PM2 and NGINIX part 2 - 14:04
Start
Deploying our API using PM2 and NGINIX part 3 - 16:55
Start

WebSocket Chat Application

Creating a chat app - 8:02
Start
Creating our chat store - 11:27
Start
WebSocket connections - 7:52
Start
Sending socket messages - 13:01
Start
Creating signup and login forms - 18:11
Start
Writing account based logic part 1 - 29:43
Start
Writing account based logic part 2 - 1:58
Start
Using auth tokens - 12:39
Start
Styling the messenger - 21:20
Start
Tracking logged in users - 13:55
Start
Search functionality - 20:26
Start
Creating new threads and sending to relevant clients - 26:31
Start
Connecting on page load if already logged in - 24:01
Start
Get threads on page load - 10:07
Start
Disconnecting socket sessions - 11:07
Start
Adding messages and sending to relevant clients - 31:46
Start
Rendering messages client-side - 18:42
Start
Rendering messages with user information - 22:47
Start
Ejecting a React application - 8:40
Start

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Get started now!

Paid Course Coupon Discount

or pay in installments:

$200

Certificate Available

55287+ Students

96 Lectures

24+ Hours of Video

Lifetime Access

24/7 Support

Instructor Rating

Joseph Delgadillo

Joseph Delgadillo is the founder of JTDigital Courses, an education technology company. He has been active in the online learning industry since 2015 and has worked with several prominent companies. As of 2022, over 1 million students across the globe have enrolled in his courses covering network security, Python programming, web development and more.

Popular Bundles

StackSkills Unlimited
Evan Kimbrell's Business Launching Bundle
Essential JavaScript Coding Bundle
Ultimate Web Developer Bundle
World Travel Hacker Bundle

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Best Seller

The All-in-One Super-Sized Ethical Hacking Bundle

Newly Launched

The Complete 2026 Beginner to Expert Guitar Lessons Bundle

Unlimited Learning

Expand Your Mind with StackSkills Unlimited

Course Categories

The Complete Full-Stack JavaScript Course!

Learn full-stack web development using JavaScript (ReactJS, LoopbackJS, Redux and Material-UI)!

What's Inside

Course Curriculum

Getting Started with ReactJS

Building a ReactJS Website

Rest API with LoopbackJS

Redux and Material-UI

WebSocket Chat Application

Get started now!

Paid Course Coupon Discount

Joseph Delgadillo