arrow_back
Welcome to the course
Getting started
Join mentorship community
Welcome to the courses
Download the guides
Get your certificate
We have EVERYTHING you need in this course.
10LPA roadmap
[Essentials] HTML, CSS, JS, React One Shot
Master HTML Essentials Crash Course for Quick Learning
Master CSS Essentials Crash Course for Quick Learning
Master JS Beginners Essentials Crash Course for Quick Learning
Master React Essentials Crash Course for Quick Learning
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
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
JavaScript Mastery Course [NEW]
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
10. async , promise , async await , callback hell etc
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
JavaScript Interview Questions
[JS interview] - 50+ JavaScript Practice Exercises - Beginners to Advanced
[code zip file] JS 50 exercises solutions
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
GitHub Profile
Jokes generator
Expense Tracker
Countdown till 2025
Form Validation
Calculator
Image Slider
Filter Product
Guessing Game
Working with forms
Todo project
React JS - introduction
react1 - Introduction to React JS
react2 - Structure, installation, overview
react3 - Build lots of landing pages
react4 - JSX mastery
react5 - Different components and reusing
react6 - Props - Children and parent
react7 - Hooks intro
react8 - Hooks mastery and interview prep
react9 - Conditional rendering and making projects
React JS - State management
State-management-1-intro
state-management-2-examples
state-management-3-example
state-manaegent-4-ecommerce
React JS - Mastery
React JS 1 - Introduction and Installation
Components and JSX Rules Made with Clipchamp
JSX VS JS Made with Clipchamp
React JS 3 - Props
multipleStates
useState
multiple states to One State
useState Example #2
useEffect
useEffect vs useMemo
Fetch using useEffect
clean up
React JS 2 - React Folder Structure
Project with Component and Jsx
Error #404
React JS 3 - React Router
multiple return
React JS 3 - React Router Navbar
Context API
React JS 3 - useContext
Higher order Component
Custom Hook
Memo
useMemo
useReducer
useTransition
useLayoutEffect
useimperativeHandleHook
React JS 3 - useForm
Axios
import export
useRef
useRef DOM example
Form
React JS - revision
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 interview problems
Asked in Facebook , Google _ Transfer List Project
AirBnB problem Text TO Document
MAANG Problem _ counter using use reducer
Form Validation
Oracle Problem _ Select all
Link Previewer
Paypal _ Infinity Scroll
User Input
Translation App
Toggle Switch
Upload Image
To-Do List using useReducer
Switch Light and dark theme
Timer
Shopping Cart
Search Items
Responsive menu
Random Quote
Routing
PAGINATION
Multiple states in One State
Pagination using useReducer
Login Registration
Image Gallery using useReducer
Hello World
Draggable Component
Display List
Fetch Multiple API
Fetch Data
Color Picker
Counter
Counter App using useReducer
BG Change with Click
fetch API
Image Gallery using useReducer
React JS mini projects
[React project 1] - BMI Calculator
[React project 2] - Calculator App
[React project 3] - Expense Tracker
[React project 4] - Shopping Cart
[React project 5] - To Do App
[React project 6] - Weather App
[React project] - Pagination using useReducer with React JS
Big Project 1 - Build Youtube clone
Youtube clone project (download code)
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
Big Project 2 - Build LinkedIn clone
Full stack LinkedIn clone in Next JS (complete pdf guide)
LinkedIn Guide Topic wise[1]
LinkedIn app part 1 - Introduction and Project setup
LinkedIn app part 2 - UI setup
LinkedIn app part 3 - Authentication and Responsiveness
LinkedIn app part 4 - Sidebar and Feed pages
LinkedIn app part 5 - Database and Models
LinkedIn app part 6 - Creating and displaying posts
LinkedIn app part 7 - Advanced features and caching
LinkedIn app part 8 - Interactions and Deployment
Big project 3 - Build Gmail clone
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