Class 41: More DOM Manipulation and Event Listener
Class 42: DOM Manipulation – Form Handling
JavaScript Live Class Week 15
Class 43: DOM Creation and Adding to Document
Class 44: Spread Operator, Array and Object Destructuring
Class 45: Event Bubble and Event Capture
JavaScript Live Class Week 16
Class 46: Keyboard Event and Drum Kit Project
Class 47: DOM Project: Digital Clock and Copy to Clipboard
HTML, CSS and JavaScript Projects
ReactJS Live Class Week 01
Class – 1 → Introduction to React Fundamentals, Components and Props, Reusable Components, Component Composition in React
Class – 2 → Understanding is State in React and How to manage it using the “useState” React Hook. Understanding Event Handling, Virtual DOM, and Rendering Mechanism in React
Class – 3 → Creating a Note-Taking/Todo App. Working with Lists in React. Understanding Conditional Rendering in React
Assignments 01
ReactJS Live Class Week 02
Class – 4 → Understanding more about State and “Derived State” in React by Creating a Simple Attendance App (CRUD)
Class – 5 → Understanding “State Lifting Mechanism in React”
Class – 6 → Introduction to “Context API” in React – Converting our Attendance App with the help of Context API
Assignments 02
ReactJS Live Class Week 03
Class – 7 → Introduction to “useReducer” Hook in React → A more organized way to manage Complex States in React
Class – 8 → Recreating our Attendance App with Context API and useReducer Hook
Class – 9 → Introduction to the “useEffect” hook in React → Understanding more about the Rendering mechanism, Virtual DOM, and how to handle side-effects in React
Assignments 03
ReactJS Live Class Week 04
Class – 10 → Creating a full fake API with the “json-server” package and Connecting APIs with our Note-Taking/Todo App and Recreating the CRUD Operations with API
Class – 11 → Introduction to Frontend Routing in React through the “React Router” Library
Class – 12 → Creating a Project Management App like “Trello” (The boards, lists, and tasks-related, and Drag & Drop features from the Frontend ONLY!) (Part -1)
Assignments 04
ReactJS Live Class Week 05
Class – 13 → Creating a Project Management App like “Trello” (The boards, lists, and tasks-related, and Drag & Drop features from the Frontend ONLY!) (Part – 2)
Class – 14 → Creating a Project Management App like “Trello” (The boards, lists, and tasks-related, and Drag & Drop features from the Frontend ONLY!) (Part – 3)
Class – 15 → Reusing Logics across Components – Understanding “Custom Hooks” in React, Understanding “useRef” Hook in React
Assignments 05
ReactJS Live Class Week 06
Class – 16 → Performance bottlenecks and improving techniques in React – “memo Function” “useMemo Hook”, “useCallback Hook”
Class – 17 → Introduction to “Redux” – The organized way to manage ”Global States” in React Applications
Class – 18 → Hands-on Practice with Redux – Creating a Shopping Cart Application
Assignments 06
ReactJS Live Class Week 07
Class – 19 → Introduction to “Redux Toolkit Query” – An easier approach for using Redux Logic → Recreating our Shopping Cart App with Redux Toolkit Query
Class – 20 → Introduction to Asynchronous Actions in Redux – Redux Middleware and Thunks
Class – 21 → Handling Asynchronous Actions in Redux Toolkit
Assignments 07
ReactJS Live Class Week 08
Class – 22 → Tanstack React Query → Understanding “Server States” and how to manage those in our React Apps
Class – 23 → Redux Toolkit Query → An easier approach to manage Server States in Redux Applications
Class – 24 → Introduction to Class Components in React – Working on Legacy projects
Assignments 08
ReactJS Live Class Week 09
Class – 25 → HOC (Higher Order Components) – Reusing Logics across Components in Class Components
Class – 26 → Render Props Pattern – Another Beautiful technique for Reusing Logics across Class Components
Class – 27 → Introduction to Next JS – Basics of Next JS (Client-Side Rendering vs Server Rendering, File Based Routing Mechanism, Dynamic Routing)
Assignments 09
ReactJS Live Class Week 10
Class – 28 → Different Rendering Options in Next Js – SSG (Static Site Generation), ISR (Incremental Static Regeneration), SSR (Server Side Rendering)
Class – 29 → Introduction to App Router in Next Js 13
Class – 30 → Final Project (Blog/Single Vendor E-commerce) Part 1
ReactJS Live Class Week 11
Class – 31 → Final Project (Blog/Single Vendor E-commerce) Part 2
Class – 32 → Final Project (Blog/Single Vendor E-commerce) Part 3
Class – 33 → Final Project (Blog/Single Vendor E-commerce) Part 4
Interactive Cares is Country’s one of the most prominent virtual platforms for providing academic, career & skill development and cultural flourishment through events, campaigns, courses, master classes, and real-time communication.