Welcome to level 1! ### Welcome to level 1! By the end of this lesson, you can: * Write code that prints a text * Create an interactive story <aside class="notes"></aside>

print ### print The first code that you can use in level 1 is `print`. `print` is used to show text on the screen. <iframe class="fragment" src="/render_code/1?code=print%20Show%20this%20text%20on%20the%20screen"></iframe> <aside class="notes">First let the students guess what they think the output will be. Then run the code to show the students what happens when a `print` code is run.</aside>

The print keyword ### The print keyword You can change the text after the print keyword to whatever you want. Or you could print multiple lines by adding another line of code that also starts with `print`. <iframe class="fragment" src="/render_code/1?code=print%20Welcome%20to%20Hedy%21%0Aprint%20Start%20programming%20now%21"></iframe> <aside class="notes">Run the code and then change the code to something yourself. Show that you can print whatever you like.</aside>

ask ### ask The second code that you can use in level 1 is `ask`. `ask` is used to ask a question that can be answered. <iframe class="fragment" src="/render_code/1?code=print%20Welcome%20to%20your%20own%20rock%20scissors%20paper%21%0Aask%20What%20will%20you%20choose%3F"></iframe> <aside class="notes">Show that the computer now asks you a question. Fill in an answer and also show that once you fill in the answer, nothing happens. Make your students aware that the computer will only follow your instructions, it will not do anything by itself. This means that if you want the computer to print the answer, you have to give that instruction.</aside>

answer ### answer To show the answer in the output screen, you can use: `answer`. `answer` is never used by itself, always with an `ask`. <iframe class="fragment" src="/render_code/1?code=print%20Hello%21%0Aask%20What%20is%20your%20name%3F%0Aprint%20hello%20answer"></iframe> <aside class="notes">To make the computer repeat the answer back to you, you use the `answer` keyword.</aside>

Programming! ### Programming! Here you can find a list of the adventures. <iframe class="fragment" src="/hedy/1"></iframe> <aside class="notes">Before we start, show the students the adventures. Don't forget to point out the exercises. This is where the students will have to read what to do exactly in an adventure.</aside>

Programming! ### Programming! The yellow arrow buttons can be used to copy examples. <iframe class="fragment" src="/hedy#print_command"></iframe> <aside class="notes">Lastly show the students that they can copy the example code into their programming field by pressing the yellow button.</aside>

Let's get started! ### Let's get started! This is a good time to try the first adventures. Use the menu to navigate to the next adventure. Do you want to read the explanation of a keyword again, go back to the adventure with a lightbulb icon. <iframe class="fragment" src="/hedy/1"></iframe> <aside class="notes">Let's get to it!</aside>

Debugging ### Debugging Debugging a code means getting rid of mistakes in the code. Let's debug this code together. Click the ladybug button to start the debugger. <iframe class="fragment" src="/render_code/1?code=I%20am%20DJ%20Hedy%0Aprint%20What%20song%20would%20you%20like%20to%20hear%3F%0Aask%20I%20like%20that%20song%20too%21%0Aprint%20Next%20up...%20answer"></iframe> <aside class="notes">**How to debug a code** Watch this <a href="https://www.youtube.com/watch?v=jwitgommeRY;t=2s" target="_blank">video</a> to see how the debugger works, or read the instructions. Of course you could just look at the code and find the mistakes yourself, but we also have some tools to help you. Click on the ladybug 🐞 button beneath your input field. This starts the **debugger**. With the debugger you can run a program line-by-line. If there is a big mistake in your code (like in the debugging adventures) the debugger will tell you to fix the big mistakes first. Read the error messages to find out how to fix the mistakes. If the major mistakes are gone, the debugger will run your program line by line. To run the next line, click on the ⏭️button on the right. Is the line doing what it's supposed to do? Great! Click the button again to run the next line until your program is working perfectly. To stop the debugger, click on the 🛑 button in the middle. To start running your code from the top, click the 🔁 button on the left. Did you get stuck on a line of code and do you want to try your program without that line? You can disable a line of code by clicking on the eye icon in front of the line number. The line will be crossed out. The line will now be skipped when running the code. To reactivate the line, simply click the eye icon and the line won't be skipped anymore.</aside>

Playing music ### Playing music Play musical notes with `play` The notes go: C - D - E - F - G - A - B Place a number behind the note to pick a scale, the scales go from 1 to 10. <iframe class="fragment" src="/render_code/1?code=play%20C4%0Aplay%20D4%0Aplay%20E4%0Aplay%20F4%0Aplay%20G4%0Aplay%20A4%0Aplay%20B4%0Aplay%20C5%0A"></iframe> <aside class="notes">Show the students how to use the `play` keyword in Hedy. This is also a good time to review the classroom rules about headphone usage.</aside>

Drawing with the turtle: forward ### Drawing with the turtle: forward `forward` is used to move the turtle forward. <iframe class="fragment" src="/render_code/1?code=forward%2050"></iframe> <aside class="notes">Now that we have seen text codes, we now look at drawing codes. Show the students how to use the forward keyword.</aside>

Drawing with the turtle: forward ### Drawing with the turtle: forward How do we go backwards? <iframe class="fragment" src="/render_code/1?code=forward%20-50"></iframe> <aside class="notes">Ask the students if they have any idea how to go backwards. The answer is using a negative number, like -50.</aside>

Drawing with the turtle: turn ### Drawing with the turtle: turn `turn` is used to make the turtle turn left or right. <iframe class="fragment" src="/render_code/1?code=forward%2050%0Aturn%20left"></iframe> <aside class="notes"></aside>

Debugging ### Debugging Using the debugger when drawing <iframe class="fragment" src="/render_code/1?code=forward%2050%0Aturn%20left%0Aforward%20100%0Aturn%20left%0Aforward%2050%0Aturn%20left"></iframe> <aside class="notes">The debugger can come in handy when making a drawing.</aside>

Let's review! ### Let's review! What did you learn today? <aside class="notes">Ask the students to list what they've learned today.</aside>

Let's review! ### Let's review! Which adventure did you like best? Why? Which adventure did you like least? Why? <aside class="notes">Ask the students for their opinion.</aside>

Show and tell! ### Show and tell! Would anyone like to show the class a program they've made? <aside class="notes">Let some students show their work to the class. You can do that by going to the class page and clicking on the students' adventures.</aside>

Sneak peek into the next level... ### Sneak peek into the next level... In the next level you'll learn how to use a variable to make your programs even more interactive! And you'll learn to use the `sleep` keyword to pause your code! <aside class="notes"></aside>