Learn HTML5 and CSS3 From Scratch - Full Course

Learn HTML5 and CSS3 From Scratch - Full Course

freeCodeCamp.org via freeCodeCamp Direct link

) Nice Images

20 of 148

20 of 148

) Nice Images

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Learn HTML5 and CSS3 From Scratch - Full Course

Automatically move to the next video in the Classroom when playback concludes

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

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.