The Complete Full-Stack JavaScript Course

The Complete Full-Stack JavaScript Course, available at $64.99, has an average rating of 4.38, with 96 lectures, 1 quizzes, based on 4174 reviews, and has 304807 subscribers.

You will learn about Full-stack JavaScript ReactJS NodeJS Rest API with LoopbackJS Redux Material-UI Socket Programming This course is ideal for individuals who are Web development students interested in mastering JavaScript. It is particularly useful for Web development students interested in mastering JavaScript.

Enroll now: The Complete Full-Stack JavaScript Course

Summary

Title: The Complete Full-Stack JavaScript Course

Price: $64.99

Average Rating: 4.38

Number of Lectures: 96

Number of Quizzes: 1

Number of Published Lectures: 96

Number of Published Quizzes: 1

Number of Curriculum Items: 97

Number of Published Curriculum Objects: 97

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Full-stack JavaScript

ReactJS

NodeJS

Rest API with LoopbackJS

Redux

Material-UI

Socket Programming

Who Should Attend

Web development students interested in mastering JavaScript.

Target Audiences

Web development students interested in mastering JavaScript.

If you would like to master JavaScript and get a job as a full-stack web developer, you are going to LOVE this course! Learn full-stack JavaScript development with over 24 hours of HD video tutorials covering ReactJS, NodeJS, LoopbackJS, Redux, Material-UI and socket programming! This course was designed to provide students with hands-on coding experience. We will begin by programming a calculator using React, and finish the course by coding an advanced chat application using WebSockets. A working knowledge of HTML, CSS and JavaScript will be helpful when taking this course.

3 Coding Projects in the 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 see how the front and back-end can communicate with each other.

? Chat Application – We will explore socket programming. With a WebSocket you can keep clients connected on the server side. We will program a chat app where you can create a user account, add other users and then message back and forth with them.

Topics covered in the course:

? ReactJS

? NodeJS

? LoopbackJS

? Redux

? Material-UI

? Socket Programming

? API Development

? Full-Stack JavaScript

Still not sold? Check out a few of the awesome reviews this course has received from customers:

? “Exactly what I was searching for! Very easy and well explained tutorials to follow along with!“

? “I have been struggling to learn Reactjs for some time now but this course just opened a window for me. Thank you so much!“

? “I took this course when I knew nothing about React, I only knew ES6. This course helped me to get up and running with React. Thank you!”

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

Instructors

Joseph Delgadillo
Best-Selling Instructor

Nick Germaine
Lv. 64 Programmer

Rating Distribution

1 stars: 102 votes

2 stars: 124 votes

3 stars: 549 votes

4 stars: 1512 votes

5 stars: 1886 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!