Course Outline

Following are the Chapter & Topic details for Javascript course

• 1. Introduction

  • 1. Introduction to React JS Library
  • 2. Building Single-Page Applications (SPAs) with React
  • 3. Javascript Refresher
  • 4. Variables Const, Let
  • 5. Functions
  • 6. Arrow Functions
  • 7. Exports Imports
  • 8. Spread & Rest Importer

• 2. React Basics & Components

  • 1. Module Introduction
  • 2. What Are Components? And Why Is React All About Them?
  • 3. React Code Is Written In A "Declarative Way"!
  • 4. Introducing JSX
  • 5. Building a First Custom Component
  • 6. Writing More Complex JSX Code
  • 7. Adding Basic CSS Styling
  • 8. Passing Data via "props"
  • 9. Adding "normal" JavaScript Logic to Components
  • 10. The Concept of "Composition" ("children props")
  • 11. Organizing Component Files
  • 12. An Alternative Function Syntax

• 3. React State & Events

  • 1. Module Introduction
  • 2. Listening to Events & Working with Event Handlers
  • 3. How Component Functions Are Executed
  • 4. Working with "State"
  • 5. A Closer Look at the "useState" Hook
  • 6. Adding Form Inputs
  • 7. Listening to User Input
  • 8. Working with Multiple States
  • 9. Using One State Instead (And What's Better)
  • 10. Handling Form Submission
  • 11. Adding Two-Way Binding
  • 12. Child-to-Parent Component Communication (Bottom-up)
  • 13. Lifting The State Up

• 4. Debugging React Apps

  • 1. Module Introduction
  • 2. Understanding React Error Messages
  • 3. Analyzing Code Flow & Warnings
  • 4. Working with Breakpoints
  • 5. Using the React DevTools

• 5. Advanced: Hooks

  • 1. Module Introduction
  • 2. What are "Side Effects" & Introducing useEffect
  • 3. Using the useEffect() Hook
  • 4. useEffect & Dependencies
  • 5. Using the useEffect Cleanup Function
  • 6. Learning the "Rules of Hooks"

• 6. Class Based Components

  • 1. Module Introduction
  • 2. Adding a First Class-based Component
  • 3. Working with State & Events
  • 4. Lifecycle Methods In Action

• 7. Multi Page SPA with React Router

  • 1. Module Introduction
  • 2. What is Routing & Why?
  • 3. Installing React Router
  • 4. Defining & Using Routes
  • 5. Working with Links
  • 6. Using NavLinks
  • 7. Adding Dynamic Routes with Params
  • 8. Extracting Route Params
  • 9. Using "Switch" and "exact" For Configuring Routes
  • 10. Working with Nested Routes
  • 11. 404 Not Found Page
  • 12. Working with Query Parameters
  • 13. Getting Creative With Nested Routes
  • 14. Sending & Getting Quote Data via Http

• 8. Redux

  • 1. Module Introduction
  • 2. Redux vs React Context
  • 3. More Redux Basics
  • 4. Creating a Redux Store for React
  • 5. Creating a Redux Store for React
  • 6. Dispatching Actions From Inside Components
  • 7. Redux with Class-based Components
  • 8. Working with Multiple State Properties
  • 9. Redux Challenges & Introducing Redux Toolkit
  • 10. Connecting Redux Toolkit State
  • 11. Working with Multiple Slices

• 9. Redux Advanced

  • 1. Module Introduction
  • 2. Redux & Side Effects (and Asynchronous Code)
  • 3. Redux & Async Code
  • 4. Using useEffect with Redux
  • 5. Handling Http States & Feedback with Redux
  • 6. Using an Action Creator Thunk
  • 7. Getting Started with Fetching Data
  • 8. Exploring the Redux DevTools

• 10. Where to go From Here ? More Learning Options

  • 1. Mobile Development - React Native
  • 2. Next JS React Framework
  • 3. Node JS & Express
  • 4. Competitive Framework Vue or Angular