Week 01: Introduction to HTML
Class 01: Introduction to HTML and Basic Tags
Class 02: HTML Semantic Tags and Grouping
Class 03: Practical Implementations of HTML Concepts
Week 02: Fundamentals of CSS
Class 04: Introduction to CSS and Important Selectors
Class 05: CSS Box Model and Fonts
Class 06: CSS Units and Combinators
Week 03: Advanced CSS Techniques
Class 07: CSS Backgrounds and Links
Class 08: CSS Specificity and Floating
Class 09: CSS Forms, Lists, and Table
Week 04: CSS Layout and Design
Class 10: CSS Position and Gradient
Class 11: CSS Flexbox
Class 12: CSS Full Live Project Part-01
Week 05: CSS Project and Advanced Concepts
Class 13: CSS Full Live Project Part-02
Class 14: CSS Pseudo Class and Elements
Class 15: CSS Media Queries
Week 06: Introduction to CSS Frameworks
Class 16: Introduction to CSS Frameworks (Tailwind)
Class 17: Exploring Tailwind
Class 18: Example of Practical Tailwind Use
Week 07: SCSS and Version Control
Class 19: Introduction to SCSS
Class 20: Practical Implementations of SCSS and BEM
Class 21: Introductions to Git and GitHub
Week 08: Starting with JavaScript
Class 22: Introduction to Programming Language with JavaScript
Class 23: Variables and Data Types with JavaScript
Class 24: JavaScript Operators and Arrays
Week 09: JavaScript Basics
Class 25: JavaScript Conditions and General Loops
Class 26: Functions in JavaScript
Class 27: Deep Look into JavaScript Functions
Week 10: JavaScript Objects and Functions
Class 28: Object Literals in JavaScript
Class 29: Factory Functions and Constructor Functions with more Object concepts
Class 30: Important built-in Methods Part-01
Week 11: Advanced JavaScript Methods
Class 31: Important built-in Methods Part-02
Class 32: Array Methods in JavaScript (Map, Every, Some)
Class 33: Array Methods in JavaScript (Reduce, Filter, Sort)
Week 12: JavaScript and the DOM
Class 34: Understanding Execution Context
Class 35: Introduction to DOM and DOM Selections
Class 36: DOM Traversal
Week 13: DOM Manipulation and JavaScript Events
Class 37: DOM Manipulation
Class 38: DOM Creations
Class 39: JavaScript Events
Week 14: Project Work and Wrap-up
Class 40: Project Class
Class 41: Project Class with API
Class 42: What to do next? Dos and Don’ts
Week 15: React Basics and Fundamentals
Class – 41 → Introduction to React Fundamentals, Components and Props, Reusable Components, Component Composition in React
Class – 42 → 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 – 43 → Creating a Note-Taking/Todo App. Working with Lists in React. Understanding Conditional Rendering in React
Week 16: Note-Taking App and TypeScript Introduction
Class – 44 → Creating a Note-Taking/Todo App (Part – 2)
Class – 45 → Introduction to TypeScript (Part – 1) -> Fundamentals of Typescript
Class – 46 → Introduction to TypeScript (Part – 2) -> Exploring Complex Types using Interfaces, Type, Generics, Decorators, etc.
Week 17: TypeScript with React and State Management
Class – 47 → Combining our TypeScript Knowledge with React -> Recreate the Note Taking App using TypeScript
Class – 48 → Understanding more about State and “Derived State” in React by Creating a Simple Attendance App with TypeScript (CRUD)
Class – 49 → Understanding “State Lifting Mechanism in React” with TypeScript
Week 18: Advanced State Management in React with Context API and useReducer
Class – 50 → Introduction to “Context API” in React – Converting our Attendance App with the help of Context API and TypeScript
Class – 51 → Introduction to “useReducer” Hook in React with TypeScript → A more organized way to manage Complex States in React
Class – 52 → Recreating our Attendance App using Context API and useReducer Hook with TypeScript
Week 19: React Hooks and Connecting to APIs
Class – 53 → Introduction to the “useEffect” hook in React with TypeScript → Understanding more about the Rendering mechanism, Virtual DOM, and how to handle side-effects in React
Class – 54 → Creating a full fake API with the “json-server” package and Connecting REST APIs with our Note-Taking/Todo App and Recreating the CRUD Operations with REST API
Class – 55 → Introduction to Frontend Routing in React through the “React Router” Library with TypeScript
Week 20: Frontend Project Management App Development with React
Class – 56 → Creating a Project Management App like “Trello” with TypeScript (The boards, lists, and tasks-related, and Drag & Drop features from the Frontend ONLY!) (Part -1)
Class – 57 → Creating a Project Management App like “Trello” with TypeScript (The boards, lists, and tasks-related, and Drag & Drop features from the Frontend ONLY!) (Part – 2)
Class – 58 → Creating a Project Management App like “Trello” with TypeScript (The boards, lists, and tasks-related, and Drag & Drop features from the Frontend ONLY!) (Part – 3)
Week 21: Advanced React Techniques and Performance Optimization
Class – 59 → Reusing Logics across Components – Understanding “Custom Hooks” in React with TypeScript, Understanding “useRef” Hook in React
Class – 60 → Performance bottlenecks and improving techniques in React with TypeScript – “memo Function” “useMemo Hook”, “useCallback Hook”
Class – 61 → Introduction to “Redux” with TypeScript – The organized way to manage ”Global States” in React Applications
Week 22: State Management with Redux in React
Class – 62 → Hands-on Practice with Redux – Creating a Shopping Cart Application with TypeScript
Class – 63 → Introduction to “Redux Toolkit” with TypeScript – An easier approach for using Redux Logic → Recreating our Shopping Cart App with Redux Toolkit
Class – 64 → Introduction to Asynchronous Actions in Redux – Redux Middleware and Thunks with TypeScript
Week 23: Advanced Redux and Asynchronous Actions
Class – 65 → Handling Asynchronous Actions in Redux Toolkit with TypeScrip
Class – 66 → Tanstack React Query with TypeScript → Understanding “Server States” and how to manage those in our React Apps
Class – 67 → Redux Toolkit Query with TypeScript → An easier approach to manage Server States in Redux Applications
Week 24: Class Components and Advanced React Patterns
Class – 68 → Introduction to Class Components in React with TypeScript- Working on Legacy projects
Class – 69 → HOC (Higher Order Components) in React with TypeScript – Reusing Logics across Components in Class Components
Class – 70 → Render Props Pattern in React with TypeScript – Another Beautiful technique for Reusing Logics across Class Components
Week 25: Introduction to Next.js with TypeScript
Class – 71 → Introduction to Next JS with TypeScript – Basics of Next JS (Client-Side Rendering vs Server Rendering, File Based Routing Mechanism, Dynamic Routing)
Class – 72 → Different Rendering Options in Next Js with TypeScript – SSG (Static Site Generation), ISR (Incremental Static Regeneration), SSR (Server Side Rendering)
Class – 73 → Introduction to App Router in Next Js 13 with TypeScript (Part 1)
Week 26: Advanced Next.js Features and Single Vendor E-commerce App Development
Class – 74 → Introduction to App Router in Next Js 13 with TypeScript (Part 2)
Class – 75 → Creating a Single Vendor E-commerce with NextJs and TypeScript (Part 1)
Class – 76 → Creating a Single Vendor E-commerce with NextJs and TypeScript (Part 2)
Week 27: Continued E-commerce App Development and REST API Basics
Class – 77 → Creating a Single Vendor E-commerce with NextJs and TypeScript (Part 03)
Class – 78 → Creating a Single Vendor E-commerce with NextJs and TypeScript (Part 4)
Class – 79 → The Basics of Rest API Development → Simple Crud Operations
Week 28: REST API Development and Multi Author Blog Application
Class – 80 → The Basics of Rest API Development → Authentication Strategy & Flow
Class – 81 → Creating a Multi Author Blog Application with TypeScript and NextJS (Part 1)
Class – 82 → Creating a Multi Author Blog Application with TypeScript and NextJS (Part 2)
Week 29: Completing the Multi Author Blog Application
Class – 83 → Creating a Multi Author Blog Application with TypeScript and NextJS (Part 3)
Class – 84 → Creating a Multi Author Blog Application with TypeScript and NextJS (Part 4)
Class – 85 → Introduction to Testing in Javascript & TypeScript World (Jest, React Testing Library)
Week 30: Testing in JavaScript and TypeScript
Class – 86 → More About Testing in React Apps with TypeScript
Class – 87 → Adding Test Coverage for our Blog Application (Part 1)
Class – 88 → Adding Test Coverage for our Blog Application (Part 2)
Prerecorded: Introduction to HTML
HTML Basics00:06:19
HTML Elements00:03:29
HTML Attributes00:05:46
HTML Headings00:03:18
HTML Paragraph00:01:55
HTML Style00:03:04
HTML Formatting00:08:04
HTML Quotation00:05:59
HTML Comment00:03:38
HTML Link00:03:14
HTML Image00:04:57
HTML Table00:07:14
HTML List00:07:35
HTML Block and Inline00:05:27
HTML Iframe00:03:37
HTML Id and Class00:03:36
Using JS in HTML00:03:14
Semantic Elements HTML00:04:12
Intro To HTML Form00:04:53
HTML Input00:12:17
HTML Form Elements00:07:21
Prerecorded: Styling your HTML: A CSS Adventure
CSS Basics00:09:44
CSS Syntax00:07:15
CSS Selector00:11:43
CSS Comments00:03:29
CSS Color00:09:11
Intro to box model00:07:02
Padding00:11:00
Border00:05:00
Margin00:08:37
Text Formatting00:16:01
CSS Fonts00:08:35
Using Icons00:06:39
CSS Links00:10:44
CSS List00:12:02
CSS Table00:05:09
CSS Position00:13:26
CSS Combinator00:07:20
CSS Specificity00:16:04
Prerecorded: Bootstrap: The framework to unite HTML & CSS
Intro and Installation Bootstrap00:06:11
Bootstrap Carousel00:09:04
Bootstrap Form00:11:55
Bootstrap Modal00:05:27
Bootstrap Popover00:04:23
Bootstrap Toast00:05:27
Bootstrap Container00:05:08
Grid System00:21:22
Bootstrap Alert00:06:25
Bootstrap Badges00:05:14
Bootstrap Button00:08:14
Bootstrap Colors00:06:50
Bootstrap Images00:06:30
Bootstrap Table00:09:05
Prerecorded: JavaScript Essentials
Setting Up Environment00:04:07
Showing JavaScript Output00:06:42
Variable and Constant00:08:14
Naming a Variable00:06:27
Comments in JavaScript00:03:28
Implicit Type Coersion00:09:44
Truthy Value Falsy Value00:04:56
Number and Math methods00:10:50
String Methods00:11:09
Understanding Array00:05:17
Array Iteration00:07:26
Introduction to Array Methods00:06:46
Multi Dimension Array00:05:07
Intro to Operators00:03:12
Arithmetic Operators00:06:06
Assignment Operators00:04:22
Comparison Operators00:07:15
Understaing Control Structures00:04:26
Else If00:05:37
If Statements00:04:36
Switch Statements00:06:44
Intro_Loops00:05:15
While Loops00:07:46
For Loops00:13:20
For Each Loop00:09:03
For Of Loop00:03:35
Break and Continue00:04:14
FizzBuzz Problem00:06:12
Sign In 
