0
Trainer Name

Maximilian Schwarzmüller

Skill Area

Scientific or Technical, Statistics or Research and Development

Reviews

0 (0 Rating)

Course Requirements

You should know the very basics about HTML and web development in general
NO advanced HTML or web development knowledge is required though
NO CSS knowledge is required at all! You'll learn it all in this course!

Course Description

CSS - short for Cascading Style Sheets - is a "programming language" you use to turn your raw HTML pages into real beautiful websites.
This course covers it all - we start at the very basics (What is CSS? How does it work? How do you use it)? and gradually dive in deeper and deeper. And we do this by showing both practical examples as well as the theory behind it.
Getting started with CSS might look easy but there actually is a lot of depth to CSS - hence this course provides different "Tracks" or "Entry points" to exactly meet your demands and reflect you current knowledge level:
The Basics Track: Start from scratch, learn CSS from the ground up. You start with lecture 1 and simply follow through to the end.
The Advanced Track: You already know the CSS basics, you know what selectors are and how it works but you want to dive in deeper and learn some advanced features and usages.
The Expert Track: You got the advanced knowledge, too, but you want to dive into things like Flexbox, CSS Grid, CSS Variables or Sass. This track is for you.

Course Outcomes

1.Build beautiful websites which don't just contain great content but also look good
2.Use basic as well as advanced CSS features
3.Understand the concepts and theory behind CSS and certain CSS features

Course Curriculum

1 Introduction


2 What is CSS


3 CSS History, Present Future


4 Course Outline


5 Course Prerequisites


6 Recommended Tools


7 How To Get The Most Out Of This Course


1 Module Introduction


2 Understanding the Course Project Setup


3 Understanding the style Tag Creating a .css File


4 Adding CSS to our Project with Inline Styles


5 Applying Additional Styles Importing Google Fonts


6 Theory Time


7 Understanding Inheritance


8 Understanding the Cascading Style Specificity


9 Adding Combinators


10 Theory Time


11 Summarizing Properties Selectors


12 Wrap Up


1 Module Introduction


2 Introducing the CSS Box Model


3 Understanding the Box Model


4 Understanding Margin Collapsing and Removing Default Margins


5 Theory Time - Working with Shorthand Properties


6 Applying Shorthands in Practice


7 Diving Into the Height Width Properties


8 Understanding Box Sizing


9 Adding the Header to our Project


10 Understanding the Display Property


11 Applying the Display Property Styling our Navigation Bar


12 Understanding an Unexpected inline-block Behaviour


13 Working with text-decoration vertical-align


14 Styling Anchor Tags


15 Adding Pseudo Classes


16 Theory Time - Pseudo Classes Pseudo Elements.mp4


17 Grouping Rules


18 Working with font-weight border


19 Adding Styling a CTA-Button


20 Adding a Background Image to our Project


21 Properties Worth to Remember


22 Wrap Up


1 Module Introduction


2 Using Multiple CSS Classes Combined Selectors


3 Classes or IDs


4 (Not) using important


5 Selecting the Opposite with not


6 CSS Browser Support


7 Wrap Up


1 Module Introduction


2 Adding Style to our Plans


3 Working on the Recommended Plan


4 Styling the Badge with border-radius


5 Working on the Title and the Price of our Packages


6 Improving our Action Button


7 Understanding Outlines


8 Presenting the Core Features to the User


9 Preparing the Content of the Key Feature Area


10 Adding the Footer


11 What we Achieved so Far


12 Adding the Packages Page


13 Your Challenge


14 Styling the Links


15 Styling our Package Boxes


16 Adding float to our Package


17 Fixing the Hover Effect


18 Adding the Final Touches


1 Module Introduction


2 Why Positioning will Improve our Website


3 Understanding Positioning - The Theory


4 Working with the fixed Value


5 Creating a Fixed Navigation Bar


6 Using position to Add a Background Image


7 Understanding the Z-Index


8 Adding a Badge to our Package


9 Styling Positioning our Badge with absolute and relative


10 Diving Deeper into Relative Positioning


11 Working with overflow and Relative Positioning


12 Introducing sticky Positioning


13 Understanding the Stacking Context


14 Wrap Up


Learner Feedback

CSS - The Complete Guide 2020 (incl. Flexbox, Grid Sass)

0

Course Rating
0.00%
0.00%
0.00%
0.00%
0.00%

No Review found

Log In or Sign Up as learner to post a review

Shopping Cart

Loading...