Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Codecademy

Learn CSS-in-JS

via Codecademy

Overview

Advance your CSS styling strategies with CSS-in-JS, a popular technique that allows programmers to write CSS styling in JavaScript.

### Why Learn CSS-in-JS?

Looking to advance your CSS styling strategies? CSS-in-JS is a popular technique that allows programmers to write CSS styling in JavaScript syntax. Knowing CSS-in-JS can help you stand out as a potential candidate as many tech companies use CSS-in-JS libraries.

### Take-Away Skills

This is a great course for learners familiar with web development and React who are looking to learn new tools and technologies commonly used in professional web development.

In this course you will learn to:
* identify what CSS-in-JS is, in contrast with CSS in a stylesheet, and when to use it.
* incorporate the [Emotion](https://emotion.sh/) library into a React app.
* create components that are styled in JavaScript with Emotion.

### Note on Prerequisites

A strong foundation in Front-End Development (HTML/CSS/JavaScript) and [React](https://www.codecademy.com/learn/react-101) are prerequisites for this course.

Syllabus

  • Welcome to Learn CSS-in-JS: Learn about what the Learn CSS-in-JS course has in store!
    • Informational: Welcome to Learn CSS-in-JS
  • Styling Your Applications: Learn what CSS-in-JS is and how to apply it to your web apps with the Emotion library.
    • Article: Why CSS-in-JS?
    • Article: Getting Started with Emotion
    • Quiz: CSS-in-JS
  • Next Steps: You've completed the Learn CSS-in-JS course! What's next?
    • Informational: Learn CSS-in-JS: Next Steps

Taught by

Jiwon Shin

Reviews

4 rating at Codecademy based on 99 ratings

Start your review of Learn CSS-in-JS

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.