Learn CSS for the first time or brush up your CSS skills and dive in even deeper. EVERY web developer has to know CSS.
CSS – short for Cascading Style Sheets – is a “programming language” you use to turn your raw HTML pages into real beautiful websites.
This course covers it all – we start at the very basics (What is CSS? How does it work? How do you use it)? and gradually dive in deeper and deeper. And we do this by showing both practical examples as well as the theory behind it.
Getting started with CSS might look easy but there actually is a lot of depth to CSS – hence this course provides different “Tracks” or “Entry points” to exactly meet your demands and reflect you current knowledge level:
The Basics Track: Start from scratch, learn CSS from the ground up. You start with lecture 1 and simply follow through to the end.
The Advanced Track: You already know the CSS basics, you know what selectors are and how it works but you want to dive in deeper and learn some advanced features and usages.
The Expert Track: You got the advanced knowledge, too, but you want to dive into things like Flexbox, CSS Grid, CSS Variables or Sass. This track is for you.
Of course this course offers the theory and practical examples – we’ll build an entire real course project throughout the course – but there also are multiple assignments, quizzes and challenges for you to practice individual concepts taught throughout the course.
Talking about the course project – we’ll build the frontend (no backend) of a fictional web hosting company. We’ll have a starting screen which has different sections, we got a responsive design with an animated side-drawer, we got modals and forms and in general we got a lot of CSS animations, font styles and more!
├───02 Diving Into the Basics of CSS
├───03 Diving Deeper into CSS
├───04 More on Selectors & CSS Features
├───05 Practicing the Basics
├───06 Positioning Elements with CSS
├───07 Understanding Background Images & Images
├───08 Sizes & Units
├───09 Working with JavaScript & CSS
├───10 Making our Website Responsive
├───11 Adding & Styling Forms
├───12 Working with Text and Fonts
├───13 Adding Flexbox to our Project
├───14 Using the CSS Grid
├───15 Transforming Elements with CSS Transforms
├───16 Transitions & Animations in CSS
├───17 Writing Future-Proof CSS Code
├───18 Introducing Sass (Syntactically Awesome Style Sheets)
└───19 Course Roundup
