CSS seems easy at first, but the deeper into it you get, the more complicated it becomes. Often we end up trying to fix problems by adding more and more code on top and hoping for the best. That leads to fragile code and hours of wasted time while you try to get things to work properly. As frustrating as CSS can seem though, it doesn't have to be that way.
CSS is based on rules and logic (even if it doesn't always feel that way). Instead of fighting with CSS, if you learn about how CSS is built at its very core, and you start to work with how it's meant to work, it can actually be a lot of fun.
Learn to embrace CSS
CSS is an essential language for putting a website together, but it's often ignored in favor of the latest JS framework.
People pay $10,000+ to go to bootcamps to become front-end developers, but are left mystified by CSS.
CSS is often seen as simple language because it has a simple syntax and then it's pooped on because it doesn't behave like other languages.
CSS is it's own language though, and in this course, we're going to learn to embrace it for what it is, take advantage of its differences, and really start to understand what the heck is going on with CSS.
What's inside CSS Demystified
What we'll be building together
Throughout the modules, we'll be working on several exercises and projects to help you reinforce your learning.
There will be several smaller exercises and quick examples which you'll have access to.
For the larger projects, you'll have access to design specifications, the Figma files, and all the finished code.
Above you can see our two big projects. On the left is a large single-page site, which is the focus in module 2. On the right is a 3-page site, which is the focus on module 3.
Module by module breakdown
Below is a breakdown of all the modules of the course. They're split up by week because CSS Demystified is a drip course, with a week between each module.
Week oneThe misunderstood fundamentals {
CSS isn't like other programming languages, and for good reason. In the first week, we'll look at why it's different, and deep dive the fundamentals of it to embrace that difference.
}
Week twoThe unknown fundamentals{
This week will build off what we started with during week 1, and continue to influence how we write our CSS.
With our newfound understanding of CSS, we can start approaching it in new ways. Less fighting, less confusion, and more control.
}
Week threeContent vs Layout {
We live in a world of components. We're told that components should live in isolation, but then we build them in ways that influence other items around them.
This week is all about learning how we can prevent that from happening and creating resilient layouts and components that can work anywhere we want them to.
}
Weeks four & fiveStep up your learning {
These weeks are a part of the #gold package only, as they do not focus on writing CSS, but on different techniques you can use to help you learn more effectively.
Week four looks at tips and tricks to help break out of tutorial hell, including a look at how I learn things well enough to teach them.
Week five is a look into the cheatcode to learn things at a very deep level, which dives into teaching things, even if it's just to yourself, or to a bigger audience.
}
