Development
Web Development
JavaScript
The Complete Full-Stack JavaScript Course!
4.1 (2,023 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.
142,780 students enrolled

The Complete Full-Stack JavaScript Course!

Learn full-stack web development using JavaScript (ReactJS, NodeJS, LoopbackJS, Redux and Material-UI)!
4.1 (2,023 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.
142,780 students enrolled
Created by Joseph Delgadillo, Nick Germaine
Last updated 5/2020
English
English [Auto]
Preview this course
The Complete Full-Stack JavaScript Course!
Current price: $129.99 Original price: $199.99 Discount: 35% off
2 days left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 24.5 hours on-demand video
  • 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
  • Full-stack JavaScript
  • ReactJS
  • NodeJS
  • Rest API with LoopbackJS
  • Redux
  • Material-UI
  • Socket Programming
Course content
Expand all 96 lectures 24:14:59
+ – Getting Started with ReactJS
7 lectures 01:44:36
Writing a React component
08:51
React life-cycle
04:54
The React state
15:16
Understanding component props and re-rendering
17:37
Importing CSS into React components
04:36
Coding a calculator part 1
18:41
Coding a calculator part 2
34:41
+ – Building a ReactJS Website
11 lectures 02:47:54
React website setup
06:20
Component children
16:52
React routing
10:20
Route parameters and HTML slicing part 1
14:32
Route parameters and HTML slicing part 2
16:55
Services and portfolio pages part 1
15:45
Services and portfolio pages part 2
09:40
Working with forms in React part 1
15:35
Working with forms in React part 2
22:20
Using Formik
22:33
Yup form validation schemas
17:02
+ – Rest API with LoopbackJS
23 lectures 04:36:40
Setup of REST API using LoopbackJS
14:53
Creating models
12:34
Model observers
16:13
Model relations
15:58
ESLINT
09:24
Subclassing access tokens
06:12
Persisting data using MongoDB
20:28
Creating data
07:04
Updating data
04:12
Finding model instances part 1
21:23
Finding model instances part 2
03:02
Deleting model instances
07:01
Creating post collection
06:27
Roles and rolemapping
14:01
Applying access control to our post model
12:39
Adding an editor role
09:34
Creating a category model
08:35
File storage and collection part 1
15:11
File storage and collection part 2
09:44
Custom remote methods and file uploads part 1
17:37
Custom remote methods and file uploads part 2
14:21
Creating login route
18:06
Adding a login form
12:01
+ – Redux and Material-UI
33 lectures 09:18:21
Wrapping components
11:29
Dispatching actions
06:19
Creating a store and reducer
24:01
Integrating remote API calls
21:52
Applying middleware
14:35
Material-UI intro
11:35
Drawer and CSS
16:17
Drawer collapsing and animations
14:03
Icons, lists and links
17:10
Main content class
14:24
Persisting reducers using localStorage
15:29
Basic tables
11:12
Fetching posts and users from our API
21:07
Fab buttons
11:41
Setting up Redux, Material-UI and Formik for our add post page
11:43
Material-UI forms with Formik
19:01
Flex display and connecting our post form to our database via Redux part 1
15:16
Flex display and connecting our post form to our database via Redux part 2
14:34
Editing existing posts
27:30
Uploading post images part 1
16:02
Uploading post images part 2
17:13
Integrating Quill as a content editor
17:38
Loading posts on the front-end part 1
13:55
Loading posts on the front-end part 2
16:44
Loading more posts on demand
11:39
Single post page
26:33
Registering new accounts
25:05
Posting comments and adding relations and ACLs to our API part 1
20:18
Posting comments and adding relations and ACLs to our API part 2
19:25
Deploying React apps with NGINX
25:47
Deploying our API using PM2 and NGINIX part 1
17:45
Deploying our API using PM2 and NGINIX part 2
14:04
Deploying our API using PM2 and NGINIX part 3
16:55
+ – WebSocket Chat Application
19 lectures 05:12:15
Creating a chat app
08:02
Creating our chat store
11:27
WebSocket connections
07:52
Sending socket messages
13:01
Creating signup and login forms
18:11
Writing account based logic part 1
29:43
Writing account based logic part 2
01:58
Using auth tokens
12:39
Styling the messenger
21:20
Tracking logged in users
13:55
Search functionality
20:26
Creating new threads and sending to relevant clients
26:31
Connecting on page load if already logged in
24:01
Get threads on page load
10:07
Disconnecting socket sessions
11:07
Adding messages and sending to relevant clients
31:46
Rendering messages client-side
18:42
Rendering messages with user information
22:47
Ejecting a React application
08:40
Requirements
  • A basic understanding of HTML, CSS and JavaScript.
Description

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, NodeJS, LoopbackJS, Redux, Material-UI and socket programming.

We will work on the following 3 coding projects in this course:

Calculator Application - We will go over the basics of what React is, how to create components and how to work within the React life-cycle.

Weblog - We will build a feature rich blog app using React and LoopbackJS. We will begin to explore the full-stack elements of JavaScript by coding our own REST API, and how the front and back-end can communicate with each other.

Chat Application -  We will explore socket programming. With a web socket you can keep clients connected on the server side. We will program a chat app where you can create a user account, add other users and then message back and forth with them.

This course was designed for students who have a basic understanding of front-end web development. It will be helpful if you know how to use HTML and CSS. A basic understanding of JavaScript is not required, but it will help you get up to speed with the tutorials.

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!

Who this course is for:
  • Web development students interested in mastering JavaScript.