30 CSS Exercises

Boost your CSS skills

4.70 (80 reviews)
Udemy
platform
English
language
Web Development
category
instructor
6,767
students
4 hours
content
Sep 2022
last update
$64.99
regular price

What you will learn

Learn CSS

Train your CSS Animations

Train your responsiveness

Train your integration skills

Train a lot of css properties and values

CSS Grid

Flexbox

Etc ...

Description

Welcome to the 30 CSS Exercises course.

CSS is a style language that separates people that have to use it in two groups, those whos love it, and those who hate it.
But the question is not to love or hate CSS, it's there, and we need it.

And except if your website contains only HTML, which is rarely the case, you will have to master it.
And here is the problem, how to master CSS ?
By training !

In this course we will cover a lot of topics through exercises, and the goal for you is to upgrade your research and testing skills.
You need to learn to face a problem and start thinking about a variety of solutions, and test them !

Here are the topics covered :

  • Display

  • Positions

  • Animations

  • Transitions

  • Responsiveness

  • A lot of usefull properties (opacity, fonts properties, z-index, etc ...)

  • Shadows

  • SASS Preprocessor

  • Integration (Footer, Form, Hero Page)

  • A lot of tricks (checkbox hack, margin collapsing, etc...)

  • Flexbox

  • CSS GRid

  • Selectors

  • Etc (look at the curriculum!)


I prepared 2 big folders for you, with the starter files and the final source code of every exercise.
With that you can easily follow the whole course, you just have to watch the instruction video of each exercise, then try to resolve it on your own, and finally watch the resolution video.

Sounds exciting right ? See you on the othe side.

Content

Introduction

Introduction
Source Code

1. Alignment

Instructions
Resolution

2. Navbars

Instructions
Resolution

3. Hero Page

Instructions
Resolutions part 1
Resolutions part 2

4. Positions

Instructions
Resolution

5. Display values

Instructions
Resolution

6. Selectors

Instructions
Resolution

7. Video Integration

Instructions
Resolution

8. Blinking animation

Instructions
Resolution

9. Hide and Seek

Instructions
Resolution

10. Margin Collapsing

Instructions
Resolution

11. Responsive Text

Instructions
Resolution

12. Loader

Instructions
Resolution

13. Transitions

Instructions
Resolution

14. Galleries

Instructions
Resolution

15. Flexbox

Instructions
Resolution

16. CSS Grid

Instructions
Resolution

17. Pseudo-Elements

Instructions
Resolution

18. Responsive

Instructions
Resolution

19. Perspective

Instructions
Resolution

20. Parallax

Instructions
Resolution

21. Shadows

Instructions
Resolution

22. Shapes

Instructions
Resolution

23. Units

Instructions
Resolution

24. Carousel

Instructions
Resolution

25. Sign Up Form Integration

Instructions
Resolution HTML
Resolution CSS

26. Animation

Resolution
Resolution

27. The Checkbox Trick

Instructions
Instructions

28. SASS

Instructions
Resolution

29. Complex Footer

Instructions
Resolution HTML
Resolution CSS

30. Marquee

Instructions
Resolution

Screenshots

30 CSS Exercises - Screenshot_0130 CSS Exercises - Screenshot_0230 CSS Exercises - Screenshot_0330 CSS Exercises - Screenshot_04

Reviews

Sandeep
April 6, 2023
Yes, the exercise is well curated covering fundamentals and good topics. The explanation can be better keeping the format short like it is now. At least some time can be given to explaining the properties that are being used in the exercise.
Remmane
February 5, 2023
Great practical Course for css beginners and even for the ones that want to improve thier css skills but the explanation of the author should have been imporved.
Defne
June 7, 2022
Mr.Enzo knows CSS and its tricks and tips very well and these exercises that he prepared for us, are showing you the ways to practice them without complex formations around... At the end of the course you will have your own CSS library that you may use in the future for your own projects simply by remembering what you did achieve here. For friends who might wonder, there are 2 sets of course materials, first set is the starter codes, but they are almost empty with only a little information about the current task, and the second set is the final codes for people who wish just to watch and learn. I prefer to use the first set and I enjoyed very much while searching for the tasks solutions from the web and later checking the next video if I succeeded or not. This was a fun way to learn :) So thank you Mr.Enzo, for giving us the opportunity to practice and to learn more than we intended to learn in details, I meant the beautiful CSS tips and ways, especially those nice animation tricks. Happy coding everyone. :)
Alessandro
December 13, 2021
Ottimo finora, un livello al quale da solo non sarei potuto arrivare andando avanti a tentativi e ricerche su google
Carlos
October 21, 2021
Excelente, el curso de css trae muchos ejercicios para analizar y el Profesor explica como modificar cada ejercicio
Elijah
September 11, 2021
Honestly this course is way better than any youtube tutorial I've seen and I've seen a loooooooooot of youtube videos. Simple and straight to the point 10/10 would totally recommend

Coupons

DateDiscountStatus
9/9/2021100% OFF
expired

Charts

Price

30 CSS Exercises - Price chart

Rating

30 CSS Exercises - Ratings chart

Enrollment distribution

30 CSS Exercises - Distribution chart
4285332
udemy ID
9/7/2021
course created date
9/9/2021
course indexed date
Angelcrc Seven
course submited by