Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 24.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
Development Web Development JavaScript

The Complete Full-Stack JavaScript Course!

Learn full-stack web development using JavaScript (ReactJS, NodeJS, LoopbackJS, Redux and Material-UI)!
Rating: 4.3 out of 54.3 (3,095 ratings)
277,345 students
Created by Joseph Delgadillo, Nick Germaine
Last updated 5/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

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

Course content

6 sections • 96 lectures • 24h 14m total length

  • Preview09:41
  • Preview12:24
  • Anatomy of a React project
    13:08

  • Writing a React component
    08:51
  • React life-cycle
    04:54
  • The React state
    15:16
  • Understanding component props and re-rendering
    17:37
  • Importing CSS into React components
    04:36
  • Coding a calculator part 1
    18:41
  • Coding a calculator part 2
    34:41

  • React website setup
    06:20
  • Component children
    16:52
  • React routing
    10:20
  • Route parameters and HTML slicing part 1
    14:32
  • Route parameters and HTML slicing part 2
    16:55
  • Services and portfolio pages part 1
    15:45
  • Services and portfolio pages part 2
    09:40
  • Working with forms in React part 1
    15:35
  • Working with forms in React part 2
    22:20
  • Using Formik
    22:33
  • Yup form validation schemas
    17:02

  • Setup of REST API using LoopbackJS
    14:53
  • Creating models
    12:34
  • Model observers
    16:13
  • Model relations
    15:58
  • ESLINT
    09:24
  • Subclassing access tokens
    06:12
  • Persisting data using MongoDB
    20:28
  • Creating data
    07:04
  • Updating data
    04:12
  • Finding model instances part 1
    21:23
  • Finding model instances part 2
    03:02
  • Deleting model instances
    07:01
  • Creating post collection
    06:27
  • Roles and rolemapping
    14:01
  • Applying access control to our post model
    12:39
  • Adding an editor role
    09:34
  • Creating a category model
    08:35
  • File storage and collection part 1
    15:11
  • File storage and collection part 2
    09:44
  • Custom remote methods and file uploads part 1
    17:37
  • Custom remote methods and file uploads part 2
    14:21
  • Creating login route
    18:06
  • Adding a login form
    12:01

  • Wrapping components
    11:29
  • Dispatching actions
    06:19
  • Creating a store and reducer
    24:01
  • Integrating remote API calls
    21:52
  • Applying middleware
    14:35
  • Material-UI intro
    11:35
  • Drawer and CSS
    16:17
  • Drawer collapsing and animations
    14:03
  • Icons, lists and links
    17:10
  • Main content class
    14:24
  • Persisting reducers using localStorage
    15:29
  • Basic tables
    11:12
  • Fetching posts and users from our API
    21:07
  • Fab buttons
    11:41
  • Setting up Redux, Material-UI and Formik for our add post page
    11:43
  • Material-UI forms with Formik
    19:01
  • Flex display and connecting our post form to our database via Redux part 1
    15:16
  • Flex display and connecting our post form to our database via Redux part 2
    14:34
  • Editing existing posts
    27:30
  • Uploading post images part 1
    16:02
  • Uploading post images part 2
    17:13
  • Integrating Quill as a content editor
    17:38
  • Loading posts on the front-end part 1
    13:55
  • Loading posts on the front-end part 2
    16:44
  • Loading more posts on demand
    11:39
  • Single post page
    26:33
  • Registering new accounts
    25:05
  • Posting comments and adding relations and ACLs to our API part 1
    20:18
  • Posting comments and adding relations and ACLs to our API part 2
    19:25
  • Deploying React apps with NGINX
    25:47
  • Deploying our API using PM2 and NGINIX part 1
    17:45
  • Deploying our API using PM2 and NGINIX part 2
    14:04
  • Deploying our API using PM2 and NGINIX part 3
    16:55

  • Creating a chat app
    08:02
  • Creating our chat store
    11:27
  • WebSocket connections
    07:52
  • Sending socket messages
    13:01
  • Creating signup and login forms
    18:11
  • Writing account based logic part 1
    29:43
  • Writing account based logic part 2
    01:58
  • Using auth tokens
    12:39
  • Styling the messenger
    21:20
  • Tracking logged in users
    13:55
  • Search functionality
    20:26
  • Creating new threads and sending to relevant clients
    26:31
  • Connecting on page load if already logged in
    24:01
  • Get threads on page load
    10:07
  • Disconnecting socket sessions
    11:07
  • Adding messages and sending to relevant clients
    31:46
  • Rendering messages client-side
    18:42
  • Rendering messages with user information
    22:47
  • Ejecting a React application
    08:40

Requirements

  • A basic understanding of HTML, CSS and JavaScript.

Description

If you would like to master JavaScript and get started as a full-stack web developer, you are going to LOVE this course! Learn full-stack JavaScript development working on coding projects using ReactJS, NodeJS, LoopbackJS, Redux, Material-UI and socket programming.

We will work on the following 3 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. With a web socket 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.

This course was designed 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.

All of the lectures are downloadable for offline viewing. English captions are available within the course.

Thank you for taking the time to read this and we hope to see you in the course!

Who this course is for:

  • Web development students interested in mastering JavaScript.

Instructors

Joseph Delgadillo
Best-Selling Instructor
Joseph Delgadillo
  • 4.2 Instructor Rating
  • 55,490 Reviews
  • 1,132,876 Students
  • 13 Courses

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.






Nick Germaine
Lv. 64 Programmer
Nick Germaine
  • 4.3 Instructor Rating
  • 42,240 Reviews
  • 922,424 Students
  • 5 Courses

I'm a Canadian software engineer.  I like clean designs, efficient backends, and long walks on the beach,

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.