Sunday, December 22, 2013

Hour of Code

Mrs. Yollis' class participated in the Hour of Code program! Heather's mom, who has a degree in computer science, came in and with Heather's help, taught the class how to write JavaScript. 

First, the class was introduced to some computer vocabulary.

Next we used the Khan Academy to learn JavaScript.

*     *     *    *     *

These are the steps we took to begin learning coding at the 

First, click on LEARN and select Computer programming.

Next, select Computer programming and click on  
+Create Program

Finally,  write code in the box on the left, and it will show you what you've created on the right. Tips for writing code can be found under the boxes.

Some people worked on the laptops. Notice the two yellow ellipses that have been coded.  

Others worked on the ipad. We did not use the ipad app. Instead, we went on Safari, located Khan Academy, and wrote code from there. Mrs. Wang made copies of the coding information from the Khan Academy site.

Mrs. Wang recommended making a background first. 

Here is the coding information for coloring:

Next, add some other shapes to create a picture. 

Thank you, Mrs. Wang, for making us into beginning coders! 

After school, Shayna went home and created this picture. She sent the class a screen shot and it became a post on our 365 photo blog

In the comment section of the Creative Code 365 post, Heather added a few lines of code that makes repeated shapes as you move the mouse. Everyone love it!

Here is that code:

background(0, 255, 17);

fill(255, 0, 0);
var draw = function() {
ellipse(mouseX, mouseY, 76, 70);

Thank you to Heather and her mom for a great first lesson on coding!

What did you like about coding?

What advice can you lend?

No comments:

Post a Comment

* * *
Getting feedback is important to our writers. Let us know what you liked or what you learned.

Steps to Comment:

1. Write your comment in the box below. Be sure that you have proofread it for spelling, grammar, punctuation, and capitalization. Students should have a parent check it!

2. Choose an identity. (If you have a gmail account, use it. If not, choose name/url. You can leave the url blank if you do not have a blog.)

3. Click "Publish your Comment". You may preview your comment before publishing if you'd like.

Important: All comments MUST be approved by me.
:-) Mrs. Yollis