CSS - The Complete Guide (incl. Flexbox, Grid and Sass) [Video]

More Information
  • Know the basics of selectors and combinators, and how you set up styling rules in general
  • Properties, values, and declarations
  • How specify and inheritance work and why it's called "Cascading Style Sheets"
  • Important theoretical concepts such as the "Box Model"
  • How the default position of elements can be changed
  • Styling backgrounds (such as gradients) and images
  • Which units and dimensions you typically use in CSS (px, rem, %, and more)
  • How JavaScript and CSS interact
  • Responsive design and what "Mobile First" means
  • Styling forms and form inputs
  • Work with text, fonts, and text styles
  • Flexbox! How it works and how to use it
  • Use the CSS Grid and see how it differs from Flexbox
  • Transform and animate HTML elements with the help of CSS
  • Write future-proof CSS with features such as CSS variables or best-practice class names
  • Use Sass and know what it’s all about

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 a really beautiful website. This course covers it all. We start at the very basics and gradually dive in deeper and deeper. We do this by showing you both practical examples and the theory behind them.

Getting started with CSS might look easy, but there actually is a lot of depth to CSS, so 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, 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.

In the course project, we'll build the front end (no back end) of a fictional web hosting company. We'll have a starting screen with different sections, a responsive design with an animated side-drawer, modals and forms, and lot of CSS animations, font styles, and more!

All the code and supporting files for this course are available at:https://github.com/PacktPublishing/CSS---The-Complete-Guide-incl.-Flexbox-Grid-and-Sass-/tree/master

  • Build beautiful websites that don't just contain great content but also look good
  • Use basic and advanced CSS features
  • Understand the concepts and theory behind CSS and certain CSS features
Course Length 20 hours 42 minutes
ISBN 9781789954692
Date Of Publication 6 Nov 2018


Academind GmbH

Academind GmbH - Online Education Bundling the courses and knowhow of successful instructors, Academind strives to deliver high-quality online education. Online Education, Real-Life Success—that's what Academind stands for. Learn topics like web development, data analysis, and more in a fun and engaging way. Maximilian Schwarzmüller - Since the age of 13, Maximilian Schwarzmüller has never stopped learning new programming skills and languages. In the early days, he started creating websites for friends and for fun. This passion has remained and shaped his decision to work as a freelance web developer and consultant. The success and fun he has in this job is immense and really keeps that passion alive. Although he started web development on the back end (PHP with Laravel and NodeJS), he has increasingly become a front-end developer using modern frameworks such as React, Angular, or VueJS 2 in a lot of projects. He loves both worlds nowadays! As a self-taught developer, he had broadened his horizon by studying Business Administration, resulting in a Master's degree. This enabled him to work in a major strategy consultancy as well as a bank. Whilst learning and developing his skills, he realized that he enjoyed development more than these fields. As a self-taught professional, Max is familiar with the difficult topics when learning new or improving on already-known languages. This background and experience enable him to focus on the most relevant key concepts and topics. His track record is the best proof of that. Whether working as a development instructor or teaching Business Administration, he always receives great feedback. The most rewarding experience is to see how people find new and better jobs, build awesome web applications, acquire amazing projects, or simply enjoy their hobby with the help of his content.