CSS: Zero to Hero in CSS by Styling a Website from Scratch

Become an Expert in CSS and CSS3 With Styling, Grid, Flexbox, Animations, Transitions, and more; No experience needed!
Rating: 4.5 out of 5 (255 ratings)
12,269 students
CSS: Zero to Hero in CSS by Styling a Website from Scratch
Rating: 4.5 out of 5 (255 ratings)
12,269 students
You will learn how to apply CSS to any type of website or project.
You will learn about basic styling and formatting in CSS.
You will learn about CSS Theory and some of the concepts that power CSS.
You will learn about layout in CSS and ways of manipulating it (Flexbox, Grid, etc.)
You will learn about animations and transitions in CSS.

Requirements

  • Must have basic knowledge of HTML (Avaliable to learn in my free HTML course)
  • Will to learn!
Description

Do you want to learn how to style websites? Do you want to learn the industry-standard techniques that web developers use? Do you want to be able to take your website to the next level? If you are asking one of these questions, then CSS is the perfect skill for you to learn.

CSS, or Cascading Style Sheet, is responsible for the styling of a website. It can completely change its look and feel, taking a website from the amateur level, to an industry website that can be shown off to clients.

In this course, we cover CSS from the ground up; starting with basics skills, such as coloring and text, to highly advanced skills, custom animations. Overall, we cover over 10 major topics of CSS, including:

  • Coloring

  • Formatting

  • Text

  • Layout

  • Grid

  • Flexbox

  • Animations

  • Transitions

  • And many more!

Even with all of these topics, you do not need any experience in CSS! This course is packed with content-both interactive and informational- to help you achieve your goals. Each section contains an in-depth quiz with 10 questions covering each unit, allowing you to diagnose yourself and your skill. The videos are filmed in an interactive way to help you ‘learn while doing’.

On top of that, at the end of the course, you get to style a website from scratch using all of the techniques you learned!

With 6+ hours of video and everything mentioned above, you are bound to become a CSS wizard by the end of the course, regardless of your previous knowledge of the topic. The only tool you need is a basic understanding of HTML (Which can be learned through my free course!)

So, are you ready to start upgrading your web development career?

 

Who this course is for:
  • Anyone looking to progress their front-end web development skills
  • Those looking to open opportunities or create a basis in the development industry.
  • Anyone who wants to revisit or relearn CSS concepts.
Curriculum
10 sections • 60 lectures • 6h 17m total length
  • Course Achievements & Results
  • Introduction to Course
  • Course Prerequisites (MUST READ)
  • Downloading Necessary Software
  • Where to Find Project Files
  • What is CSS?
  • Creating & Linking a CSS Stylesheet
  • How to Test a Stylesheet
  • Chapter Quiz
  • 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
  • Chapter Quiz
  • Types of Colors
  • Coloring Text
  • Background Colors
  • Images/URL's in CSS
  • Other Background Properties
  • Opacity/Transparency
  • Gradients
  • Chapter Quiz
  • Introduction to Types of Units
  • Text Manipulation
  • Font Size, Bolding & Style
  • Font Families
  • Including External Fonts w/ Google Fonts
  • Using External Fonts
  • Chapter Quiz
  • The CSS Box Model
  • Changing Content Size
  • CSS Borders
  • Margin & Padding
  • Float & Display Types
  • Chapter Quiz
  • What is Flexbox?
  • Creating a Flex Container
  • Flex Direction & Wrap
  • Content Alignment
  • Flex Item Order
  • Shrink, Grow, & Basis
  • The 'flex' Property
  • Item Alignment
  • Chapter Quiz
  • Grid vs Flexbox
  • Creating a Grid
  • Template Columns & Rows
  • Justify & Align Grid
  • Note about Next Lecture
  • Row & Column Gaps
  • Column & Row Lines
  • Grid Area
  • Chapter Quiz
  • The Transition Property
  • Note about New Property Prefixes
  • Transformation Functions
  • Creating Animations w/ Keyframes
  • Adding an Animation
  • Animation Properties
  • Chapter Quiz
  • CSS Final Exam
  • Website Transformation Challenge
  • Website Transformation: SOLUTION
  • What to Learn Next
  • Bonus Lecture: Continue your Learning

Instructor
Udemy Instructor - 60K+ Students Worldwide
VideoLab by Jad Khalili
  • 4.4 Instructor Rating
  • 4,512 Reviews
  • 76,541 Students
  • 8 Courses

Do you want to learn to code?

Do you want to design professional graphics?

Do you want to develop websites?

You have come to the right place.

My name is Jad Khalili, and I have been an instructor here on Udemy for over 3 years. I have taught courses on YouTube marketing, video editing, and so much more. Join me and over 60,000 other students in 179 countries to fulfill your dreams, start a career, or learn a new skill.