About Course
Unlock the power of web development with our HTML & CSS course, featuring curated content from renowned YouTuber Harshit Vashisht. This course is designed for beginners and intermediate learners who want to dive into the world of web design. You will learn how to create stunning, responsive websites from scratch, using industry-standard practices and techniques.
In this course, you’ll gain hands-on experience through practical exercises and projects, enabling you to build a solid foundation in HTML and CSS. By the end of the course, you’ll have the skills to design your own websites and understand the principles of web design.
Course Content
1. Complete HTML and CSS Course Introduction
-
Click to Start
02:44
2. How to Follow This Course
3. What is HTML and CSS (Tutorial 01)
4. Download and Install VSCode (Tutorial 02)
5. VSCode Brief Tour (Tutorial 03)
6. Chapter 2 Objective (Tutorial 04)
7. Structure of an HTML Page (Tutorial 05)
8. HTML Starter Code Shortcut (Tutorial 06)
9. HTML Headings, Paragraphs, and Line Breaks (Tutorial 07)
10. Useful Extensions (Tutorial 08)
11. Exercise 1 (Tutorial 09)
12. Exercise 1 Solution (Tutorial 10)
13. Adding Links to Your Website (Tutorial 11)
14. HTML Exercise 2 (Tutorial 12)
15. Exercise 2 Solution (Tutorial 13)
16. HTML Images (Tutorial 14)
17. HTML Lists (Tutorial 15)
18. HTML Text Formatting Tags (Tutorial 16)
19. HTML Tables (Tutorial 17)
20. HTML Forms Part 1: Input and Labels (Tutorial 18)
21. HTML Forms Part 2: Action, Method, Name (Tutorial 19)
22. HTML Form: Placeholder and Required Attributes (Tutorial 20)
23. HTML Form: Radio Buttons (Tutorial 21)
24. HTML Form: Dropdown Lists (Tutorial 22)
25. Additional HTML Form Elements (Tutorial 23)
26. Exercise 3 (Tutorial 24)
27. Exercise 3 Solution (Tutorial 25)
28. HTML IDs and Classes (Tutorial 26)
29. Div and Span Tags (Tutorial 27)
30. HTML5 Semantic Elements (Tutorial 28)
31. HTML Entities (Tutorial 29)
32. HTML Meta Tags (Tutorial 30)
33. Complete HTML Tutorial in One Video
34. CSS Fundamentals (Chapter 3 Objective) (Tutorial 32)
35. What is CSS (Tutorial 33)
36. Different Ways to Apply CSS (Tutorial 34)
37. CSS Fonts (Tutorial 35)
38. CSS Colors (Tutorial 36)
39. Basic CSS Selectors (Tutorial 37)
40. Utility Classes & ID vs Classes (Tutorial 38)
41. CSS Exercise 1 (Tutorial 39)
42. CSS Exercise 1 Solution (Tutorial 40)
43. Advanced CSS Selectors (Tutorial 41)
44. CSS Attribute Selectors (Tutorial 42)
45. Using Chrome Developer Tools (Tutorial 43)
46. CSS Specificity Part 1 (HTML and CSS tutorial 44)
47. CSS Specificity Part 2 (HTML and CSS tutorial 45)
48. CSS Border (HTML and CSS tutorial 46)
49. CSS Box Model (HTML and CSS tutorial 47)
50. CSS Exercise 2 With Solution (HTML and CSS tutorial 48)
51. CSS Margin Collapsing (HTML and CSS tutorial 49)
52. Inline vs Block Level Elements (HTML and CSS tutorial 50)
53. Img Element vs Other Inline Elements (Tutorial 51)
54. Inline Block Display (HTML and CSS tutorial 52)
55. CSS Exercise 3 (Must Try) (HTML and CSS tutorial 53)
56. CSS Exercise 3 Solution (HTML and CSS tutorial 54)
57. CSS | Box Sizing: Border Box (HTML and CSS tutorial 55)
58. Default Browser Styles and CSS Reset (Tutorial 56)
59. CSS Inheritance (HTML and CSS tutorial 57)
60. CSS Text Align Property (HTML and CSS Tutorial 58)
61. CSS Font Weight Property (HTML and CSS Tutorial 59)
62. CSS More Text Related Properties (Tutorial 60)
63. CSS Pseudo Classes | Link Related (Tutorial 61)
64. Pseudo Class Part 2 | Input Field Related (HTML and CSS tutorial 62)
65. CSS | First Child & First of Type Pseudo Class (Tutorial 63)
66. CSS | Last Child & Last of Type Pseudo Class (Tutorial 64)
67. CSS | nth Child & nth of Type Pseudo Class (Tutorial 65)
68. CSS | , , and Pseudo Classes (Tutorial 66)
69. CSS | ::first-letter, ::first-word, ::selection Pseudo Elements (Tutorial 67)
70. ::before & ::after Pseudo Elements (HTML and CSS Tutorial 68)
71. CSS IMPORTANT FUNDAMENTAL CONCEPTS IN ONE VIDEO (HINDI)
72. Objective of Chapter 4 (Complete HTML and CSS Course)
73. CSS Absolute Units (HTML and CSS Tutorial 71)
74. Understanding % in CSS (HTML and CSS tutorial 72)
75. Understanding Rem Unit in CSS (HTML and CSS tutorial 73)
76. Understanding Em in CSS (HTML and CSS Tutorial 74)
77. em vs rem vs px (HTML and CSS tutorial 75)
78. Viewport Units (vh, vw, vmin, vmax) (HTML and CSS tutorial 76)
79. CSS Floats and Clear Explained (HTML and CSS tutorial 77)
80. CSS Positions | Static, Relative, Absolute, Fixed, Sticky, Z-index
81. CSS PROJECT 1 OVERVIEW
82. CSS PROJECT 1 PART 2 | Project Folder Structure (HTML and CSS tutorial 80)
83. CSSP1 #3 CSS Background Image (HTML and CSS tutorial 81)
84. CSSP1 #4 Navbar HTML (HTML & CSS Tutorial 82)
85. CSSP1 #5 Navbar CSS (HTML and CSS Tutorial 83)
86. CSSP1 #6 Utility Classes & Improve Navbar (HTML and CSS Tutorial 84)
87. CSSP1 #7 Container Utility Class (HTML & CSS Tutorial 85)
88. CSSP1 #8 Link Hover (HTML & CSS Tutorial 86)
89. CSSP1 #9 Header Content HTML (HTML & CSS Tutorial 87)
90. CSSP1 #10 Center Things in CSS (HTML & CSS Tutorial 88)
91. CSSP1 #11 Showcase Section HTML | Places Section (HTML & CSS Tutorial 89)
92. CSSP1 #12 Improve Showcase (HTML & CSS Tutorial 90)
93. CSSP1 #13 Add Button (HTML & CSS Tutorial 91)
94. CSSP1 #14 Button Hover (HTML & CSS Tutorial 92)
95. CSSP1 #15 Box Shadow (HTML & CSS Tutorial 93)
96. CSSP1 #16 Feature Section HTML (HTML & CSS Tutorial 94)
97. CSSP1 #17 Feature Section CSS (HTML & CSS Tutorial 95)
98. CSSP1 #18 Add Icons to Website (HTML & CSS Tutorial 96)
99. CSSP1 #19 Footer HTML (HTML & CSS Tutorial 97)
100. CSSP1 #20 Footer CSS (HTML & CSS Tutorial 98)
101. CSSP1 #21 Explore Places Button (HTML & CSS Tutorial 99)
102. CSSP1 #22 About Page Navbar (HTML & CSS Tutorial 100)
103. CSSP1 #23 Draw Line Using Pseudo Element (HTML & CSS Tutorial 101)
104. CSSP1 #24 About Section Part 2 (HTML & CSS Tutorial 102)
105. CSSP1 #25 Count HTML (HTML & CSS Tutorial 103)
106. CSSP1 #26 Count CSS (HTML & CSS Tutorial 104)
107. CSSP1 #27 Banner HTML (HTML & CSS Tutorial 105)
108. CSSP1 #28 Banner CSS (HTML & CSS Tutorial 106)
109. CSSP1 #29 Contact Page Layout (HTML & CSS Tutorial 107)
110. CSSP1 #30 Finishing Contact Page
111. Objectives of Chapter 6
112. CSS Media Queries Tutorial (Hindi)
113. Media Query Practice Part 1 (HTML and CSS Tutorial 111)
114. Finishing Project (HTML and CSS Tutorial 112)
115. Host Your Website for Free
116. Flexbox Tutorial 01 (Hindi) | Brief Introduction
117. Flexbox Tutorial 02 (Hindi) | Terminologies
118. Flexbox Tutorial 03 (Hindi) | Flex Direction
119. Flexbox Tutorial 04 (Hindi) | Flex Wrap
120. Flexbox Tutorial 05 (Hindi) | Justify Content
121. Flexbox Tutorial 06 (Hindi) | Align Items
122. Flexbox Tutorial 07 (Hindi) | Align Content
123. Flexbox Tutorial 08 (Hindi) | Flex Flow
124. Flexbox Tutorial 09 (Hindi) | Align Self
125. Flexbox Tutorial 10 (Hindi) | Order
126. Flexbox Tutorial 11 (Hindi) | Flex-Basis
127. Flexbox Tutorial 12 (Hindi) | Flex Grow
128. Flexbox Tutorial 13 (Hindi) | Flex Shrink and Flex
129. Flexbox Tutorial in One Video [Hindi]
130. Intro to CSS Animation [Hindi]
131. CSS Animations Part 2 [Hindi]
132. Intro to CSS Transitions [Hindi]
133. CSS Transforms [Hindi]
134. CSS Overlays [Hindi]
135. CSS Hamburger Menu [Hindi]
136. Create Beautiful Website Using CSS Flexbox [Hindi]
137. Simple Tips to Make Your Website Look Good (For Beginners in Hindi)
138. Ultimate CSS Grid Tutorial For Beginners [Hindi]
Earn a certificate
Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.
Student Ratings & Reviews
No Review Yet
