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

freeCodeCamp

CSS Tutorial - Zero to Hero (Complete Course)

via freeCodeCamp

Overview

This course aims to teach beginners CSS from basic skills like coloring and text to advanced skills like custom animations. The course covers topics such as coloring, formatting, text, layout, grid, flexbox, animations, transitions, and more. The teaching method includes video lectures and practical coding challenges. This course is intended for individuals who want to learn CSS from scratch and build styling skills for websites.

Syllabus

) Course Achievements & Results.
) Introduction to Course.
) Downloading Necessary Software.
) Where to Find Project Files.
) What is CSS?.
) Creating & Linking a CSS Stylesheet.
) How to Test a Stylesheet.
) What is a Selector?.
) Classes & ID's in HTML.
) Specificity & When to use Selectors.
) Pseudoselectors.
) Advanced Selectors.
) Attribute Selectors.
) What are Properties?.
) The CSS General Rule.
) Types of Colors.
) Coloring Text.
) Background Colors.
) Images/URL's in CSS.
) Other Background Properties.
) Opacity/Transparency.
) Gradients.
) Introduction to Types of Units.
) Text Manipulation.
) Font Size, Bolding & Style.
) Font Families.
) Including External Fonts w/ Google Fonts.
) Using External Fonts.
) The CSS Box Model.
) Changing Content Size.
) CSS Borders.
) Margin & Padding.
) Float & Display Types.
) What is Flexbox?.
) Creating a Flex Container.
) Flex Direction & Wrap.
) Content Alignment.
) Flex Item Order.
) Shrink, Grow, & Basis.
) The 'flex' Property.
) Item Alignment.
) Grid vs Flexbox.
) Creating a Grid.
) Template Columns & Rows.
) Justify & Align Grid.
) Row & Column Gaps.
) Column & Row Lines.
) Grid Area.
) The Transition Property.
) Transformation Functions.
) Creating Animations w/ Keyframes.
) Adding an Animation.
) Animation Properties.
) Website Transformation Challenge.
) Website Transformation - SOLUTION.
) What to Learn Next.

Taught by

freeCodeCamp.org

Reviews

4.0 rating, based on 2 Class Central reviews

Start your review of CSS Tutorial - Zero to Hero (Complete Course)

  • Review:

    I recently had the pleasure of taking the "CSS Tutorial - Zero to Hero (Complete Course)," and I can confidently say that it's an absolute gem for anyone looking to master CSS.
  • Mustafa Ahmadi
    I this course I have learnt lots of new things in the CSS Tutorial-Zero to Hero course that how to design the whole website in addition there were lots of things which was interesting for me and I love them but the most important part is this that I got familiar with some new topic such as selectors, background color, background image, how to margin the images, and etc...

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.