Explore let and const to control scope in JavaScript, showing function vs. block scope, and how const enforces single assignment while let enables reassignment.

Learn how template strings enable multi-line text and variable substitution with backticks in JavaScript, using ${} expressions for dynamic output.

Explore how JavaScript handles functions, from function declarations to anonymous functions and arrow functions. See how callbacks power setInterval, map, and findIndex, and how arrow functions simplify single expression bodies.

Explore spread and rest operators in JavaScript to copy and merge arrays, clone objects, and collect function arguments, highlighting references versus copies and handling undefined.

Explore creating classes and objects in JavaScript, using constructors and methods in a prototypical object oriented style. See how extends and super constructors enable inheritance for objects such as employees.

Learn object and array destructuring to extract name, city, and email from objects, handle missing properties, and gather remaining items with the rest operator, including parameter destructuring in functions.

Explore how promises replace callbacks to handle asynchronous division with resolve and reject. Move from error-first callbacks to then, catch, and async/await with try/catch for cleaner, synchronous-looking code.

discover how React, an open source JavaScript library for building user interfaces that run on browsers and smartphones, uses components, props, state, and render, covering class and stateless components.

Create a new react app with npx create-react-app, name the project, and install core dependencies. Start the development server with npm start to open localhost:3000.

Learn to build a React app from setup to rendering, using class and functional components with JSX, rendering into the root, and composing header, content, and footer with CSS.

Pass and access props in React by wiring parent child components, using title and subheading. Apply ES6 spread and destructuring to forward and extract props such as website and company.

Implement event handling in React by wiring onClick handlers, logging actions, and preserving this context with constructor binding, arrow function properties, or inline binding, alongside Bootstrap styling.

Explore stateful components in React by building a counter with a state object, using this.setState, and handling on click events to increment and decrement while avoiding direct state mutation.

Learn how a stateless functional component renders increment and decrement buttons using props for caption and handler, and why state belongs in a class-based component.

Demonstrates building React forms with uncontrolled components via refs and with controlled components bound to state. Explains onSubmit handling and preventing default to access form data.

Learn how to turn form elements into controlled components by syncing user input with component state, using onChange handlers, and treating React state as the single data source.

Learn to implement form validation in a React app by validating name, email, and phone fields, managing errors in state, and displaying real-time feedback.

Explore the React component lifecycle across mounting, updating, and unmounting, and learn how constructors, getDerivedStateFromProps, render, and componentDidMount shape state and UI.

Render arrays of objects in React by mapping an array to generate multiple contact cards with unique keys. Use props, stateless components, and Bootstrap styling to create a responsive UI.

Fetch data from a local rest endpoint in a React app using the fetch API. Set up json-server, configure ports, and render a 50-contact list with a contact card component.

Explore higher order components in React by building a loading wrapper that takes a component and returns a new component, enabling loading states and data-driven rendering.

Explore how the virtual DOM powers fast React apps by diffing updates and patching only the necessary parts of the real DOM, with examples showing selective re-rendering of components.

Explore state management across multiple components in a React app by lifting state to the app component and wiring add and delete handlers through props. See why Redux is popular.

Explore how redux manages state across components by dispatching actions like add name and delete name. A reducer updates the store and a subscribed interface refreshes the name list.

Combine Redux and React with a Detox app to manage a contact form and list, creating a Redux store, actions, reducers, and thunk for async fetch, add, and delete.

Explore building a single page application with React Router, using hash and browser routing to dynamically load content and map routes to components like home and contact lists.

Learn how to use route parameters in a React SPA to view contact details by id, linking to /contact-details/:id, fetching data via redux, and navigating back to the contacts list.

Thank you for choosing this course; learning continues beyond it, and your feedback helps shape future lessons and support your future success.