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 Adding Combinators


2 Module Introduction


3 Understanding the Course Project Setup


4 Understanding the style Tag Creating a .css File


5 Adding CSS to our Project with Inline Styles


6 Applying Additional Styles Importing Google Fonts


7 Theory Time


8 Understanding Inheritance


9 Understanding the Cascading Style Specificity


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 Your Challenge


2 Adding the Packages Page


3 What we Achieved so Far


4 Adding the Footer


5 Styling the Links


6 Preparing the Content of the Key Feature Area


7 Presenting the Core Features to the User


8 Styling our Package Boxes


9 Understanding Outlines


10 Improving our Action Button


11 Working on the Title and the Price of our Packages


12 Adding float to our Package


13 Adding the Final Touches


14 Fixing the Hover Effect


15 Styling the Badge with border-radius


16 Module Introduction


17 Adding Style to our Plans


18 Working on the Recommended Plan


1 Module Introduction


2 Using position to Add a Background Image


3 Understanding the Stacking Context


4 Introducing sticky Positioning


5 Working with overflow and Relative Positioning


6 Diving Deeper into Relative Positioning


7 Styling Positioning our Badge with absolute and relative


8 Adding a Badge to our Package


9 Understanding the Z-Index


10 Creating a Fixed Navigation Bar


11 Working with the fixed Value


12 Understanding Positioning - The Theory


13 Why Positioning will Improve our Website


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...