Overview What You Will Learn Curriculum Instructor

Course Overview

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.

What You Will Learn

  • Master Full-stack JavaScript
  • Learn about ReactJS
  • Explore NodeJS
  • Learn about Rest API with LoopbackJS
  • Learn about Redux
  • Understanding Material-UI
  • Learn Socket Programming

Program Curriculum

  • Environment Setup
  • Anatomy of a React Project
  • $7 Million Cybersecurity Scholarship by EC-Council
  • Chapter 01 Quiz

  • Writing a React Component
  • React Lifecycle
  • The React State
  • Understanding Component Props and Re-rendering
  • Importing CSS into React Components
  • Coding a Calculator Part 1
  • Coding a Calculator Part 2
  • Chapter 02 Quiz

  • 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
  • Chapter 03 Quiz

  • 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
  • Chapter 04 Quiz

  • 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 NGINX Part 1
  • Deploying Our API Using PM2 and NGINX Part 2
  • Deploying Our API Using PM2 and NGINX Part 3
  • Chapter 05 Quiz

  • 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
  • Chapter 06 Quiz
Load more modules

Instructor

Joseph Delgadillo

Joseph Delgadillo is the founder of JTDigital Courses, an education technology company. He has been active in the online learning community since 2015 and has worked with multiple startups. As of 2020, over 600,000 students across the globe have enrolled in his courses covering ethical hacking, Python programming, web development and more. He graduated with honours from Central Washington University.

Join over 1 Million professionals from the most renowned Companies in the world!

certificate

Empower Your Learning with Our Flexible Plans

Invest in your future with our flexible subscription plans. Whether you're just starting out or looking to enhance your expertise, there's a plan tailored to meet your needs. Gain access to in-demand skills and courses for your continuous learning needs.

Monthly Plans
Annual Plans
Save 20% with our annual plans!

Pro

Ideal for continuous learning, offering extensive resources with 600+ courses and diverse Learning Paths to enhance your skills.

$ 499.00
Billed annually or $59.00 billed monthly
Get Started Now
Start your 7-day trial for $1

What is included

  • 700+ Premium Short Courses
  • 50+ Structured Learning Paths
  • Validation of Completion with all courses and learning paths
  • New Courses added every month
Early Access Offer

Pro +

Experience immersive learning with Practice Labs, CTF Challenges, and exclusive EC-Council certifications for comprehensive skill-building.

$ 599.00
Billed annually or $69.00 billed monthly
Get Started Now
Start your 7-day trial for $1

Everything in Pro and

  • 800+ Practice Lab exercises with guided instructions
  • 150+ CTF Challenges with detailed walkthroughs
  • New Practice Labs and Challenges added every month
  • 3 Official EC-Council Essentials Certifications¹ (retails at $897!)
    Exclusive Bonus with Annual Plans

¹This plan includes Digital Forensics Essentials (DFE), Ethical Hacking Essentials (EHE), and Network Defense Essentials (NDE) certifications. No other EC-Council certifications are included.

Related Courses

  • Introduction to Raspberry Pi

    Introduction to Raspberry Pi

    Short Course

    Introduction to Raspberry Pi

    Software Development

    Learn How to Create Software and Hardware Projects using Rasp...

    $49.99

    Beginner

    2 hr 0 m

  • Hands-on React Native

    Hands-on React Native

    Short Course

    Hands-on React Native

    Software Development

    Learn to build modern, beautiful & powerful native iOS an...

    $49.99

    Beginner

    6 hr 32 m

  • Learn Python Programming with 100 Practicals

    Learn Python Programming with 100 Practicals

    Short Course

    Learn Python Programming with 100 Practicals

    Software Development

    Learn Python Programming from scratch.

    $69.99

    Beginner

    5 hr 30 m

  • Game Development with C# and Unity – Reinforce Your C# Codes

    Game Development with C# and Unity – Reinforce Your C# Codes

    Short Course

    Game Development with C# and Unity – Reinforce Your C# Codes

    Software Development

    Learn to write code that is not just functional, but clean, m...

    $49.99

    Advanced

    4 hr 18 m

  • React.JS Crash Course: The Complete Course for Beginners

    React.JS Crash Course: The Complete Course for Beginners

    Short Course

    React.JS Crash Course: The Complete Course for Beginners

    Software Development

    Create web apps that are robust, quick, user-friendly, and re...

    $59.99

    Beginner

    2 hr 0 m

  • Optimizing and Securing Ansible Playbooks

    Optimizing and Securing Ansible Playbooks

    Short Course

    Optimizing and Securing Ansible Playbooks

    Software Development

    Efficiently Automating Container and System Management with S...

    $99.99

    Intermediate

    5 hr 0 m

  • OAuth, OpenID, and SAML Crash Course Security for Web and Mobile

    OAuth, OpenID, and SAML Crash Course Security for Web and Mobile

    Short Course

    OAuth, OpenID, and SAML Crash Course Security for Web and Mobile

    Software Development

    Learn how OAuth2, OpenID, and SAML work as open standards for...

    $49.99

    Advanced

    1 hr 0 m

  • Spring Core Framework with Spring Tool Suite

    Spring Core Framework with Spring Tool Suite

    Short Course

    Spring Core Framework with Spring Tool Suite

    Software Development

    The hands-on learning experience of Spring Core Framework

    $49.99

    Intermediate

    1 hr 37 m

1 8