Overview What You Will Learn Curriculum Instructor

Course Overview

JavaScript has evolved from a simple scripting language into a powerful full-stack development tool. With frameworks like ReactJS on the front end and LoopbackJS on the back end, JavaScript now enables developers to build entire web applications using a single language. Learning full-stack JavaScript is essential for modern developers who want to create dynamic, responsive, and scalable applications efficiently while keeping development streamlined and cohesive across client and server environments.

This course begins with a walkthrough of setting up the development environment and understanding the structure of a React project. It then dives deep into React fundamentals such as components, state, props, forms, and routing by building projects like calculators and websites. The back end is introduced using LoopbackJS to create robust REST APIs, manage data with MongoDB, and implement authentication, access control, and file handling. The course also explores integrating Redux and Material-UI for scalable state management and responsive UI, and covers full deployment with NGINX and PM2. Finally, learners build a real-time chat app using WebSockets and authentication, rounding off with advanced front-end and server logic integration.

This chapter-based course equips learners with real-world full-stack development skills using modern JavaScript tools from React to REST APIs and WebSockets.

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

Choose the Pro Plan That Fits Your Learning Journey

Invest in your future with flexible Pro subscription plans. Whether you're starting your cybersecurity journey or expanding your expertise, choose the membership duration that works for you and gain access to our complete learning platform.

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

Pro

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

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

What is included

  • Access to 900+ Premium Short Courses
  • 70+ 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 and CTF Challenges for comprehensive skill-building.

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

Everything in Pro and

  • 600+ Practice Labs with Guided Instructions
  • 400+ CTF Challenges with Detailed Walkthroughs
  • New Practice Labs and Challenges Added Every Month

Related Courses

  • Bootstrap 4 Quick Website Bootstrap Components Course
    Short Course

    Bootstrap 4 Quick Website Bootstrap Components Course

    Software Development

    Explore the basics of Bootstrap and learn to create a website...

    $49.99

    Beginner

    1 hr 30 m

  • CCNA - Understanding Routers and Switches
    Short Course

    CCNA - Understanding Routers and Switches

    Security Architecture and Operations

    A comprehensive guide to understanding the in-depth functioni...

    $49.99

    Intermediate

    2 hr 0 m

  • React.JS for Ecommerce: Building a Store with React.JS
    Short Course

    React.JS for Ecommerce: Building a Store with React.JS

    DevSecOps

    From React.js Fundamentals to Crafting an Online Storefront

    $49.99

    Advanced

    3 hr 30 m

  • CISSP Certification Domains 5, 6, 7, and 8 Video Training
    Short Course

    CISSP Certification Domains 5, 6, 7, and 8 Video Training

    Cybersecurity

    This course is ideal for individuals who desire to pass the I...

    $69.99

    Intermediate

    6 hr 30 m

  • Helm 3 - Package Manager for Kubernetes
    Short Course

    Helm 3 - Package Manager for Kubernetes

    Software Development

    A must tool for every DevOps engineer

    $49.99

    Intermediate

    1 hr 27 m

  • Learn Ethical Hacking by Hacking Real Websites Legally
    Short Course

    Learn Ethical Hacking by Hacking Real Websites Legally

    Vulnerability Assessment and Pentesting

    Fun way to learn ethical hacking by playing online hacking ga...

    $69.99

    Beginner

    4 hr 18 m

  • Mastering Ansible Playbooks: Debugging and Security
    Short Course

    Mastering Ansible Playbooks: Debugging and Security

    Software Development

    Securing and Automating Linux and Windows Systems with Advanc...

    $99.99

    Advanced

    5 hr 34 m

  • Cybersecurity for Blockchain from Ground Up
    Short Course

    Cybersecurity for Blockchain from Ground Up

    Cybersecurity

    Implement, identify, and manage security in your Blockchain a...

    $69.99

    Intermediate

    6 hr 2 m

1 49
View all