The Complete Full-Stack JavaScript Course

This course includes lifetime access so you can complete it at your own speed.

This 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.

Benefits of taking this course include:

• Unlimited and lifetime access to the course
• Learn the course at your own pace
• Course can be accessed on any platform
• 24/7 Customer support

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.

The The Complete Full-Stack JavaScript Course will cover the following topics:

Section 1 - Introduction And Setup

• Environment Setup
• Anatomy Of A React Project

Section 2 - Getting Started With ReactJS

• 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

Section 3 - Building A ReactJS Website

• 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

Section 4 - Rest API With LoopbackJS

• 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

Section 5 - Redux And Material-UI

• 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

Section 6 - WebSocket Chat Application

• 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

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.

1. A basic understanding of HTML, CSS and JavaScript.

None

Currently there are no Q&As for this course. Be the first to ask a question.

Certificate of completion

Digital certificate - Included