The Complete Full-Stack JavaScript Course

Learn full-stack web development using JavaScript (ReactJS, NodeJS, LoopbackJS, Redux and Material-UI)!

4.50 (4140 reviews)
Udemy
platform
English
language
Web Development
category
304,769
students
24.5 hours
content
Nov 2023
last update
$64.99
regular price

What you will learn

Full-stack JavaScript

ReactJS

NodeJS

Rest API with LoopbackJS

Redux

Material-UI

Socket Programming

Description

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!"


Content

Introduction and Setup

Welcome to the course!
Environment setup
Anatomy of a React project

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

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

Rest API with LoopbackJS

Setup of REST API using LoopbackJS
Creating models
Model observers
Model relations
ESLINT
Subclassing 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 rolemapping
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

Redux and Material-UI

Wrapping components
Dispatching actions
Creating a store and reducer
Integrating remote API calls
Applying middleware
Material-UI intro
Drawer and CSS
Drawer collapsing and animations
Icons, lists and links
Main content class
Persisting reducers using localStorage
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 apps 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

WebSocket Chat Application

Creating a chat app
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

Screenshots

The Complete Full-Stack JavaScript Course - Screenshot_01The Complete Full-Stack JavaScript Course - Screenshot_02The Complete Full-Stack JavaScript Course - Screenshot_03The Complete Full-Stack JavaScript Course - Screenshot_04

Reviews

Marcin
August 20, 2023
Outdated, and very hard to follow when trying to use up-to-date npm packages. Some presented patterns and troubleshooting flow are bad programming practices.
Horla
March 27, 2023
It's great, it's helping me learn some new stuff about links and how to bring in dynamic images and contents.
Cesar
December 29, 2022
El contenido es bueno lastima que la parte del back este desactualizada, sin embargo la esplicaciones es buena, ademas la parte del roter de reack tambien esta desactualizada, no se puede seguir el curso en caso de implementarlo
Priyajan
June 14, 2022
It's really fun and engaging. I could not believe that i was having fun and also absorbing concepts like sponge. Thanks for the course
Emilano
September 29, 2021
Congratulations, the course is very good, I still feel that I must review everything. It was a good choice.
Md.
September 29, 2021
This is a great tutorial. In Sha Allah, it will help me to learn all about web development as much as possible.
Mahmoud
September 8, 2021
im following the course step by step... and until now its very detailed, really great JOB!!!, im really learning react here. ;););)
Brian
July 27, 2021
Videos are completely winged as he goes. No links to code. Instructor dose not answer questions. Course material not well thought out.
HIla
July 13, 2021
I wish there would have been more explanations for why certain things are done: Why did he add a certain syntax for edge cases (he didn't mention which ones) etc. I have a lot of questions for extra code he wrote that he didn't go over. No github repo available.
Perry
June 8, 2021
I'm handling everything fine so far, but I can see how this may be confusing for others with less computer fluency.
Daniel
April 10, 2021
Pretty well rounded course, of course you have to get a deep understanding on Javascript with HTML and CSS, since this course relies heavily on technologies built around those three languages. Well structures and well paced, so even people that haven't worked yet with any framewworks can get a lot off from.
Oketta
March 17, 2021
Good instructor overall. However, the production quality could be better: there's some white noise in the audio... (just nit-picking)
Eliran
March 3, 2021
Does not explain anything to the bits and bytes, he just copies things from different websites such as Bootstrap and programs very poorly.
Javier
February 18, 2021
I like it, I'm learning but something I've never liked about classes is the teacher "failing" or making errors. It may be weird but after that I tend to lose interest in the subjects and mock teachers. HOWEVER, even though there have been some (little) mistakes in the programming, I've learrned from watching you (with al due respect) fail and mess up so when there's something that's not going to work I've already tipped in correctly or corrected it, as I code side by side with you.And I learn for real! It's funny because it's frustraring and encouraging at the same time, and I like it and dislike it the same way. All things said, I'm liking the course. And I'm learning, which is the most important thing.
Daniel
February 15, 2021
The Instructor is really confused sometimes and it makes it really hard to follow him. There are many pauses that should be removed from the videos..

Coupons

DateDiscountStatus
7/25/2019100% OFF
expired
8/15/2019100% OFF
expired
9/15/2019100% OFF
expired
11/1/2019100% OFF
expired
1/1/2020100% OFF
expired
3/1/2020100% OFF
expired
5/15/2020100% OFF
expired
6/24/202095% OFF
expired
7/31/2020100% OFF
expired
8/28/2020100% OFF
expired
9/30/2020100% OFF
expired
10/21/202095% OFF
expired
10/30/2020100% OFF
expired
1/2/2021100% OFF
expired
7/14/202194% OFF
expired
9/19/2021100% OFF
expired

Charts

Price

The Complete Full-Stack JavaScript Course - Price chart

Rating

The Complete Full-Stack JavaScript Course - Ratings chart

Enrollment distribution

The Complete Full-Stack JavaScript Course - Distribution chart

Related Topics

2272508
udemy ID
3/15/2019
course created date
7/25/2019
course indexed date
Bot
course submited by