You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: dashboard/config/locales/slides.en.yml
+69Lines changed: 69 additions & 0 deletions
Original file line number
Diff line number
Diff line change
@@ -269,3 +269,72 @@ en:
269
269
1:
270
270
image: 'notes/bird.png'
271
271
text: "Show notes coming soon!"
272
+
frozen_intro:
273
+
1:
274
+
image: 'notes/frozen1_1.jpg'
275
+
text: "Hi, my name is Lyndsey. I model, act, and write my own apps. Let's use code to join Anna and Elsa as they explore the magic and beauty of ice."
276
+
2:
277
+
image: 'notes/frozen1_2.jpg'
278
+
text: "You'll create snowflakes and patterns as you ice skate and make a winter wonderland that you can then share with your friends."
279
+
3:
280
+
image: 'notes/frozen1_3.jpg'
281
+
text: "In the next hour, you're going to learn the basics of how to code. Traditional programming is usually in text, but we'll use Blockly, which uses visual blocks that you can drag and drop to write programs. This is how even university students learn the basics. Under the hood, you're still creating code."
282
+
4:
283
+
image: 'notes/frozen1_4.jpg'
284
+
text: "A program is a set of instructions that tells a computer what to do. Let's build a code, or a program, that will help Elsa create a simple line. We will use this later to create more complex patterns."
285
+
5:
286
+
image: 'notes/frozen1_5.jpg'
287
+
text: "Your screen is split into three main parts. On the left, is the ice surface where you'll run your program. The instructions for each level are written right below the surface."
288
+
6:
289
+
image: 'notes/frozen1_6.jpg'
290
+
text: "This middle area is the toolbox, and each of these blocks is an action that Elsa and Anna can do."
291
+
7:
292
+
image: 'notes/frozen1_7.jpg'
293
+
text: "The white space on the right is called the workspace, and this is where we'll build our program. To move around the ice surface, you'll use the \"Move Forward\" block."
294
+
8:
295
+
image: 'notes/frozen1_8.jpg'
296
+
text: "Here, the \"Move Forward\" block says, \"move forward by 100 pixels.\" When we press \"Run\", what happens? Elsa moves forward a certain amount on the screen, 100 pixels in fact! Pixels are basically very tiny squares on your computer screen."
297
+
9:
298
+
image: 'notes/frozen1_9.jpg'
299
+
text: "The other block we have in this puzzle says \"turn right by 90 degrees.\" And when we use this \"Turn Right\" block, that makes Elsa turn a certain amount. You can play around with how far you want Elsa to turn. The angle is measured from the path ahead of Elsa. So, this is a 90 degree turn. And this is a 120 degree turn."
300
+
10:
301
+
image: 'notes/frozen1_10.jpg'
302
+
text: "Remember, you can change the number of pixels and degrees by clicking the arrows next to them."
303
+
frozen_loops:
304
+
1:
305
+
image: 'notes/frozen2_1.jpg'
306
+
text: "Hi, I’m Paola! Computers are really good at repeating actions. You can count to 10, 20, or 100. But a computer can count to a billion or a trillion. It won't get bored and it will only take a few seconds. Whether it's counting, or drawing, or anything--computers can repeat things hundreds or even billions of times."
307
+
2:
308
+
image: 'notes/frozen2_2.jpg'
309
+
text: "In programming, we call this a loop. A loop is how you repeat your code over and over again. For the next puzzle, your goal is to help Anna create a square with the \"Repeat\" block."
310
+
3:
311
+
image: 'notes/frozen2_3.jpg'
312
+
text: "Any blocks of code you put inside the \"Repeat\" block will be repeated in sequence, as many times as you want."
313
+
4:
314
+
image: 'notes/frozen2_4.jpg'
315
+
text: "To draw a square, you can use the \"Move Forward\" and \"Turn Right\" block 4 times. But the easier way is to tell the computer to \"Move Forward\" and \"Turn Right by 90 degrees\" once, and then tell it to repeat this pair of actions 4 times. To do that, you need to put the \"Move Forward\" and \"Turn Right\" block inside a \"Repeat\" block."
316
+
5:
317
+
image: 'notes/frozen2_5.jpg'
318
+
text: "Remember, you can change the number in the \"Repeat\" block to anything, and it will repeat what's inside the block that many times."
319
+
frozen_functions:
320
+
1:
321
+
image: 'notes/frozen3_1.jpg'
322
+
text: "Hi, I’m Chris Bosh. I’m a professional basketball player, and I coded in college."
323
+
2:
324
+
image: 'notes/frozen3_2.jpg'
325
+
text: "One of the most important concepts in computer science is how to define new commands. Most computer languages have only about 100 words or commands. And really, the art and magic is in defining your own new words out of these building blocks."
326
+
3:
327
+
image: 'notes/frozen3_3.jpg'
328
+
text: "Once you've taught a computer how to do an action once using this sequence of commands, you can make up your own name for that action so it's easy to repeat it later. When you define your own command and give it a name, that's called a function."
329
+
4:
330
+
image: 'notes/frozen3_4.jpg'
331
+
text: "Hi, I’m Jess. When programming with blocks, you would use functions if there are a set of actions you would like to use lots of times. For example, you've written code to create a square."
332
+
5:
333
+
image: 'notes/frozen3_5.jpg'
334
+
text: "You can define this as a function called \"create a square.\""
335
+
6:
336
+
image: 'notes/frozen3_6.jpg'
337
+
text: "Now you have a new block that you can use multiple times to create multiple squares."
338
+
7:
339
+
image: 'notes/frozen3_7.jpg'
340
+
text: "A lot of simple shapes can be used to create more complex patterns. In the next puzzle, the code you recently wrote to make a circle is available to you as a new function that can make circles of different sizes. Can you use it to help Elsa create intricate and beautiful patterns in the snow?"
0 commit comments