UDEMY
UDEMY Logo

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

  • 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
 at 
UDEMY 
Highlights

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

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

Skills you will learn
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
Read more
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

Faculty Icon

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

Other courses offered by UDEMY

549
50 hours
– / –
3 K
10 hours
– / –
549
4 hours
– / –
599
10 hours
– / –
View Other 2346 CoursesRight Arrow Icon

Advanced CSS and Sass: Flexbox, Grid, Animations and More
 at 
UDEMY 
Students Ratings & Reviews

5/5
Verified Icon2 Ratings
U
UDAY KUMAR CHUNDURU
Advanced CSS and Sass: Flexbox, Grid, Animations and More
Offered by UDEMY
5
Learning Experience: It's very good course and author explains everything clearly point to point
Faculty: 5 star teaching no assessments, self live assessments
Course Support: yes
Reviewed on 9 Sep 2022Read More
Thumbs Up IconThumbs Down Icon
S
Sarasraman N
Advanced CSS and Sass: Flexbox, Grid, Animations and More
Offered by UDEMY
5
Learning Experience: Yeah its a great platform for people who like to learn new things and doesn't empty your wallet much
Faculty: Yeah he was great at teaching the course going step by step process and providing good content right from scratch This course has good curriculam for beginners like me who doesn't even know what is Web development
Course Support: Actually No I haven't got any job but I think that's all upto us to seek a job. Since he is teaching that doesn't means you deserve a job I think it takes some time and practice.
Reviewed on 20 Aug 2022Read More
Thumbs Up IconThumbs Down Icon
View All 2 ReviewsRight Arrow Icon
qna

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

Student Forum

chatAnything you would want to ask experts?
Write here...