Learn CSS Today by Kyle Cook

Learn CSS Today

Learn modern CSS features and advanced CSS concepts in less than a day with this highly focused project-based CSS course

What Will You Get?

  • Access to all HD course videos covering topics from the fundamentals to advanced animations
    • 61 Videos
    • 21 Project Tutorials
    • 9 Project Exercises
  • Source code for every project broken down by video
  • All future updates free of charge
  • Exclusive access to the Learn CSS Today Discord channel where you can talk with me and all other members of the course

Hear What Others Have To Say

I was fortunate enough to have beta access to this CSS course, and everyone (even experienced web devs) should be excited about this one! I have over 20 years of web development experience, and I learned new things and was reminded of things I had forgotten. Teacher: 💯, content: 💯!
Jesse Hall (codeSTACKr)
This is one of the best CSS courses I have seen! It starts off very introductory but ramps up quickly covering fun topics like CSS Grid, Flexbox, etc., so it’s great for people of all levels. I’ve been writing CSS professionally for almost 4 years and still took plenty of notes!
James Q Quick
Taking Kyle’s CSS course has taken away a lot of my impostor syndrome. I don’t assume things like I used to. He breaks down every bit of the course so that you will understand how everything works from the ground up. He also makes sure to point out good practices which is very valuable.
Jesus Avina
When I purchased this course I was a beginner in CSS feeling a bit overwhelmed. I was learning well on my own, but I couldn't grasp the bigger picture of what I should be focusing on. This course taught me which tools in CSS are most frequently used and how to get the most out of them. Further, I learned how to better structure my HTML and how to systematically implement class names to create stylesheets that are readable, scalable, and maintainable.
The projects gave me a good sense of the fundamentals and I felt comfortable implementing those skills in my own projects. I didn't just stick around in "tutorial hell" and managed to do a lot with HTML & CSS on my own, from scratch. It has become second nature.
This course has easily paid for itself in the time I saved.
Matthew Dillemuth

Is This Course For You?

If you are looking to stand out among job applicants by having a deep understanding of CSS, or if you just want to finally understand how CSS works in depth so you can start building beautiful web applications with ease then this course is perfect for you. Whether you use CSS every day but struggle trying to venture past libraries like Bootstrap, or have never used CSS before, this course has something for you.

This course is for you if:
  • You want to land a frontend developer job
  • You are a complete beginner at CSS and frontend development
  • You are already familiar with CSS but want to learn how to use modern CSS
  • You spend the majority of your time battling against CSS frameworks and are tired of not understanding how CSS works

What Will You Learn?

  • A deep understanding of how CSS works beyond just learning each property
  • How to use modern CSS layout techniques such as grid and flexbox to create stunning designs
  • In depth CSS animations from basic hover animations to complex page load animations
  • Tons of CSS best practices for building scalable applications
  • How to use advanced CSS concepts such as custom properties and pseudo elements to simplify your code
  • And so much more in depth CSS information

Why This Course?

While there are a ton of CSS courses available for you to choose from, none compare to this course. Instead of focusing on learning individual CSS properties and values, this course is focused on learning CSS in depth. I focus on simplifying and thoroughly explaining every complex CSS topic so you have a deep understanding of how to build any product you can dream of. This means that instead of mindlessly copying the code from the video you will be actively learning each and every topic covered.

In order to ensure that you retain the knowledge from this course, each topic is broken down into small and easy to digest videos followed by one or more projects specifically focused on teaching that topic. On top of that, each topic also has exercises for you to complete which present the perfect level of challenge for you to optimally learn the topic. This three-tiered approach to learning where I teach you the topic, show you how to use it, and have you build your own project is incredibly effective at long term knowledge retention.

In order to accomplish such a highly focused and well-explained course, all unrelated concepts are kept to a bare minimum. This means no extra time is wasted on building out large HTML files, complex JavaScript, or repetitive projects. Instead, every minute of this course is focused solely on learning CSS. Because of the focused nature of this course you will learn everything about CSS in a shorter time.

I also utilize my extreme passion for clean and well designed code to show you all the best practices and design patterns you need to know in order to easily create complex CSS stylesheets. This is something most other courses never even talk about, let alone cover in the depth I do.

I could go on for hours about why this course is the best choice for you, but in essence if you buy this course you will learn more in less time which leads to you building your own projects quicker.

Contents

Fundamentals
01 - What Is CSS?
3 mins
02 - Basic Syntax
12 mins
03 - How To Add CSS
7 mins
04 - Comments
3 mins
05 - Inheritance
5 mins
Selector Cheat Sheet - Dark
2.05 MB
Selector Cheat Sheet - Light
2.05 MB
06 - Your First CSS Project - A Simple Blog
10 mins
07 - User Profile Introduction
2 mins
08 - User Profile Project Walkthrough
6 mins
09 - Color
13 mins
10 - Specificity
13 mins
11 - Pseudo Classes
12 mins
12 - Box Model
14 mins
Box Model Cheat Sheet - Dark
1.51 MB
Box Model Cheat Sheet - Light
1.51 MB
13 - Units
12 mins
14 - Button Component Library Project
24 mins
15 - Input Component Library Introduction
2 mins
16 - Input Component Library Project Walkthrough
12 mins
17 - Module One Final Project - Portfolio
28 mins
Layout And Positioning
18 - Document Flow
9 mins
19 - Floats
5 mins
20 - Flexbox
20 mins
21 - Modal Project
14 mins
22 - Navbar Project Introduction
1 min
23 - Navbar Project Walkthrough
5 mins
24 - Grid
26 mins
25 - Grid Home Page Project
13 mins
26 - Image Gallery Project Introduction
1 min
27 - Image Gallery Project Walkthrough
8 mins
28 - Position
11 mins
29 - Z-Index
8 mins
30 - Multi-Column Layout
9 mins
31 - Overflow
5 mins
32 - Bootcamp Landing Page
39 mins
Advanced
33 - Custom Properties
11 mins
34 - Calc
6 mins
35 - Button Component Library Project Upgrade
11 mins
36 - Input Component Library Upgrade Introduction
1 min
37 - Input Component Library Project Upgrade Walkthrough
5 mins
38 - Advanced Selectors
12 mins
39 - Pseudo Elements
7 mins
40 - Custom Checkbox Project
13 mins
41 - Tooltip Project
15 mins
42 - Advanced Margins
3 mins
43 - CSS Resets
4 mins
44 - Browser Support
4 mins
45 - Feature Query
6 mins
46 - Media Query
6 mins
47 - Custom Fonts
9 mins
48 - Bootcamp Landing Page Pricing Section
24 mins
Animation
49 - Transition Property
9 mins
50 - Button Transition Project Introduction
1 min
51 - Button Transition Project Walkthrough
6 mins
52 - Animation Property
15 mins
53 - Transform Property
11 mins
54 - Button Animation Project
10 mins
55 - Loading Text Project Introduction
1 min
56 - Loading Text Project Walkthrough
9 mins
57 - Tooltip Animation Project
7 mins
58 - Perspective Property
8 mins
59 - 3D Cube Project
12 mins
60 - Bootcamp Landing Page Animations
19 mins
Conclusion
61 - Next Steps
5 mins

FAQs

What do I need to know to take this course?

The only thing you need to know to take this course is HTML. We will be covering every single aspect of CSS in depth in this course, so even if you have zero experience with CSS you will find this course incredibly easy to follow.

Does this course cover SASS, LESS, Bootstrap, etc?

No. This course is focused purely on learning CSS, because trying to learn CSS alongside CSS pre-processors and frameworks makes learning CSS exponentially more difficult. After taking this course and learning CSS in depth, learning a pre-processor will be much easier.

When was this course recorded?

This course was recorded in March of 2020. That means this course focuses heavily on modern CSS concepts such as flexbox and grid without wasting your time on outdated CSS concepts.

Why is this course so short? Other CSS courses are 20+ hours long?

Yes. This course is shorter than many other CSS courses, but that is actually one of this course's biggest benefits. Since this course is focused 100% on only CSS it is able to fit detailed breakdowns and explanations of everything you need to know about CSS into a fraction of the time of many other courses. This means you will learn more in less time, because not a single minute of your time is wasted in this course.

Why is this course more expensive than other CSS courses on platforms such as Udemy?

This course is priced at a premium price point to align with the high quality content in the course. Many cheap courses are no more than long glorified code alongs with very little explanation or teaching. This course, on the other hand, is focused exclusively on the single goal of teaching you CSS in the quickest and most comprehensive way possible. This is achieved via deep explanations of every concept covered and every line of code written. Unlike other cheaper courses the goal of this course is not to teach you to build one single product, but instead this course is about teaching you CSS so you can create any product you can imagine and get you one step closer to your dream job.

What if I buy the course and do not like it?

While I am sure that you will love this course, if for any reason you do not, just email me at kyle@webdevsimplified.com for a full refund.

Any other questions?

If you have any more questions about the course email me at kyle@webdevsimplified.com and I will answer any questions you have.

Get To Know Your Instructor

My name is Kyle and I have been a full stack web developer since 2015. I have a Computer Engineering degree, but am mostly self-taught when it comes to web development. Because of this I am able to leverage both my formal education as well as my experience as a self-taught developer to create the most comprehensive and easy to understand courses available. I also run the YouTube channel Web Dev Simplified with over 200,000 subscribers.