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

Description

In this course, you will :

• Tons of 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.