Advanced CSS and Sass: Flexbox, Grid, Animations and More

5.0 /5

(2 Ratings)

Offered byUDEMY

Advanced CSS and Sass: Flexbox, Grid, Animations and More
at
UDEMY
Overview

The most advanced and modern CSS course on the internet: master flexbox, CSS Grid, responsive design, and so much more

Duration	28 hours
Total fee	₹3,199
Mode of learning	Online
Difficulty level	Intermediate
Credential	Certificate

Advanced CSS and Sass: Flexbox, Grid, Animations and More

Table of contents

Overview
Highlights
Course Details
Curriculum
Faculty
+ 1 more item

Advanced CSS and Sass: Flexbox, Grid, Animations and More
at
UDEMY
Highlights

Certificate of completion
30-Day Money-Back Guarantee
Full Lifetime Access

Advanced CSS and Sass: Flexbox, Grid, Animations and More
at
UDEMY
Course details

Skills you will learn

Animation SVG CSS

Who should do this course?

CSS developers who want to update their CSS skills to the most modern level
CSS developers who want to expand their toolset to animations, flexbox, Sass, NPM, SVG, and much more
Front-end developers who want to finally understand how CSS works behind the scenes
In general: anyone who wants to truly master CSS!

What are the course deliverables?

Modern CSS techniques to create stunning designs and effects
Advanced CSS animations with keyframes, animation and transition
How CSS works behind the scenes: the cascade, specificity, inheritance, etc
CSS architecture: component-based design, BEM, writing reusable code, etc
Flexbox layouts: build a huge real-world project with flexbox
CSS Grid layouts: build a huge real-world project with CSS Grid
Using Sass in real-world projects: global variables, architecting CSS, managing media queries, etc
Advanced responsive design: media queries, mobile-first vs desktop-first, em vs rem units, etc
Responsive images in HTML and CSS for faster pageloads
SVG images and videos in HTML and CSS: build a background video effect
The NPM ecosystem: development workflows and building processes
Get friendly and fast support in the course Q&A
Downloadable lectures, code and design assets for all projects

More about this course

In this course aspirants will learn complex CSS animations, advanced responsive design techniques, flexbox layouts, Sass, CSS architecture, fundamental CSS concepts, and so much more
Aspirants will gain the expertise to speed up with the most modern and advanced CSS properties and techniques
They will be able to architect large CSS codebases for reusability and maintainability using Sass

Advanced CSS and Sass: Flexbox, Grid, Animations and More
at
UDEMY
Curriculum

Natours Project

Section Intro

Project Overview

Building the Header

Building a Complex Animated Button

How CSS Works:A Look Behind the Scenes

Section Intro

Three Pillars of Writing Good HTML and CSS (Never Forget Them)

How CSS is Parsed, Part 1: The Cascade and Specificity

Specificity in Practice

Introduction to Sass and NPM

Section Intro

What is Sass

First Steps with Sass: Mixins, Extends and Functions

A Brief Introduction to the Command Line

Natours Project

Section Intro

Converting Our CSS Code to Sass: Variables and Nesting

Implementing the 7-1 CSS Architecture with Sass

Review: Responsive Design Principles and Layout Types

Advanced CSS and Sass: Flexbox, Grid, Animations and More
at
UDEMY
Faculty details

Jonas Schmedtmann

Jonas Schmedtmann is a full-stack web developer and designer with a passion for building beautiful web interfaces from scratch He has been building websites and apps since 2010 and also have a Master's degree in Engineering This passion led him to Udemy in 2015, where he has the privilege of training 1,500,000+ learners in the field of web development