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

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

Manuel Lorenz, Maximilian Schwarzmüller
New Release!

Learn CSS for the first time or brush up your CSS skills and dive in even deeper
Mapt Subscription
FREE
$30.00/m after trial
Video
$147.90
RRP $173.99
Save 14%
What do I get with a Mapt subscription?
  • Unlimited access to all Packt’s 6,000+ eBooks and Videos
  • 100+ new titles a month, learning paths, assessments & code files
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
$0.00
$147.90
$29.99 p/m after trial
RRP $173.99
Subscription
Video
Start 14 Day Trial

Frequently bought together


CSS - The Complete Guide (incl. Flexbox, Grid and Sass) [Video] Book Cover
CSS - The Complete Guide (incl. Flexbox, Grid and Sass) [Video]
$ 173.99
$ 147.90
React 16 - The Complete Guide (incl. React Router 4 and Redux) [Video] Book Cover
React 16 - The Complete Guide (incl. React Router 4 and Redux) [Video]
$ 188.99
$ 160.65
Buy 2 for $35.02
Save $327.96
Add to Cart

Video Details

ISBN 13 9781789954692
Course Length 20 hours 42 minutes

Table of Contents

Course Roundup

Video Description

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

Style and Approach

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.

Video Preview

What You Will Learn

  • 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

Authors

Table of Contents

Course Roundup

Video Details

ISBN 139781789954692
Course Length20 hours 42 minutes
Read More

Read More Reviews

Recommended for You

React 16 - The Complete Guide (incl. React Router 4 and Redux) [Video] Book Cover
React 16 - The Complete Guide (incl. React Router 4 and Redux) [Video]
$ 188.99
$ 160.65
Vue JS 2 - The Complete Guide (incl. Vue Router and Vuex) [Video] Book Cover
Vue JS 2 - The Complete Guide (incl. Vue Router and Vuex) [Video]
$ 188.99
$ 160.65
MongoDB - The Complete Developer's Guide [Video] Book Cover
MongoDB - The Complete Developer's Guide [Video]
$ 144.99
$ 123.25
Angular and Node.js - The MEAN Stack Guide [Video] Book Cover
Angular and Node.js - The MEAN Stack Guide [Video]
$ 129.99
$ 110.50
The Complete ARKit Course - Build 11 Augmented Reality Apps [Video] Book Cover
The Complete ARKit Course - Build 11 Augmented Reality Apps [Video]
$ 172.99
$ 147.05
Linux Security and Hardening, The Practical Security Guide [Video] Book Cover
Linux Security and Hardening, The Practical Security Guide [Video]
$ 172.99
$ 147.05