HTML5 & CSS3 FULL COURSE
Racharla Sirkanth
1. What is HTML ?.
2. Google Chrome and Visual Studio Code.
3. Download Google Chrome.
4. Download Visual Studio Code.
5. Create A Project.
6. First Webpage.
7. Visual Code Settings.
8. Download Live Server Extension.
9. Basic HTML Document Structure.
10. Implementing Basic Document Structure.
11. Word Wrap and Emmet.
12. Heading Elements.
13. Paragraph Elements.
14. White Space Collapsing.
15. Lorem Ipsum Dummy Text.
16. Images.
17. Multiple Path Options.
18. External Images.
19. Nice Images.
20. Width and Height Attribute.
21. Crop Images.
22. Proper Path.
23. Comments and Line Breaks.
24. External Links.
25. Internal Links.
26. Links Within Page.
27. Empty Links.
28. Sup and Sub Elements.
29. Strong and Em Elements.
30. Special Characters in HTML.
31. Ordered Lists.
32. Unordered Lists.
33. Nested Lists.
34. Table Element.
35. Forms - Input and Submit Elements.
36. Forms - Textarea - Radio - Checkbox.
37. Prettier and Code Formatter.
38. Keyboard Shortcuts.
39. External Resources - Head Element.
40. HTML project intro.
41. Project Setup.
42. Download Images.
43. Logo, Heading, Navigation.
44. HomePage Completed.
45. About Page.
46. Numbers Page.
47. Contact Page.
48. Resource Files.
49. Text Editor Setup.
50. CSS Intro.
51. Workspace Setup.
52. Inline Css.
53. Course Resources.
54. Internal CSS.
55. External CSS.
56. Power Struggle.
57. Basic CSS Syntax.
58. Element Selectors.
59. Grouping Selectors.
60. Id Selectors.
61. Class Selectors.
62. Id and Class Selector Summary.
63. Div and Span Elements.
64. CSS Inheritance.
65. More info on Inheritance.
66. Last Rule, Specificity, Universal Selector.
67. Colors Intro.
68. Color and Background-Color Properties.
69. Color Names.
70. RGB.
71. RGBA.
72. Hex.
73. Vs-Code Color Options.
74. External Resources.
75. Units Intro.
76. Pixels, Font-Size, Width, Height.
77. Percent Values.
78. Em Values.
79. Rem Values.
80. VH and VW.
81. Default Browser Styles.
82. Calc Function.
83. Typography Intro.
84. Font-Family.
85. Font-Stack Generic Fonts.
86. Google Fonts.
87. Font-Weight and Font-Styles.
88. Text-Align and Text-Indent.
89. More Text Properties.
90. Box-Model Intro.
91. Padding.
92. Margin.
93. Border.
94. Border-Radius, Negative Margin.
95. Outline Property.
96. Display Property Intro.
97. Display Property.
98. Basic Horizontal Centering.
99. Mobile Navbar Example.
100. Box-sizing Border-box.
101. Display Inline-Block.
102. Display:none, Opacity and Visibility.
103. Background-Image Intro.
104. Background-Image Setup.
105. Background-image-Property.
106. Background-Repeat.
107. Background-Size.
108. Background-Position.
109. Background-Attachment.
110. Linear-Gradients.
111. Background Image Shortcuts Combined.
112. Linear-Gradient Colorzilla.
113. Float Position Intro.
114. Float Property.
115. Float Property Column Layout Example.
116. Position Static.
117. Position Relative.
118. Position Absolute.
119. Position Fixed.
120. Media Queries.
121. Z-index.
122. ::Before and ::After Pseudo Elements.
123. CSS Selectors Intro.
124. Basic Selectors.
125. Descendant Child Selectors.
126. First Line and First Letter.
127. :Hover Pseudo-Class Selector.
128. Link Pseudo-Class Selectors.
129. :Root Pseudo-Class Selectors.
130. Transform, Transition and Animations.
131. Transform:transition().
132. Transform:scale().
133. Transform:rotate().
134. Transform:skew().
135. Transition Property.
136. Multiple Transition.
137. Transition Delay.
138. Transition-Timing Function.
139. Animation.
140. Animation-Fill-Mode.
141. Last Module Intro.
142. CSS Variables.
143. Font-Awesome Icons.
144. Text-Shadow Box-Shadow.
145. Browser Prefixes.
146. Semantic Tags.
147. Emmet Workflow.
HTML & CSS COURSE END
