arrow_back
Welcome, Introduction
Course material
Prerequisites
Get your certificate
Welcome to the courses
Download the guides
[GUIDES] 15+ Interview resources, guides, roadmaps
All guides for you
15+ Interview, Revision guides and notes
25 Full stack projects
12+ Awesome AI guides
[NEW] HTML, CSS Intro and mastery
HTML Mastery
0 something important
1 overview
2 what is html
3 editor
4 First Program
5 tags in capital or small
6 easy way to make structure
7 heading
8 elements
9 paragraph
10 line break
11 hr tag
12 pre
13 bold
14 strong
15 italics
16 emprasized
17 underline
18 small
19 mark
20delete
21 insert
22 subscript
23 superscript
24 blockquote cite
25 quotations
26 abbriviation
27 address
28 cite
29 bdo
30 comments
31 links
31 links attribute
32 parent , tp
33 absolute vs relative
34 link with title
35 image
36 src
37 alternate
38 favicon
39 what is table
40 table tag
41 explanation
42 not so important
43 vertical tables
44 colspan
45 rowspan
46 ol and ul
47 dl
48 ordered type
49 block
50 inline
51 div
52 span
53 iFrame
54 File Path
55 head and meta
56 code
57 keyboard
58 sample
59 pre
60 var
61 section
62 article
63 header
64 footer
65 nav
66 aside
67 symbol
68 video
69 video attribute
70 audio
71 youtube
72 Forms
73 selects
74 select size
75 textarea
76 button
77 fieldset
78 more on inputs
CSS Mastery
0 Overview
1 what and why css
2 css folder
3 external , internal , inline
4 comments
5 selectors
6 universal selector
7 grouped selector
8 color
9 rgba
10 hex
11 hex short
11 hex short 2
12 hsl
13 hsla
14 backgrounds
15 borders
16 box model
17 margin padding
18 outline
19 text
20 vertical align
21 text decoration
22 tranform
23 more on text
24 text shadow
25 fonts
26 Links
27 lists
28 more on list
29 tables
30 block inline
31 none,hide
32 . Display
33 . FlexBox
34 . Media Query
35 . Grid
36 . Transform
37 . Box Sizing
HTML Full Course
0 . Document Structure Doctype , html , head , title , body
1 . Text MarkUp h1 to h6 , p , pre , br , hr
2. Text Formatting bold , strong , italics , em , sub ,sup
3 . HTML Quotations and Citation Elements blockquote , quotation , abbr
4 . Semantic Tags header, footer , nav , article , section , aside
5 .HTML Lists unordered , ordered , description
6 . HTML Links anchor tag , Absolute Url, Relative Url
7 . HTML Images img , picture
8 . HTML Tables
9 . HTML Forms
10 . Meta tag
CSS Full Course
0 Intro and Applying CSS
1 . Selectors
2 . Colors
3 . Background
4 . Borders
5 . Box Model
6 . Text
7 . Fonts
8 . Links
9 . Display
10 . FlexBox
11 . Media Query
12 . Box Sizing
13 . Transform
14 . Grid
HTML, CSS projects
[HTML, CSS, JS Project] Basic TODO app
[HTML, CSS, JS Project] - Typing Speed Test
[HTML, CSS, JS Project] - Quick Sign
[HTML, CSS, JS Project] - Portfolio Site
[HTML, CSS project 1] - Planet Selling - E commerce - HTML,CSS - complete app
[HTML, CSS project 2] - Build a complete Signature app with HTML, CSS, JS
[HTML, CSS project 3] - ECommerce app using HTML and CSS
Tailwind CSS
Tailwind CSS with Project
[Tailwind CSS - 1] Master Tailwind CSS & Build Projects - Speed run
Tailwind CSS generic projects
Project - Tailwind CSS: Landing pages
Build a landing page with Next JS and Tailwind CSS
Tailwind responsive page project - [zip code file]
[Tailwind CSS project] - 1 - DSA revision guide landing page
[Tailwind CSS project] - 2 - Edtech event page
[HTML, CSS project 4] - Tailwind CSS introduction and complete project
[NEW] JavaScript intro and mastery
js1-Intro to JS
js2-Variables, loops, functions
js3-Basic weather app in JS and AI tools
js4-Async, await example 2
js5-Understanding closures and other JS topics
js6-Learning debouncing
js7-Error handling and checking Claude for JS
js7-Mastering V0 and AI tools for Javascript
js8-conditional-rendering
[NEW] JavaScript Course
1. Intro , Basics , Variables , Data types etc
2 . Operators , functions etc
3 . if ,else if , else , switch , break etc
4. loops for , while , do while ,nested etc
5 . Arrays , maps , methods etc
6 . Objects , methods etc
7. sets , map , methods etc
8. for in,for of , lexical scoe , closure more
9. destructuring , chaining , spread , nullish
JavaScript Mastery
installing vs code
starting with js
comment
variables
data type
type conversion
operators
conditional statment
loop
Functions
Arrays
For in For Of
Multidimensional Array
Copy and Spread
Array destructuring
Objects
Object inside Array
Functions inside Function
Lexical Scope
Debugger
Sets
Maps
This
New
Constructor
Symbol
Recursion
Asynchronous
SetTimeout
Callback
Callback Hell
Promise
Async Await
setInterval and clearInterval
Call , Bind and Apply
Property Flags and Descriptor
proto
prototype
Class
Inheritance
Static
Public and Private
try ,catch and throw
fetch API
JavaScript DOM
DOM
Selectors in dom
Dom traversal
Parents and child
Siblings
Append child
Replace child
Parent node
More siblings
First And last child
Inner & outer html
Inner text & text content
Styling
Get & set attributes
Animation
Onclick
Mouse over & out
Mouse down & Up
Add listener event
Window location
Pop ups
Bubbling
Event delegation
Dimension
Key logger small project
Working with forms
Todo project
JavaScript Interview Practice
Hello World
Print all number
Add two number and return
area of rectangle
Reversed string
Even or Odd
Leap year or Not
Sum of All Elements
Car Object
Text Change
Button Dynamically
Display Alert
Factorial
Random Number
Higher Order Functions return even numbers
image gallery
reverse odd length
use Map() to double all element
Largest Element using Reduce
Remove all Occurences
Display Current Date and Time
Recursive Function to calculate Factorial
Fibonacci
nth Fibonacci Number
Counter that increase
Implement Private Variable using Closures
Product Prototype
Fix Error using try catch
Multiple API call using callbacks
API calls using Promises
Use Promises to load multiple images
Load images using async await
Fetch Data using Async Await
Image Gallery using useReducer
Form Validation
Event Bubbling
CountDown
Quote Changing
Validate an Email Address
2d Arrays
DE structuring
Books with Properties
Magazine sub class
prototypal inheritence
Oddish and Evenish
reverse odd length
total price
Boom !
1 and 0
Consonants and Vowels
Number Of Days
JavaScript Projects
FetchAPI
Typing Speed Test
Quick Sign
Portfolio Site JS Project
Weather App
To Do App
Sidebar
Rocket App
Retrieve Saved Data
Key logger small project
Random Quote
Jokes generator
Expense Tracker
Countdown till 2025
Calculator
Image Slider
Filter Product
Guessing Game
GitHub Profile
Form Validation
[NEW] React JS - introduction
1 Introduction to React JS
2 Structure, installation, overview
3 Build lots of landing pages
4 JSX mastery
5 Different components and reusing
6 Props Children and parent
7 Hooks intro
8 Hooks mastery and interview prep
9 Conditional rendering and making projects
React JS in detail - part 1 - Complete run through
React part 1 - Introduction and Folder structure
React part 2 - Components
React part 3 - Introduction to JSX
React part 4 - Introduction to Components, Props, Projects
React part 5 - Introduction to Hooks - useState, useEffect, Custom
React part 6 - Introduction to state management - Context API, useContext
React part 7 - Introduction to useReducer
React part 8 - React router, error #404, and Form Validation
React part 9 - Redux Toolkit explained
React JS in detail - part 2 - hooks
useState
useState Example #2
useEffect
useEffect vs useMemo
useContext
useimperativeHandleHook
useLayoutEffect
useRef
useRef DOM example
useRef Example 2
Custom Hook
React JS Interview Practice Problems
Hello World
Counter
User Input
Display List
Toggle Switch
Fetch Data
Timer
BG Change with Click
Routing
Random Quote
Upload Image
Login Registration
Weather Api
Search Items
PAGINATION
Color Picker
Responsive menu
Switch Light and dark theme
Shopping Cart
Counter App using useReducer
To-Do List using useReducer
Pagination using useReducer
User Authentication using useContext
Draggable Component
Translation App
Fetch Multiple API
Multiple states in One State
Image Gallery using useReducer
Weather App
Form Validation
AirBnB problem Text TO Document
Asked in Facebook , Google Transfer List Project
Link Previewer React JS Project
MAANG Problem counter using use reducer
Oracle Problem Select all
Paypal Infinity Scroll
[NEW] Complete React JS projects
Shopping Cart
BMI Calculator
Calculator App
Expense Tracker
To Do App
Weather App
Link Previewer
Complicated Counter
Select all
Text TO Document
Infinity Scroll
Link Previewer
Transfer List Project
Form Validation
[NEW] Master Frontend quickly with AI
HTML complete course
CSS complete course
JavaScript complete course
React complete course
Next JS full course
[New] Node - Express JS introduction
node-express-intro
node-express-2-explanation
node-express-3-mongodb
node-express-4-exploring-more
node-express-5-code
More about Node JS
Introduction to Node JS , Modules , Local Modules
Built-in Modules in Node JS
Npm, nodemon, package.json etc
Event Loop, Events , Streams
Node JS mastery
1 _ Node JS and How to Install
2 _ First Program (REPL and CLI)
3 _ Modules
4 _ Local Modules
5 _ Import _ Export
6 _ Multiple Exports
7 _ Module Exports vs Exports
8 _ ES Module import_export
9 _ Build in Modules
10 _ OS Module
11 _ Path
12 _ FS Module
13 _ How Web Works _
14 _ Create Node Server
15 _ Npm
16 _ Nodemon
17 _ GitIgnore
18 _ Event Loop
19 _ Event Loop Practice
20 _ Events
21 _ Streams
Express JS Mastery
1 INTRODUCTION
2 EXPRESS ROUTE
3 Express static
4 something important
5 express json
6 params
7 query string
8 middle ware
9 method get post
10 Get , Post ,Put and Delete new way
11 Express router
Node JS + Express JS speed run
Creating server using Express , Express Routes
Json, Params, Query
CRUD Operations - backend
Full stack interview questions (bonus)
MongoDB Mastery
1 What is Mongo DB
2 SQL vs No SQL
3 Installation
4 MongoDB Shell
5 Adding New Document
6 Adding Multiple Documents
7 Finding
8 Chaining Methods (count, limits, etc.)
9 Some Operators
10 Nested Documents
11 Delete Document
12 Update Document
13 MongoDB Node's Driver
14 Connect NodeJS to MongoDB
15 Good Practice
16 Inserting Document
17 Updating Document
18 Deleting Document
19 API using NodeJS + ExpressJS + MongoDB
20 MongoDB(Read)
21 MongoDB(Create)
22 MongoDB(Update)
23 MongoDB(Delete)
24 Mongoose
25 Mongoose + MongoDB + ExpressJS + NodeJS
26 Mongoose(Read)
27 Mongoose(Create)
28 Mongoose(Update)
29 Mongoose(delete)
30 MongoDB Atlas
Databases - MongoDB speed run
Introduction to MongoDB and NoSQL database
Login and Registration using MERN
Performing CRUD operations using MongoDB
[New] Integrating payments
payments-stripe-1
payments-stripe-2
payments-stripe-3
payments-stripe-4
[New] Supabase mastery
supabase-1-supabase
supabase-2-fetching-data
supabase-3-inserting-data
supabase-4-simple-authentication
supabase-5-more-authentication
Deploy your projects
GitHub Pages Deploy
Netlify Deploy
Vercel Deploy
[Detailed Project] Full stack project - BookMyShow
0 Overview
1 Setup , Home and Select Movies
2 Home css , components , time schedule
3 Select Seats
4 Last Booking Details
5 Context , Local Storage , active inactive
6 slots context , seats context
7 Book Button , Backend , Server , ConnectToDB
8 GetData , PostData , updating lastBookingDetails
[Detailed Project] MERN stack project - Ecommerce App
Ecommerce app part 1 - Setup , Server , Mongodb and userModel
Ecommerce app part 2 - userctrl , userrouter , cokkies , jwt token
Ecommerce app part 3 - register , login , logout ,authorization
Ecommerce app part 4 - define a category (CRUD)
Ecommerce app part 5 - define a product (CRUD)
Ecommerce app part 6 - filtering , pagination , sorting , limitations
Ecommerce app part 7 - client side - navbar
Ecommerce app part 8 - client side (products), context api , fetching
Ecommerce app part 9 - client side (details page)
Ecommerce app part 10 - client side (login , logout , admin features)
Ecommerce app part 11 - client side (Add to cart)
[SOURCE CODE]
[Quick Project] MERN stack project - User Authentication Application
Learn user signup, login, authentication using useContext - React
Learn user signup, login, authentication using MERN stack
Learn authentication using React and Firebase
[Detailed Project] Full stack project - Youtube Clone
Youtube project part 1 - Project setup, Home Navbar
Youtube project part 2 - Add a Sidebar to the UI
Youtube project part 3 - Youtube Api Setup, Redux Toolkit
Youtube project part 4 - useDispatch, useSelector, getHomePage
Youtube project part 5 - parseData, parseVideo Duration, convertRawtoString
Youtube project part 6 - timeSince, Spinner Loading, Card
Youtube project part 7 - Search, Search Card
Youtube project part 8 - Scrollbar, Watch, Additional features
[SOURCE CODE]
[Detailed Project] MERN stack project - BookMyShow
0 - Overview
1 - Setup , Home and Select Movies
2 - Home CSS, components , time schedule
3 - Select Seats
4 - Last Booking Details
5 - Context , Local Storage , active inactive
6 - slots context , seats context
7 - Book Button , Backend , Server , ConnectToDB
8 - GetData , PostData , updating lastBookingDetails
[SOURCE CODE]
[Detailed Project] MERN stack project - Gmail app
mernstack-gmailclone-main
P-1 Project Setup & Building Navbar+Sidebar+Inbox Pages
P-2 Understand React-Router-Dom and Redux Toolkit
P-3 Building Login & Signup Page + Create server & Connect with MongoDB Atlas
P-4 Schema Design + User Controllers & Routes for Login & Signup + Middleware
P-5 Creating Email Controller & Api End Points ( Create, GetEmail, Delete Email)
P-6 APi Integration with Frontend (Login+Signup+Fetch, Create & Delete Email)
P-7 Persist Our Store + Searching Emails + Protecting Routes
[Detailed Project] Full stack project - Expense Tracker
Expense Tracker Demo P 1
Backend Project Setup P 2
Database connection + Schema Design + Login+Signup Controllers and APIs P 3
Auth middleware + Add, Get, Update, Remove Expenses & mark as done Controllers + Apis for expenses P4
Api Testing + Setup React Vite With Shadcn UI + Integrate Login & Signup API P 5
Building Create Expense & Filter Page + Configuring Redux Toolkit P 6
Fetch All Expenses Delete & Update Expense + Persist Redux Store P 7
[Detailed Project] MERN full stack project - Expense Tracker
Expense Tracker Demo P 1
Backend Project Setup P 2
Database connection + Schema Design + Login+Signup Controllers and APIs P 3
Auth middleware + Add, Get, Update, Remove Expenses & mark as done Controllers + Apis for expenses P
Api Testing + Setup React Vite With Shadcn UI + Integrate Login & Signup API P 5
Building Create Expense & Filter Page + Configuring Redux Toolkit P 6
Fetch All Expenses Delete & Update Expense + Persist Redux Store P 7
[Quick Project] MERN Stack - Social Media (Guide)
social-media-master [zip code file]
How to build Social Media Full Stack App - complete pdf guide
Building a Social Media App with MERN Stack - Walkthrough video
[Guide] MERN Stack -Hotal Application (Guide)
MERN-Booking-App-main (1)
How to create a Hotel booking app with MERN stack
[Guide] MERN Stack - Chat Application (Guide)
How to create a real-time Chat Application with MERN stack
Detailed videos are coming soon!
[Guide] Stripe and Firebase Project : ECommerce Application
Ecommerce Application with React, Redux, Stripe and Firebase
[Guide] Full Stack Website : Interio (Guide)
Interio_Full_Stack
[Project] MERN Stack - Chat Application (Guide)
Chat Application in MERN Stack
[Project] Full Stack app - Disease Predictor Application with React, Django and Machine Learning (Guide)
Disease Predictor Application with React, Django and Machine Learning
[Project] MERN Stack : Link in Bio (Guide)
link-in-bio
[Project] MERN Stack : Portfolio Project (Guide)
portfolio
[Project] Full Stack Project : Real Chat (Guide)
real-time-chatApp
[Project] Full Stack : StartUp SaS (Guide)
startup-sas
[Project] Full Stack : Word to PDF (Guide)
webtxt-To-Pdf