How to Become a Full Stack Web Developer | Complete Roadmap [

https://www.youtube.com/watch?
v=nknwAOtmtDk&list=PLu0W_9lII9ahwLNzab_rVfZ06ZCZYEcNs&index=
3]

Git Tutorial: How to Upload your Projects to Git & GitHub | Web Development
Tutorials
[ https://www.youtube.com/watch?
v=G14WMD8Kg3U&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&index=
101 ]

WEB DEVELOPMENT TUTORIALS

• HTML
1. Introduction to HTML, CSS, JavaScript & How websites work? [
https://www.youtube.com/watch?
v=6mbwJ2xhgzM&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg ]
2. HTML Tutorial: Installing VS Code & Live Server [
https://www.youtube.com/watch?
v=TeZdo8mx0gc&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&in
dex=2 ]
3. HTML Tutorial: Basic Structure of a Website [
https://www.youtube.com/watch?
v=IA8JWGP13dI&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=3 ]
4. HTML Tutorial: Title, Script, Link & Meta Tags [
https://www.youtube.com/watch?
v=EZCc_4abdcE&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&in
dex=4 ]
5. HTML Tutorial: Headings & Paragraphs [
https://www.youtube.com/watch?v=ulv_q6-
b7uI&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&index=5 ]
6. HTML Tutorial: Img and Anchor tags [
https://www.youtube.com/watch?
v=z6H22xGAZEA&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&
index=6 ]
 7. HTML Tutorial: Lists and Tables [ https://www.youtube.com/watch?
v=N69xumSjg5Q&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=7 ]
8. HTML Tutorial: Forms & Input Tags [
https://www.youtube.com/watch?
v=KqJikDzb3l4&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&ind
ex=8 ]
9. HTML Tutorial: Inline & Block Elements [
https://www.youtube.com/watch?
v=DFT9qxVCF6k&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=9 ]
10. HTML Tutorial: Ids & Classes in HTML [
https://www.youtube.com/watch?
v=BucLTOfLQsk&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=10 ]
11. HTML Tutorial: HTML Entities [
https://www.youtube.com/watch?
v=gw1efv5WF_Q&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=11 ]
12. HTML Tutorial: Semantic Tags in HTML [
https://www.youtube.com/watch?
v=FKfsmV6otEM&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=12 ]
• CSS
1. CSS Tutorial: Introduction to CSS [
https://www.youtube.com/watch?v=ua24185-
rcw&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&index=13 ]
2. CSS Tutorial: Inline, Internal & External CSS [
https://www.youtube.com/watch?v=ArUL-
He_AN0&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&index=14
]
3. CSS Tutorial: Selectors in CSS [ https://www.youtube.com/watch?
v=oPPym7UaSIo&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=15 ]
4. CSS Tutorial: Using Chrome Developer Tools [
https://www.youtube.com/watch?
v=buxedopZbKM&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=16 ]
5. CSS Tutorial: Fonts In CSS [ https://www.youtube.com/watch?
v=5Gz7j4gDrXM&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=17 ]
6. CSS Tutorial: Colors In CSS [ https://www.youtube.com/watch?
v=EEw5OJCsiDs&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=18 ]
7. CSS Tutorial: Borders and Backgrounds [
https://www.youtube.com/watch?
v=2zcHiaHo4Jo&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&in
dex=19 ]
8. CSS Tutorial: CSS Box Model, Margin and Padding [
https://www.youtube.com/watch?
v=5koxb4JaDqc&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&in
dex=20 ]
9. CSS Tutorial: Float & Clear Explained [ https://www.youtube.com/
watch?v=6G42rXal5-
g&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&index=21 ]
10. CSS Tutorial: Styling Links & Buttons [
https://www.youtube.com/watch?
v=3lAl7RNqp1c&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&in
dex=22 ]
11. CSS Tutorial: Creating a Navigation Menu [
https://www.youtube.com/watch?
v=OsPOBsclJLU&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=23 ]
12. CSS Tutorial: CSS Display Property [
https://www.youtube.com/watch?
v=YJtlXrzXXFk&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&in
dex=24 ]
13. CSS Tutorial: Position absolute, relative, fixed and sticky in
CSS [ https://www.youtube.com/watch?v=MwGHiVl-
gqk&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&index=25 ]
14. Project 1: Creating a Gym Website Using HTML5 & CSS3
{LONG}[ https://www.youtube.com/watch?
v=Sj5NX_br5WY&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=26 ]
15. CSS Tutorial: Visibility & z-index Explained [
https://www.youtube.com/watch?
v=Uzuq2FGxgK4&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=27 ]
16. CSS Flexbox Tutorial in Hindi {LONG}[
https://www.youtube.com/watch?
v=4ykmsTpIn08&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&in
dex=28 ]
17. CSS Tutorial: em, rem, vh and vw units + Responsive design
Explained [ https://www.youtube.com/watch?
v=DVjrb52C5Gs&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&in
dex=29 ]
18. CSS Tutorial: Media Queries Explained [
https://www.youtube.com/watch?
v=WTz4A8IdeEQ&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=30 ]
19. CSS Tutorial: More on CSS Selectors [
https://www.youtube.com/watch?
v=WwUM7qOimbo&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg
&index=31 ]
20. CSS Tutorial: Attribute & nth child pseudo Selectors [ https://
www.youtube.com/watch?v=P-
hZDC5YkJE&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&index
=32 ]
21. CSS Tutorial: Before and After Pseudo Selectors [
https://www.youtube.com/watch?
v=PlKG1fooswU&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=33 ]
22. CSS Tutorial: Box Shadow and Text Shadow [
https://www.youtube.com/watch?
v=ASNldCkFBcM&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&
index=34 ]
23. CSS Tutorial: Variables & Custom Properties [
https://www.youtube.com/watch?
v=ghlm_94oR90&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&in
dex=35 ]
24. CSS Tutorial: Creating Animations & Keyframes [
https://www.youtube.com/watch?v=jiK6Mf-
ILSg&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&index=36 ]
25. CSS Tutorial: Creating Transitions in CSS [
https://www.youtube.com/watch?
v=k4Dr0PJKidI&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&ind
ex=37 ]
26. CSS Tutorial: Transform property in CSS [
https://www.youtube.com/watch?
v=K0Gz7CKNJzY&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&
index=38 ]
27. Creating Fully Responsive Website Project Using HTML &
CSS { LONG }[ https://www.youtube.com/watch?
 v=8KVrdL0VcAk&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=39 ]
28. CSS Grid: Introduction & Creating A Basic Grid [
https://www.youtube.com/watch?
v=MPl9bevckUE&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=40 ]
29. CSS Grid: Creating Rows & Gaps in Grid [
https://www.youtube.com/watch?
v=Aec0xLKzBWk&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&
index=41 ]
30. CSS Grid: Spanning Multiple Rows and Columns in Grid
[ https://www.youtube.com/watch?
v=5II60I5gpKY&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&in
dex=42 ]
31. CSS Grid: Autofit & MinMax [
https://www.youtube.com/watch?
v=QAv7TsE18QM&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&
index=43 ]
32. CSS Grid: Creating Layouts Using Grid Template Area
[ https://www.youtube.com/watch?
v=JBupsN9Cmrs&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&in
dex=44 ]
33. Using Media Queries with CSS Grid [
https://www.youtube.com/watch?
v=mu0qTVIkkAs&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&i
ndex=45 ]
• JAVASCRIPT
1. Introduction to JavaScript for Frontend & Backend [
https://www.youtube.com/watch?
v=01GNWUuLbYk&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg
&index=46 ]
2. df
3. df
4. fg
5. gh
6.
• NODE JS
◦
• MONGO DB
◦