The Complete Full-Stack JavaScript Course

What Will I Learn?

Get to know the basics of JavaScript programming knowledge
NodeJS, ReactJS, Redux, LoopbackJS and MAterial-UI
Socket programming for Chat Application development
REST APIs with LoopbackJS

Requirements

Basic Understanding of HTML, CSS and JavaScript
Basic Knowledge on Front-end web development

+ View More

Description

This course is specially designed for web developer who wants to master the JavaScript programming knowledge. Learn full stack JavaScript development using ReactJS, NodeJS, LoopbackJS, Redux, Material-UI and socket programming.

The following projects are discussed in this course:

Calculator Application - In this project, you will be learning the basics of what React is and how to create the components and work with React life-cycle.

Weblog - In this project, we will build a feature rich blog app using React and LoopbackJS. We will be developing the full-stack elements of JavaScript by coding REST API and making the front and back-end to communicate each other.

Chat Application - In this project, we will be learning about socket programming. With the concept of web socket, we will be keeping the clients connected on the server side. We will create a chat app where you can create a user account, and other users message back and forth with them.

Curriculum For This Course

95 Lessons 24 Hours

Introduction and Setup

2 Lessons 00:25:33 Hours

Environment setup 00:12:25 Preview
Anatomy of a React project 00:13:08 Preview

Getting Started with ReactJS

7 Lessons 01:44:38 Hours

Writing a React component 00:08:51 Preview
React life-cycle 00:04:55
The React state 00:15:16
Understanding component props and re-rendering 00:17:37
Importing CSS into React components 00:04:36
Writing a calculator part 1 00:18:42
Writing a calculator part 2 00:34:41

Building a ReactJS Website

11 Lessons 02:47:59 Hours

React website setup 00:06:20 Preview
Component children 00:16:52
React routing 00:10:21
Route parameters and HTML slicing part 1 00:14:32
Route parameters and HTML slicing part 2 00:16:56
Services and portfolio pages part 1 00:15:45
Services and portfolio pages part 2 00:09:40
Working with forms in React part 1 00:15:36
Working with forms in React part 2 00:22:20
Using Formik 00:22:34
Yup form validation schemas 00:17:03

Rest API with LoopbackJS

23 Lessons 04:36:53 Hours

Setup of REST API using LoopbackJS 00:14:53 Preview
Creating models 00:12:35
Model observers 00:16:14
Model relations 00:15:58
ESLINT 00:09:24
Subclassing access tokens 00:06:12
Persisting data using MongoDB 00:20:29
Creating data 00:07:04
Updating data 00:04:12
Finding model instances part 1 00:21:24
Finding model instances part 2 00:03:02
Deleting model instances 00:07:02
Creating post collection 00:06:28
Roles and rolemapping 00:14:02
Applying access control to our post model 00:12:40
Adding an editor role 00:09:34
Creating a category model 00:08:36
File storage and collection part 1 00:15:12
File storage and collection part 2 00:09:45
Custom remote methods and file uploads part 1 00:17:38
Custom remote methods and file uploads part 2 00:14:22
Creating login route 00:18:06
Adding a login form 00:12:01

Redux and Material-UI

33 Lessons 09:18:36 Hours

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

WebSocket Chat Application

19 Lessons 04:58:24 Hours

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

Related Courses

Linux command line tutorial - ...

Renjith Nair

Free

Master Python 3 Programming

ramya

$ 200$ 9.99

Master Golang Programming

ramya

$ 200$ 14.99

Master Ethical Hacking

Spark Databox

$ 200$ 9.99

Adobe Photoshop Lightroom Clas...

ramya

$ 54$ 20

Complete Android app developme...

Spark Databox

$ 200$ 9.99

Python Complete reference : Go...

Prabhu Y

$ 94.99$ 13

SDN Practical Hands On Trainin...

Prabhu Y

$ 99$ 9.99

Data Structures & Algorithms i...

Deepika S

$ 129.99$ 9.99

Docker for DevOps

Michael John

$ 149.99$ 12.99

Data Science with Python

Harish Gowda

$ 199.99$ 11.99

The Container, Kubernetes and ...

Sam Johnson

$ 199.99$ 14.99

UiPath Handson on Enterprise R...

Michael Jordan

$ 199.99$ 47

Informatica PowerCenter Traini...

Prerana Krishna

$ 149.99$ 14.99

Mulesoft ESB Training

Kenny James

$ 119.99$ 9.99

Master Devops Online Training

Ajay Prabhakar

$ 94.99$ 8.99

Linux System Programming - A p...

Mohan Parasuram

$ 49.99$ 11.99

The Complete Full-Stack JavaScript Course