- What You Really Should Know
- Free tutorial
- Rating: 3.7 out of 53.7 (205 ratings)
- 17,381 students
- 5hr 27min of on-demand video
Created by Philipp Rost
English
What you’ll learn
- CSS Attribute Selectors
- CSS Pseudo Classes
- CSS Gradients
- CSS Animations
- CSS Transitions
- CSS Basic Shapes
- How to draw with CSS
- How to create custom radio buttons
- How to create a timeline
- How to style select dropdowns
- CSS Forms
Requirements
- HTML Basics
Description
Welcome to my All About CSS – The Complete CSS Adventure course!
My name is Philipp and I work as Software Engineer/Front-End Developer. I want to take you with me on this exciting adventure where we learn about CSS Selectors, Pseudo Elements and much much more. We will create together awesome projects such as a really cool Timeline or we will draw a cute little bear with pure CSS.
Additionally I offer you little questions between my lessons so you deepen the learned features of CSS. It does not matter if you are new to CSS or if you know already some. Maybe you want to become a Web Developer or this is just your hobby and you want to create cool Websites. In both cases you are perfectly prepared in the end of this course to encounter numerous obstacles.
This course contains:
- 41 Lessons
- 6 Quizzes
- 6 Projects (Loading Spinner, Timeline, CSS Terminal, CSS Slider, CSS Bear, Sticky Navigation)
To continue improving my courses I would like when you give me your feedback to the course. Feel also always free to contact me in case you have questions or you just want to talk to me.
I hope you have fun and enjoy my course.
Who this course is for:
- CSS Beginners
- Everyone who wants to become a Front End Developer
- Webdesigner
- Everyone who wants to improve their CSS skill
- Everyone who wants to bring their CSS to the next level
Show less
Course content
13 sections • 41 lectures • 5h 26m total lengthCollapse all sections
Course Preparation3 lectures • 15min
- Introduction01:33
- Visual Studio Code09:49
- Browser Safari or Chrome03:12
CSS Box Model5 lectures • 45min
- What is the box model?13:58
- The content of the box07:11
- The display property07:23
- Images as inline elements02:52
- Positioning13:28
- Position Relative, Absolute or Fixed?3 questions
Anchor Tags1 lecture • 12min
- The Anchor Tag11:30
CSS Lists3 lectures • 24min
- Ordered Lists05:51
- unordered lists04:58
- Project Sticky Navigation12:53
CSS Selectors7 lectures • 52min
- Basic Selectors08:29
- Universal Selector04:24
- Attribute Selectors05:32
- Attribute Selectors4 questions
- Pseudo Classes08:38
- Pseudo Classes Extra05:28
- Pseudo Elements03:41
- Pseudo Classes & Elements Quiz4 questions
- Project Timeline: before & after16:14
Forms3 lectures • 31min
- The Form Element04:40
- Inputs and Labels08:44
- Creating a Login Form17:08
Drawing with CSS5 lectures • 34min
- How to create a Triangle08:47
- How to create a Ribbon04:42
- How to create an Octagon06:04
- How to create a Heart05:16
- Drawing a Bear09:39
- Shapes of CSS2 questions
CSS Animations and Transitions4 lectures • 33min
- CSS Transitions14:47
- CSS Animations05:35
- Animation Example07:42
- Animations Quiz2 questions
- Creating a loading spinner05:16
CSS Gradients4 lectures • 27min
- Linear Gradients09:34
- Radial Gradients11:44
- Diagonal Gradients02:00
- Gradient Pattern03:59
- Gradients Quiz3 questions
CSS Clipping1 lecture • 4min
- Clipping04:27
Project 1: Fullscreen Slider2 lectures • 21min
- HTML Structure and basic styling11:51
- Finishing Project08:45
Project 2: CSS Terminal1 lecture • 10min
- Let’s create our CSS Terminal09:42
How to2 lectures • 19min
- How to style a select element?09:14
- How to create custom radiobuttons09:55
