What You will Learn?

• Intro
• What is HTML
• Google Chrome and Visual Studio Code
• Download Google Chrome
• Download Visual Studio Code
• Create A Project
• First Webpage
• Visual Code Settings
• Download Live Server Extension
• Basic HTML Document Structure
• Implementing Basic Document Structure
• Word Wrap and Emmet
• Heading Elements
• Paragraph Elements
• White Space Collapsing
• Lorem Ipsum Dummy Text
• Images
• Multiple Path Options
• External Images
• Nice Images
• Width and Height Attribute
• Crop Images
• Proper Path
• Comments And Line Breaks
• External Links
• Internal Links
• Links Within Page
• Empty Links
• Sup And Sub Elements
• Strong And Em Elements
• Special Characters In Html
• Unordered Lists
• Ordered Lists
• Nested Lists
• Table Element
• Forms - Input And Submit Elements
• Forms - Textarea - Radio - Checkbox
• Prettier And Code Formatter
• Keyboard Shortcuts
• External Resources - Head Element
• Html Project Intro
• Project Setup
• Download Images
• Logo, Heading, Navigation
• Home Page Completed
• About Page
• Numbers Page
• Contact Page
• Resource Files
• Text Editor Setup
• Css Intro
• Workspace Setup
• Inline Css
• Course Resources
• Internal Css
• External Css
• Power Struggle
• Basic Css Syntax
• Element Selectors
• Grouping Selectors
• Id Selectors
• Class Selectors
• Id And Class Selector Summary
• Div And Span Elements
• CSS Inheritance
• More Info On Inheritance
• Last Rule, Specificity, Universal Selector
• Colors Intro
• Color And Background-Color Properties
• Color Names
• Rgb
• Rgba
• Hex
• Vs-Code Color Options
• External Resources
• Units Intro
• Pixels, Font-Size, Width, Height
• Percent Values
• Em Values
• Rem Values
• VH And VW
• Default Browser Syles
• Calc Function
• Typography Intro
• Font-Family
• Font-Stack Generic Fonts
• Google Fonts
• Font-Weight Font-Style
• Text-Align And Text-Indent
• More Text Properties
• Box-Model Intro
• Padding
• Margin
• Border
• Border-Radius, Negative Margin
• Outline Property
• Display Property Intro
• Display Property
• Basic Horizontal Centering
• Mobile Navbar Example
• Box-Sizing Border-Box
• Display Inline-Block
• Display:none, Opacity, Visibility
• Background-Image Intro
• Background Images Setup
• Background-Image-Property
• Background-Repeat
• Background-Size
• Background-Position
• Background-Attachment
• Linear-Gradients
• Background Image Shortcuts Combined
• Linear-Gradient Colorzilla
• Float Position Intro
• Float Property
• Float Property Column Layout Example
• Position Static
• Position Relative
• Position Absolute
• Position Fixed
• Media Quries
• Z-Index
• ::Before And ::After Pseudo Elements
• Css Selectors Intro
• Basic Selectors
• Descendant Child Selectors
• First Line And First Letter
• :Hover Pseudo-Class Selector
• Link Pseudo-Class Selectors
• Root Preudo-Class Selectors
• Transform,Transition,And Animations
• Transform:transition()
• Transform:scale()
• Transform:rotate()
• Transform:skew()
• Transition Property
• Multiple Transition
• Transition Delay
• Transition-Timing Function
• Animation
• Animation-Fill-Mode
• Last Module Intro
• Css Variables
• Font-Awesome Icons
• Text-Shadow Box-Shadow
• Browser Prefixes
• Semantic Tags
• Emmet Workflow