💻 Using Codepen

What is Codepen?

We used Codepen a little bit in the last section. It’s a super easy way to write HTML, CSS, and JavaScript all in one place! This is where we’ll build most of our websites throughout the week.

Create an Account

To get started with Codepen, go to codepen.io and click Sign Up in the top right corner. Once you have set up your free account, we can start exploring the interface!

Codepen Interface

In Codepen, you can create Pens, which are like your projects. Create your first one using the Pen button on the left-hand side.

Once you’ve created a new Pen, you’ll see three columns: HTML, CSS, and JavaScript. Below these columns, there is one larger area where you’ll be able to preview your website.