Josh Comeau - CSS for JavaScript Developers

Josh Comeau - CSS for JavaScript Developers

Register & Get access to index

3Lkuhjy.jpg
IT'S TIME TO REALLY Learn CSS​

Over 7500 developers have changed their relationship with CSS by taking this course. Your journey begins today.

Stop wrestling with CSS.​


The all-new interactive learning experience designed to help JavaScript developers become confident with CSS.​


CSS can be fun. I promise.

For a lot of front-end developers, CSS is the most frustrating part of their work.

When you make a mistake in Typescript, you get a helpful tooltip telling you exactly what you did wrong. In CSS, by contrast, you're left in the dark, without any clues about why you're not getting the result you expected.

These constant bewildering surprises take us out of flow state, and shake our confidence. No wonder so many of us don't enjoy writing CSS!

Despite all appearances, though, CSS is actually a deeply consistent and robust language. It feels unpredictable because there are complex systems involved, systems that are totally invisible to us.

CSS is an implicit language.

It doesn't matter how many years you spend practicing CSS—if you don't learn how its underlying systems work, your mental model will always be incomplete.

Think about how most of us learn CSS: we learn how individual properties work, instead of focusing on how layout algorithms use those properties as inputs. We learn “cool tricks” for specific situations, instead of concepts that can be applied broadly to any situation.

It's like trying to solve a puzzle when you're missing pieces. Except it's even worse, since we blame ourselves!

Nobody is born with CSS skills.

We assume that we're missing some sort of “CSS gene”, that we're just not good at this stuff. And it's the most unfair self-criticism in the world. If you learn the rules of CSS, you can be good at it too!

Becoming proficient with CSS is game-changing. All of a sudden, the most frustrating part of your job becomes fun! As JS developers, we spend so much energy trying to avoid writing CSS, when we could be embracing it, and using it to build world-class user interfaces.

So how do you learn the rules of CSS? Well, you can spend countless hours spelunking through MDN documentation and CSSWG specifications, and then spend a few years practicing. That's what I did. It was undeniably effective—the end result is incredibly worthwhile—but the journey was long and arduous.

stubby-arrow.png
I want to help expedite that process for you. Over the past year, I've been packaging up all that knowledge and experience into a comprehensive self-paced online course.

I call it…

With Nifty Bonuses
The Ultimate Tier comes with exclusive extras:

tv-cart.png

The Video Archive​

Have you ever stumbled on a particularly tricky layout or animation, and wondered how it works?
The Video Archive is a collection of in-depth build walkthroughs and explanations. Often, when a student has a question around how to build an unconventional layout, I'll record a video for the archive showing how I would implement it.

The Resource Treasure Trove​

Over the years, I've amassed a fortune of tools.
The Resource Treasure Trove is a curated collection of my favourites. I share my favourite tools, generators, packages, and resources, with detailed guides for each one, showing exactly how I get the most out of it.
treasure-chest.png
Author
TUTProfessor
Downloads
2,367
Views
13,319
First release
Last update
Rating
3.90 star(s) 20 ratings

More resources from TUTProfessor

Latest reviews

thank you
a beautiful course
No problem downloading the files, but I can't seem to be able to open any of the rar files. No downloaded or online tool can open them
To everyone having trouble, select third link from top to bottom, do auth with your own google account and hit load button in bottom of page until the files load
how do I download? I don't find any button.
Many thanks.
Show more button is not working for me, but I still learned a lot!
Would be amazing to have the site properly scraped or archived. As right now the pages provided lack interactivity. Any chance of a fix for this?
Thank you, you are the best
Could you please scrap the pages with the interactive parts? Right now the editors, and anything remotely interactive doesn't work. In the Thread asking for this course there was a guy who scrapped the web pages with all the interactivity working fine.

Thanks
Awesome share.