Home Courses Instructor Labs

The Complete Full-Stack JavaScript Course

(60 Ratings) 3980 Students Enrolled
Created By John kennady Last Updated Thu, 21-May-2020 English
  • Course Duration
    24 Hours
  • Mode of Training
    Self-Paced
  • Lessons
    95 Lessons
  • Placement Assistance
    Guaranteed
$ 79.99 $ 9.99 88% off 100% Money Back Guarantee
12k+ satisfied learners Read Reviews
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
  • Environment setup 00:12:25 Preview
  • Anatomy of a React project 00:13:08 Preview
  • 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
  • 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
  • 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
  • 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
  • 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

The Complete Full-Stack JavaScript Course