The Complete Full-Stack JavaScript Course

Course Curriculum

Chapter 1: Introduction and Setup

Lecture 1: Welcome to the course!

Lecture 2: Environment setup

Lecture 3: Anatomy of a React project

Chapter 2: Getting Started with ReactJS

Lecture 1: Writing a React component

Lecture 2: React life-cycle

Lecture 3: The React state

Lecture 4: Understanding component props and re-rendering

Lecture 5: Importing CSS into React components

Lecture 6: Coding a calculator part 1

Lecture 7: Coding a calculator part 2

Chapter 3: Building a ReactJS Website

Lecture 1: React website setup

Lecture 2: Component children

Lecture 3: React routing

Lecture 4: Route parameters and HTML slicing part 1

Lecture 5: Route parameters and HTML slicing part 2

Lecture 6: Services and portfolio pages part 1

Lecture 7: Services and portfolio pages part 2

Lecture 8: Working with forms in React part 1

Lecture 9: Working with forms in React part 2

Lecture 10: Using Formik

Lecture 11: Yup form validation schemas

Chapter 4: Rest API with LoopbackJS

Lecture 1: Setup of REST API using LoopbackJS

Lecture 2: Creating models

Lecture 3: Model observers

Lecture 4: Model relations

Lecture 5: ESLINT

Lecture 6: Subclassing access tokens

Lecture 7: Persisting data using MongoDB

Lecture 8: Creating data

Lecture 9: Updating data

Lecture 10: Finding model instances part 1

Lecture 11: Finding model instances part 2

Lecture 12: Deleting model instances

Lecture 13: Creating post collection

Lecture 14: Roles and rolemapping

Lecture 15: Applying access control to our post model

Lecture 16: Adding an editor role

Lecture 17: Creating a category model

Lecture 18: File storage and collection part 1

Lecture 19: File storage and collection part 2

Lecture 20: Custom remote methods and file uploads part 1

Lecture 21: Custom remote methods and file uploads part 2

Lecture 22: Creating login route

Lecture 23: Adding a login form

Chapter 5: Redux and Material-UI

Lecture 1: Wrapping components

Lecture 2: Dispatching actions

Lecture 3: Creating a store and reducer

Lecture 4: Integrating remote API calls

Lecture 5: Applying middleware

Lecture 6: Material-UI intro

Lecture 7: Drawer and CSS

Lecture 8: Drawer collapsing and animations

Lecture 9: Icons, lists and links

Lecture 10: Main content class

Lecture 11: Persisting reducers using localStorage

Lecture 12: Basic tables

Lecture 13: Fetching posts and users from our API

Lecture 14: Fab buttons

Lecture 15: Setting up Redux, Material-UI and Formik for our add post page

Lecture 16: Material-UI forms with Formik

Lecture 17: Flex display and connecting our post form to our database via Redux part 1

Lecture 18: Flex display and connecting our post form to our database via Redux part 2

Lecture 19: Editing existing posts

Lecture 20: Uploading post images part 1

Lecture 21: Uploading post images part 2

Lecture 22: Integrating Quill as a content editor

Lecture 23: Loading posts on the front-end part 1

Lecture 24: Loading posts on the front-end part 2

Lecture 25: Loading more posts on demand

Lecture 26: Single post page

Lecture 27: Registering new accounts

Lecture 28: Posting comments and adding relations and ACLs to our API part 1

Lecture 29: Posting comments and adding relations and ACLs to our API part 2

Lecture 30: Deploying React apps with NGINX

Lecture 31: Deploying our API using PM2 and NGINX part 1

Lecture 32: Deploying our API using PM2 and NGINX part 2

Lecture 33: Deploying our API using PM2 and NGINX part 3

Chapter 6: WebSocket Chat Application

Lecture 1: Creating a chat app

Lecture 2: Creating our chat store

Lecture 3: WebSocket connections

Lecture 4: Sending socket messages

Lecture 5: Creating signup and login forms

Lecture 6: Writing account based logic part 1

Lecture 7: Writing account based logic part 2

Lecture 8: Using auth tokens

Lecture 9: Styling the messenger

Lecture 10: Tracking logged in users

Lecture 11: Search functionality

Lecture 12: Creating new threads and sending to relevant clients

Lecture 13: Connecting on page load if already logged in

Lecture 14: Get threads on page load

Lecture 15: Disconnecting socket sessions

Lecture 16: Adding messages and sending to relevant clients