Learn CSS-in-JS

0
Join & Subscribe
Codecademy
Free Trial Available
English
Certificate Available
1 hour of material
selfpaced

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!
    • 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.
    • Why CSS-in-JS?
    • Getting Started with Emotion
    • CSS-in-JS

  • Next Steps: You've completed the Learn CSS-in-JS course! What's next?
    • Learn CSS-in-JS: Next Steps