Learn CSS Complete Guide Flexbox, Grid and Sass

Learn CSS Complete Guide Flexbox, Grid and Sass 

 

What you will learn in this course:

• Create beautiful websites with great content but also look good,
• Understand the concepts and theory behind CSS and certain CSS features,

Requirements for this course:

1. You should know the very basics about HTML,
2. NO CSS knowledge is required at all,

Description

• CSS short for Cascading Style Sheets is a “programming language” you use to turn your raw HTML pages into real beautiful websites,
• Here what is inside the course in detail:
• The basics about selectors, combinators and how you set up styling rules in general
• Properties, values and declarations
• How specifity and inheritance work and why it’s called “Cascading” Style Sheets
• Important theoretical concepts like the (“Box Model”)
• How the default position of elements can be changed
• Styling backgrounds 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”)
• Styling forms and form inputs
• Working with text, fonts and text styles
• Flex-box How it works and how to use it
• Using the CSS Grid and how it differs from Flex-box
• Transforming and animating HTML elements with the help of CSS
• Writing future-proof CSS with features like CSS variables or best-practice class names
• Using Sass and what it actually is all about

Who is the target audience for the course?

• Anyone wants to sharpen his or her CSS skills,
• Anyone who’s excited to learn about the latest CSS features like Flex-box, CSS Grid or CSS Variables
• Who knows CSS but wants to dive deeper

Course content overview:

• Getting Started
• Diving Into the Basics of CSS
• Diving Deeper into CSS
• More on Selectors & CSS Features
• Practicing the Basics
• Positioning Elements with CSS
• Understanding Background Images & Images
• Sizes & Units
• Working with JavaScript & CSS
• Making our Website Responsive
• Adding & Styling Forms
• Working with Text and Fonts
• Adding Flex-box to our Project
• Using the CSS Grid
• Transforming Elements with CSS Transforms
• Transitions and Animations in CSS
• Writing Future-Proof CSS Code
• Introducing (Sass) Syntactically Awesome Style Sheets