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 – The Complete Guide 2022 (incl. Flexbox, Grid & Sass)
CSS – short for Cascading Style Sheets – is a “programming language“. You use it 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. We do this by showing practical examples and the theory behind them.
In starting, CSS might look easy. There is actually a lot of depth to CSS. This course provides different “Tracks” or “Entry points” to exactly meet your demands and reflect your current knowledge level:
- The Basics Track: Start from scratch, and 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 and what selectors are and how it works. You want to dive in deeper and learn some advanced features and usages.
- The Expert Track: You got the advanced knowledge. You want to dive into things like Flexbox, CSS Grid, CSS Variables, or Sass. This track is for you.
What is in the course? This is all applied to the mentioned course project:
- The basics about selectors, and combinators.
- Properties, values, and declarations
- How specificity and inheritance work. Why did it call “Cascading” Style Sheets?
- Important theoretical concepts like the “Box Model”
- How the default position of elements will be change
- Styling backgrounds (gradients) and images
- Which units and dimensions do you typically use in CSS (px, em, %, and more)
- How JavaScript and CSS interact
- Responsive design and what “Mobile First” means
- Styling forms and form inputs
- Working with text, fonts, and text styles
- Flexbox! How it works and how to use it
- Using the CSS Grid and how it differs from Flexbox
- Transforming and animating HTML elements with the help of CSS
- Writing future-proof CSS with features like CSS variables or best-practice class names
- Using Sass and what it actually is all about