The Complete Full-Stack JavaScript Course

No Rating(0)
See all reviews

This course is designed for those interested to learn the basics of JavaScript and how to get started as a full-stack web developer by working on coding projects.

Watch Free For 30 Days

start free access

-or-

buy single class $199
  • On Demand Video Lessons
  • Course Certificate
  • 24/7 Support

About This CourseBeginner

By taking this course, you will learn full-stack JavaScript development by working on coding projects using ReactJS, NodeJS, LoopbackJS, Redux, Material-UI and socket programming.

We will work on the following three 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. We will program a chat app where you can create a user account, add other users and then message back and forth with them.

Who this course is 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.

Our Promise to You

By the end of this course, you will have learned JavaScript.

30 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.

Get started today and learn more about JavaScript.

Course Curriculum

Course Sections

Environment Setup

Anatomy Of A React Project

Writing A React Component

React Life-Cycle

The React State

Understanding Component Props And Re-Rendering

Importing CSS Into React Components

Writing A Calculator – Part 1

Writing A Calculator – Part 2

React Website Setup

Component Children

React Routing

Route Parameters And HTML Slicing – Part 1

Route Parameters And HTML Slicing – Part 2

Services And Portfolio Pages – Part 1

Services And Portfolio Pages – Part 2

Working With Forms In React – Part 1

Working With Forms In React – Part 2

Using Formik

Yup Form Validation Schemas

Setup Of Rest API Using LoopbackJS

Creating Models

Model Observers

Model Relations

ESLINT

Sub-Classing Access Tokens

Persisting Data Using MongoDB

Creating Data

Updating Data

Finding Model Instances – Part 1

Finding Model Instances – Part 2

Deleting Model Instances

Creating Post Collection

Roles and Role Mapping

Applying Access Control To Our Post Model

Adding An Editor Role

Creating A Category Model

File Storage And Collection – Part 1

File Storage And Collection – Part 2

Custom Remote Methods And File Uploads – Part 1

Custom Remote Methods And File Uploads – Part 2

Creating Login Route

Adding A Login Form

Wrapping Components

Dispatching Actions

Creating A Store And Reducer

Integrating Remote API Calls

Applying Middle Ware

Material-UI Introduction

Drawer And CSS

Drawer Collapsing And Animations

Icons, Lists And Links

Main Content Class

Persisting Reducers Using Local Storage

Basic Tables

Fetching Posts And Users From Our API

Fab Buttons

Setting Up Redux, Material-UI, And Formik For Our Add Post Page

Material-UI Forms With Formik

Flex Display And Connecting Our Post Form To Our Database Via Redux – Part 1

Flex Display And Connecting Our Post Form To Our Database Via Redux – Part 2

Editing Existing Posts

Uploading Post Images – Part 1

Uploading Post Images – Part 2

Integrating Quill As A Content Editor

Loading Posts On The Front-End – Part 1

Loading Posts On The Front-End – Part 2

Loading More Posts On Demand

Single Post Page

Registering New Accounts

Posting Comments And Adding Relations And ACLs To Our API – Part 1

Posting Comments And Adding Relations And ACLs To Our API – Part 2

Deploying React Applications With NGINX

Deploying Our API Using PM2 And NGINIX – Part 1

Deploying Our API Using PM2 And NGINIX – Part 2

Deploying Our API Using PM2 And NGINIX – Part 3

Creating A Chat Application

Creating Our Chat Store

WebSocket Connections

Sending Socket Messages

Creating Signup And Login Forms

Writing Account Based Logic – Part 1

Writing Account Based Logic – Part 2

Using Auth Tokens

Styling The Messenger

Tracking Logged In Users

Search Functionality

Creating New Threads And Sending To Relevant Clients

Connecting On Page Load If Already Logged In

Get Threads On Page Load

Disconnecting Socket Sessions

Adding Messages And Sending To Relevant Clients

Rendering Messages Client-Side

Rendering Messages With User Information

Ejecting A React Application

Reviews

No Reviews found for this course.