The Complete Full-Stack JavaScript Course!
Learn full-stack web development using JavaScript (ReactJS, NodeJS, LoopbackJS, Redux and Material-UI)!
-
-
Introduction and Setup
3 Lectures-
Welcome to the course!
11:18Preview
-
Environment setup
12:24
-
Anatomy of a React project
13:08
-
Welcome to the course!
-
Getting Started with ReactJS
7 Lectures -
Building a ReactJS Website
11 Lectures-
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
-
React website setup
-
Rest API with LoopbackJS
23 Lectures-
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:11
-
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
-
Setup of REST API using LoopbackJS
-
Redux and Material-UI
33 Lectures-
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:24
-
Deploying React apps with NGINX
25:47
-
Deploying our API using PM2 and NGINIX part 1
17:44
-
Deploying our API using PM2 and NGINIX part 2
14:04
-
Deploying our API using PM2 and NGINIX part 3
16:55
-
Wrapping components
-
WebSocket Chat Application
19 Lectures-
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
-
Creating a chat app
-
Introduction and Setup
-
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.
Thank you for taking the time to read this and we hope to see you in the course!
What Will I Get ?
- Full-stack JavaScript
- ReactJS
- NodeJS
- Rest API with LoopbackJS
- Redux
- Material-UI
- Socket programming
Requirements
- Access to a personal computer or equivalent system
- Internet access to download the necessary software
- A basic understanding of HTML and CSS (front-end web development)
-
24 hours
96 Lectures
Lifetime Access
30-Days Money Back Guarantee
Sample Certificate
