Learn CSS Complete Guide Flexbox, Grid and Sass
- Create beautiful websites with great content but also look good,
- Understand the concepts and theory behind CSS and certain CSS features,
- You should know the very basics about HTML,
- 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
- 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
0 Commentaires