The Complete Full-Stack JavaScript Course

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

  • Joseph Delgadillo
  • 4.44
  • (4006 reviews)
  • 24.5 hrs
  • 96 lectures
  • Udemy
The Complete Full-Stack JavaScript Course

What you will learn?

  • Full-stack JavaScript
  • ReactJS
  • NodeJS
  • Rest API with LoopbackJS
  • Redux
  • Material-UI
  • Socket Programming

Your trainer

Joseph Delgadillo

The digital age is upon us. Would you like to build/protect the systems that shape our future?

I am here on Udemy to produce valuable educational resources for students who wish to learn skills related to information technology, network security, programming languages and much more. Enroll in one of my courses for a practical, down to earth approach to learning.

96 lessons

Easy to follow lectures and videos covering subject details.

24.5 hours

This course includes hours of video material. Watch on-demand, anytime, anywhere.

Certificate of Completion

You will earn a Certificate of Completion at the end of this course.

Course curriculum

Introduction and Setup35:13

  • Welcome to the course!09:41
  • Environment setup12:24
  • Anatomy of a React project13:08
  • Section 1 Quiz3 questions

  • Writing a React component08:51
  • React life-cycle04:54
  • The React state15:16
  • Understanding component props and re-rendering17:37
  • Importing CSS into React components04:36
  • Coding a calculator part 118:41
  • Coding a calculator part 234:41

  • React website setup06:20
  • Component children16:52
  • React routing10:20
  • Route parameters and HTML slicing part 114:32
  • Route parameters and HTML slicing part 216:55
  • Services and portfolio pages part 115:45
  • Services and portfolio pages part 209:40
  • Working with forms in React part 115:35
  • Working with forms in React part 222:20
  • Using Formik22:33
  • Yup form validation schemas17:02

  • Setup of REST API using LoopbackJS14:53
  • Creating models12:34
  • Model observers16:13
  • Model relations15:58
  • ESLINT09:24
  • Subclassing access tokens06:12
  • Persisting data using MongoDB20:28
  • Creating data07:04
  • Updating data04:12
  • Finding model instances part 121:23
  • Finding model instances part 203:02
  • Deleting model instances07:01
  • Creating post collection06:27
  • Roles and rolemapping14:01
  • Applying access control to our post model12:39
  • Adding an editor role09:34
  • Creating a category model08:35
  • File storage and collection part 115:11
  • File storage and collection part 209:44
  • Custom remote methods and file uploads part 117:37
  • Custom remote methods and file uploads part 214:21
  • Creating login route18:06
  • Adding a login form12:01

  • Wrapping components11:29
  • Dispatching actions06:19
  • Creating a store and reducer24:01
  • Integrating remote API calls21:52
  • Applying middleware14:35
  • Material-UI intro11:35
  • Drawer and CSS16:17
  • Drawer collapsing and animations14:03
  • Icons, lists and links17:10
  • Main content class14:24
  • Persisting reducers using localStorage15:29
  • Basic tables11:12
  • Fetching posts and users from our API21:07
  • Fab buttons11:41
  • Setting up Redux, Material-UI and Formik for our add post page11:43
  • Material-UI forms with Formik19:01
  • Flex display and connecting our post form to our database via Redux part 115:16
  • Flex display and connecting our post form to our database via Redux part 214:34
  • Editing existing posts27:30
  • Uploading post images part 116:02
  • Uploading post images part 217:13
  • Integrating Quill as a content editor17:38
  • Loading posts on the front-end part 113:55
  • Loading posts on the front-end part 216:44
  • Loading more posts on demand11:39
  • Single post page26:33
  • Registering new accounts25:05
  • Posting comments and adding relations and ACLs to our API part 120:18
  • Posting comments and adding relations and ACLs to our API part 219:25
  • Deploying React apps with NGINX25:47
  • Deploying our API using PM2 and NGINX part 117:45
  • Deploying our API using PM2 and NGINX part 214:04
  • Deploying our API using PM2 and NGINX part 316:55

  • Creating a chat app08:02
  • Creating our chat store11:27
  • WebSocket connections07:52
  • Sending socket messages13:01
  • Creating signup and login forms18:11
  • Writing account based logic part 129:43
  • Writing account based logic part 201:58
  • Using auth tokens12:39
  • Styling the messenger21:20
  • Tracking logged in users13:55
  • Search functionality20:26
  • Creating new threads and sending to relevant clients26:31
  • Connecting on page load if already logged in24:01
  • Get threads on page load10:07
  • Disconnecting socket sessions11:07
  • Adding messages and sending to relevant clients31:46
  • Rendering messages client-side18:42
  • Rendering messages with user information22:47
  • Ejecting a React application08:40
Enroll now
Online Courses

Learning JavaScript doesn't have to be hard. Here is our curated list of recommended online courses that will guide you step-by-step in the learning process.

Learn more
Books

Are you an avid book reader? Do you prefer paperback, or maybe Kindle version? Take a look at our curated list of JavaScript related books and take yourskills to the next level.

Learn more
YouTube videos

The number of high-quality and free JavaScript video tutorials is growing fast. Check this curated list of recommended videos - there is no excuse to stop learning.

Learn more