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