Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Learn HTML5 and CSS3 From Scratch - Full Course

via freeCodeCamp

Syllabus

) 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.

Taught by

freeCodeCamp.org

Reviews

Start your review of Learn HTML5 and CSS3 From Scratch - Full Course

Never Stop Learning.

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