## **Activity:** _1_ Preview

- [_1_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/1/ ""/index.html)  
- [_2_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/2/ ""/index.html)  
- [_3_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/3/ ""/index.html)  
- [_4_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/4/ ""/index.html)  
- [_5_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/5/ ""/index.html)  
- [_6_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/6/ ""/index.html)  
- [_7_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/7/ ""/index.html)  
- [_8_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/8/ ""/index.html)  
- [_9_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/9/ ""/index.html)  
- [_10_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/10/ ""/index.html)  
- [_11_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/11/ ""/index.html)  
- [_12_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/12/ ""/index.html)  
- [_13_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/13/ ""/index.html)  
- [_14_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/14/ ""/index.html)  
- [_15_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/15/ ""/index.html)  
- [_16_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/16/ ""/index.html)  
- [_17_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/17/ ""/index.html)  
- [_18_](/content/curriculum/intro-to-codesters-2018/Building+your+First+Program/18/ ""/index.html)

**PREVIEW:** Before we get started making our very first program, let's look at an example.

- Click **Run** to see an example of the program you will create today.  
- This program has a **background image** and a **sprite** or character that moves and is clickable.  
- Watch the fox move, then click on the fox once it stops moving to see what it does.  
- Click **Submit** and **Next** to continue.

To navigate the page using the TAB key, first press ESC to exit the code editor.

```

success_message·=·"Great·Job!·Click·Submit·Work."¬

success_image·=·(1,·"green",·"check")¬

```

```

stage.set_background("winter")¬

sprite·=·codesters.Sprite("fox")¬

```

```

t·=·codesters.Teacher()¬

```

Status: Connected!

Status: Connecting...

Status: Still connecting...

Status: Failure

Status: Not Found

Is your Micro:bit connected?