How to use this tutorial

Before we get too ahead of ourselves, here are a couple of quick instructions for how to use this tutorial.

A code block like this:

<h1>Myrtle the Turtle</h1>

means you need to add brand new code to your editor.

A code update will be shown in two steps:

1. This is the code you already have in your editor:

<h1>Myrtle the Turtle</h1>

2. This is the updated version of the code:

Replace the “Before” code in your editor with this new code. You can use the copy button in the top right of the box to copy it without any extra symbols.

<h1>Flippy the Turtle</h1>

When you see a Before and After pair, it means you are replacing existing code with an updated version.

Every time you see a new code example, save your files and refresh your browser to see the changes take effect!