Sign In - Frontend Projects (React)
- Todo/Note-Taking App (Proper CRUD with API)
- A Simple Attendance App
- A Project management App like Trello (Main features and from FRONTEND ONLY)
- A full-featured Shopping Cart App
- A single-vendor E-commerce/Blog Application with Authentication and Authorization (Both User Facing Application and Admin Dashboard (minimalist) Application)
Select Your Favourite
Category And Start Learning.
Get Started
Zoom Link For Daily Live Class
Google Class Room Link
Facebook Private Support Group Link
HTML Live Class Week 01
Orientation Live Class – Full Stack Web Development Batch 0901:19:38
Class 01: Introduction to HTML and Basic Tags01:07:24
Class 02: HTML Semantic Tags and Grouping01:21:49
Class 03: HTML Form01:12:27
HTML Live Class Week 02
Class 04: Practical Implementation of HTML Concepts01:08:34
Class 05: Introduction to CSS and Important Selectors01:14:17
Class 06: CSS Fonts01:05:59
HTML CSS Live Class Week 03
Class 07: CSS Box Model01:04:42
Class 08: CSS Specificity,lists, and shapes01:05:25
Class 09: CSS Form and Tables00:59:45
HTML CSS Live Class Week 04
Class 10: CSS Combinator, Floating01:10:04
Class 11: CSS Position01:09:19
Class 12: CSS Units and Background01:26:18
HTML CSS Live Class Week 05
Class 13: CSS Flexbox01:09:53
Class 14: CSS Pseudo Class and Elements01:13:02
Class 15: CSS Live Full Project01:19:56
HTML CSS Bootstrap Live Class Week 06
Class 16: Introduction to Responsive Web Design01:11:25
Class 17: CSS Frameworks and Exploring Bootstrap Components01:18:17
Class 18: Understanding Bootstrap Grid System00:57:43
HTML CSS Bootstrap Live Class Week 07
Class 19: BEM and SCSS01:14:08
Class 20: Recap: Responsive Web Design with Mobile First Approach.01:25:31
Class 21: Recap: Responsive Web Design with Mobile First Approach. Part -201:37:12
JavaScript Live Class Week 08
Class 22: Conceptual Class on Figma Design using HTML and CSS01:37:54
Class 23: Introduction to Programming and Programming Languages01:21:28
Class 24: Memory Allocation, Variables and Constant in JavaScript01:16:16
JavaScript Live Class Week 09
Class 25: Data types and Operators.01:06:19
Class 26: Array in JavaScript01:03:47
Class 27: Array and General Loops01:13:12
JavaScript Live Class Week 10
Class 28: 2D Array and Nested Loops01:07:38
Class 29: Conditionals in Programming00:55:27
Class 30: Introduction to Functions in JavaScript01:00:10
JavaScript Live Class Week 11
Class 31: Return keyword and Callback Function01:15:28
Class 32: Object Literal in JavaScript01:09:27
Class 33: Factory Function, Constructor Function and this Keyword01:11:03
JavaScript Live Class Week 12
Class 34: Exploring Built in Methods and Problems Solving – String01:26:17
Class 35: Problem Solving with JavaScript01:18:34
Class 36: Array Methods – Map, Filter, Some01:20:56
JavaScript Live Class Week 13
Class 37: Array Methods – Reduce, Sort, Every01:18:36
Class 38: How JavaScript works and what is it’s execution context01:11:01
Class 39: Dom01:11:43
JavaScript Live Class Week 14
Class 41: More DOM Manipulation and Event Listener01:19:17
Class 42: DOM Manipulation – Form Handling00:54:56
JavaScript Live Class Week 15
Class 43: DOM Creation and Adding to Document01:06:43
Class 44: Spread Operator, Array and Object Destructuring01:06:41
Class 45: Event Bubble and Event Capture01:01:13
JavaScript Live Class Week 16
Class 46: Keyboard Event and Drum Kit Project01:05:49
Class 47: DOM Project: Digital Clock and Copy to Clipboard01:00:10
Class 48: Text to Voice01:02:01
JavaScript Live Class Week 17
Class 49: Recap-1: Functions in Depth01:11:33
Class 50: Final Exam and Array Methods Recap.01:02:26
HTML, CSS and JavaScript Projects
ReactJS Live Class Week 01
Class – 1 → Introduction to React and Component02:05:43
Class – 2 Learn More about Reusable Components and Props02:10:39
Class – 3 Introduction to State in React01:52:00
Assignments 01
ReactJS Live Class Week 02
Class – 4 Creating A Note Taking App01:44:25
Class – 5 Completing the Taking App01:28:09
Class – 6 Create a Simple Attendance App02:13:19
Assignments 02
ReactJS Live Class Week 03
Class – 7 Return keyword and Callback Function01:55:30
Class – 8 Object Literal in JavaScript02:12:40
Class – 9 Introduction to Context API in React01:58:08
Assignments 03
ReactJS Live Class Week 04
Class – 10 Introduction to useReducer hook in React01:47:21
Class – 11 Using useReducer Hook in our Attendance App01:57:43
Class – 12 Part 01 Introduction to useEffect Hook in React01:14:16
Class – 12 Part 02 Introduction to useEffect Hook in React00:19:16
Assignments 04
ReactJS Live Class Week 05
Class – 13 Connecting the Note Taking app with Rest API01:28:35
Class – 14 Introduction to React Router Dom01:53:37
Class – 15 Create a Shopping Cart App01:55:01
Assignments 05
ReactJS Live Class Week 06
Class – 16 Introduction to Custom Hooks in React01:45:16
Class – 17 Introduction to performance optimization techniques in React01:27:16
Class – 18 Revisitting some of the fundamental topics of React01:19:00
Assignments 06
ReactJS Live Class Week 07
Class – 19 Introduction to Redux01:38:08
Class – 20 Introduction to Redux Toolkit01:19:51
Class – 21 Exploring Middleware and think in Redux01:30:43
Assignments 07
ReactJS Live Class Week 08
Class – 22 Handling Asynchronous Actions in Redux Toolkit01:22:00
Class – 23 Introduction To RTK Query01:49:18
Class – 24 Introduction to Tanstack React Query01:32:02
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
Assignments 10
ReactJS Projects
Python Live Class Week 01
Class 1: Introduction to Python, Installation, and IDE Setup
Class 2: Basic Input/Output, Python Data Types, and Arithmetic Operations
Class 3: Basic Logical Operations, Boolean Operators, and Conditionals
Python Live Class Week 02
Class 1: Basics of Iteration and Looping, For and While Loops
Class 2: Introduction to Strings
Class 3: String Methods
Python Live Class Week 03
Class 1: Lists in Python
Class 2: Tuples and Dictionaries
Class 3: Functions and Function Arguments
Python Live Class Week 04
Class 1: Working with Files
Class 2: Miscellaneous Python Topics
Class 3: Introduction to OOP
Python Live Class Week 05
Class 1: Advanced OOP Concepts
Class 2: Getting Started with Django
Class 3: Django Models and Admin
Django Live Class Week 01
Class 1: Getting Started with Django
Class 2: Django Models and Admin
Class 3: Views and URL Routing
Django Live Class Week 02
Class 1: Views and URL Routing
Class 2: Django Templates
Class 3: Working with Forms
Django Live Class Week 03
Class 1: Working with Forms
Class 2: User Authentication
Class 3: Database Relationships
Django Live Class Week 04
Class 1: Advanced Database Operations
Class 2: Class-Based Views
Class 3: URL Patterns and Routing
Django Project List
Django Rest Framework Live Class Week 01
Class 1: Introduction to REST and DRF
Class 2: Serializers and Views
Class 3: Advanced DRF Concepts
Django Rest Framework Live Class Week 02
Class 1: Advanced DRF Concepts
Class 2: Custom Authentication, Permissions, and Filtering
Project List
SQL Live Class Week 01
Class 1: Introduction to Databases and SQL
Class 2: Querying Data with SQL
Class 3: Database Design Fundamentals
SQL Live Class Week 02
Class 1: Advanced SQL Concepts
Class 2: Data Manipulation and Transactions
Class 3: Indexing and Optimization
Assignment : Data Manipulation and Optimization
Job Preparation Live Class
Lecture 01: Job Preparation Introduction
Lecture 02: CV Creation (If too big for one class, can be separated into two classes)
Lecture 03: How to create a Cover Letter
Lecture 04: How to search job through Facebook
Lecture 05: How to search job through Linkedin
Lecture 06: Before attending the interview
Lecture 07: How to do well in Interview and Soft Skill Based Interview Questions
Lecture 08: Types of Technical Based Interview
Step into the world of Web Development with HTML
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
HTML Quiz
Styling your HTML: A CSS Adventure
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 Formating00: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
CSS Quiz
Bootstrap: The framework to unite HTML & CSS
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
Bootstrap Quiz
JavaScript Essentials: Beginning Your Programming Adventure
First code – Printing an output00:10:46
Where and how to add JavaScript in HTML code00:07:40
Taking an Input from User00:03:00
Keywords, Data types & variables00:06:51
Assigning values in Variables00:18:42
Working with different data types and variables00:18:54
A practice problem on variables00:08:18
Fun Project 1: Opening a gift box00:16:08
Comments & Statements00:17:07
Operators & Types of Operators00:06:24
Arithmetic operators00:18:32
Assignment operators00:06:11
Comparison operators00:16:29
Logical operators00:14:20
Bitwise operators – AND, OR, XOR & NOT00:17:11
Bitwise operators – SHIFT LEFT & SHIFT RIGHT00:07:19
String to Number (integer and float) Conversion00:18:10
Number to String conversion00:14:29
Working with math library functions00:18:15
Working with string library functions00:27:03
Taking a number input from the user00:11:09
Fun project 2: Implementing a calculator (without UI)00:07:15
Arrays00:11:36
Array Methods – 100:07:52
Array Methods – 200:11:36
Array Sort00:07:58
Introduction to control structures00:05:06
What is conditional?00:01:51
If – else if – else00:07:13
Nested If00:15:02
More on if – else if – else00:06:53
Switch – case – default00:12:56
Fun project 3: Implementing a grading system. (Using conditionals)00:08:38
Fun project 4: Is it a leap year?00:05:50
Introduction to loops00:01:19
While loop00:05:51
do-while loop00:05:43
For loop00:06:10
String and Array Iteration00:08:47
for-in loop00:04:41
for-of loop00:04:37
More on Loops00:08:24
Nested loop and 2D array00:10:25
Continue and break00:13:24
Fun project 5: Multiplication tables00:05:57
What is a function?00:02:15
Defining & calling a function00:07:00
Function parameters and arguments00:05:49
Function return values00:08:19
Setting default values to parameters00:03:48
Function recursion00:14:26
Fun project 6: Calculating GCD00:05:20
JS HTML DOM00:02:59
DOM HTML00:11:56
DOM CSS00:05:09
Event Handling00:05:40
Implementing a calculator – using HTML, CSS, and JS00:12:42
Uploading it as a GitHub page00:08:51
Updated – JavaScript Pre-Recorded Video
Variable and Constant00:08:14
Naming a Variable00:06:27
Comments in JavaScript00:03:28
Understanding Data Types00:02:34
Data Types in JavaScript00:09:23
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 Dimention 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
For Loops00:13:20
While Loops00:07:45
For Each Loop00:09:03
For Of Loop00:03:35
Break and Continue00:04:14
FizzBuzz Problem00:06:12
Pre-Recorded Video: ReactJS
1. Introduction to React and Frontend Development00:22:38
2. Major Topics to be Covered in React00:04:32
3. Introduction to Components00:35:07
4. Environment Setup for React Development00:02:16
5.1 Project Setup and Understanding Component from Core Level Part 0100:02:16
5.2 Understanding Props, jsx and Components at Code Level Part 0200:45:31
6. State Mechanism in React00:31:15
7.1 Working with Form and events in React Part 0100:28:39
7.2 Working with Edit and Delete functionality in React Part 0200:27:56
8.1 State Lifting Part-100:41:46
8.2 State Lifting Part-201:11:16
9. Working with Context API00:41:19
10.1 Working with Side Effects in React00:38:53
10.2 Working with External System (API) in React00:53:19
11. Routing in React00:39:42
12. Styling in React00:34:46
13.1 A great Intro to useReducer hook00:48:11
13.2 Rewriting Our TodoApp with useReducer Hook00:42:05
14. Working With Custom Hook00:24:43
Fundamentals of Python Web Development
Taking inputs and outputs00:09:55
Numerical Data types00:09:29
Strings00:10:22
Input type conversion00:08:52
Full Stack Web Basic data types
Introduction to Boolean type data and if else00:09:18
Multiple conditinos00:12:40
Conditional – Example 100:11:25
Conditional – Example 200:08:27
Conditional – Example 300:07:11
Full Stack Web Conditional operation
Introduction to functions00:05:41
Import statement00:09:22
More functions00:07:28
LCM,GCD and Random numbers00:08:12
Introduction to ‘while’ statement00:08:47
While loop – Example00:11:20
Lists – 100:10:12
Lists – 200:10:46
Lists – 300:12:12
Tuples00:14:52
Dictionaries00:10:25
Introduction to for loops00:10:41
List comprehension00:10:39
For Loop – Example 100:09:08
For Loop – Example 200:18:50
For Loop – Example 300:05:36
For Loop – Example 400:06:48
Introduction to user defined function00:10:16
Default arguments00:06:31
Function – Example00:10:01
Multiple value return00:05:39
Function as an argument – Part 100:16:29
Function as an argument – Part 200:06:40
Recursive function00:09:48
Recursive function – Example00:04:07
Text file reading00:08:54
Working with data from text file00:08:04
Writing to a text file00:11:05
File – Example problem – Part 100:13:18
File – Example problem – Part 200:12:06
Installing Pandas00:07:56
Pandas for text files00:07:47
Intro to OOP00:06:29
Class Example00:10:41
Class Functions00:12:00
Class Destructor00:07:22
Try except block00:04:24
Inheritance00:13:38
Multiple Inheritance00:05:56
Mastering Web Development with Django: A Framework for Python
Installing Django00:04:46
Creating a new project & exploring00:07:05
Running the project00:06:12
Creating an App00:05:09
Running app00:11:19
templates00:07:58
signal list00:06:16
Page switching00:12:17
Variable list00:07:41
If Else00:09:50
Django Models00:09:38
Forms00:09:02
save the data00:06:52
Retrieve data00:19:30
saving changes to database.00:07:53
Raw sql00:11:23
Template extension00:05:32
static file00:08:06
Intro to user00:14:41
user creation00:10:30
Signup00:07:45
Signin other00:19:47
page beautification00:12:50
Dynamic url00:07:10
Movie Base00:12:09
Admin Module00:14:47
Adding Data through admin00:08:17
Viewing Data00:22:21
Viewing More data00:14:29
Full Stack Web Django Quiz
SQL Essentials: A Comprehensive Journey from Intro to Advanced Concepts
Why SQL?00:07:54
Introduction to DBMS & SQL00:15:30
Django REST Framework: In-Depth API Development and Advanced Customization
Full Stack Web Development Course (Django) (Installation)00:06:18
Full Stack Web Development Course (Django) (Creating a Model)00:08:30
Full Stack Web Development Course (Django) (Serializers and GET request)00:12:10
Full Stack Web Development Course (Django) ( Postman and POST request)00:13:31
Full Stack Web Development Course (Django) (Working WIth foreignkeys)00:07:07
Project Module 01: Full Stack Complete Project Back-End
1. Full Stack Web Development – Full Ecommerce Project (Setup)00:05:43
2. Full Stack Web Development – Full Ecommerce Project (Project Setup)00:09:37
3. Full Stack Web Development – Full Ecommerce Project (Creating the User Model)00:09:21
4. Full Stack Web Development – Full Ecommerce Project (Writing User Serializer and Viewset)00:10:26
4. Full Stack Web Development – Full Ecommerce Project (Writing User Serializer and Viewset)00:10:26
5. Full Stack Web Development – Full Ecommerce Project (User Creation & Updating with API Requests)00:11:02
6. Full Stack Web Development – Full Ecommerce Project (Login Token Generation)00:11:06
7. Full Stack Web Development – Full Ecommerce Project (The Product Class) (new)00:10:27
8. Full Stack Web Development – Full Ecommerce Project ( Product Serializer) (new)00:10:45
9. Full Stack Web Development – Full Ecommerce Project (Understanding the API Requests) (new)00:11:25
10. Full Stack Web Development – Full Ecommerce Project (Orders class)00:13:36
11. Full Stack Web Development – Full Ecommerce Project (Order Serializer and viewset)00:13:35
Project Module 02: Full Stack Complete Project Front-End
1.1 Theoretical-discussion-of-react-query00:10:11
1.2 Doing-it-with-traditional-approach00:21:59
1.3 Installing React Query to the Note-taking Project and rewriting the fetch(GET) request using it00:18:11
1.4 Completing the project features with React Query00:17:46
2.1 Explore The Project Features and Flow00:14:18
2.2 Creating The Folder Structure in VS Code00:09:30
2.3 Creating The Home Page and Configuring the Router Component00:41:17
2.4 Creating the Product Card Component and Product Details Page00:27:10
3.1 Creating the Login and Sign up Page00:28:18
3.2 Creating The Auth Context and Handling Errors – (Part -1 )00:38:34
3.3 Using The Auth Context and local Storage to successfully handle authentication (Part-2)00:10:19
4.1 Ensuring The full security of Resources with the help of PrivateRoute and PrivateAdminRoute Component00:27:27
4.2 Writing Logic for the Shopping Cart and Binding it to Cart Context00:15:36
4.3 Creating The Cart UI and Binding it with the Reducer Logic00:48:14
4.4 Writing Service Logics for Product and Creating the Products List page for the Admins00:23:38
4.5 Creating The Product Add Form and Edit Form with image uploading from frontend00:37:42
4.6 Creating the Users List Page and more about role based access system00:30:43
4.7 Creating The Order Service Logic and the Order List Page00:17:08
5.1 Finishing the Order List Page and MyOrder Page00:35:10
5.2 Creating the Address form to place an order and finishing the project00:13:39
Resource
Javascript Resource
Interview HandBook
Interview Tips and Tricks HandBook
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.
Join Our Newsletter List
Sign Up
Already have an account? Sign In
Cart
Cart0
Login
