What is Hour of Code?
 |  |  |
The Little Artist In Your Computer Activity PackUnplugged Activity Did you know that there's a little artist who lives inside every computer? This PDF contains a fun story embedded with puzzles that will teach your students the fundamentals of digital art as they make their own creations using pixels, algorithms and repeat loops. | Pixel PuzzlesUnplugged Activity Pixel puzzles turn the ways images are represented as a series of numbers representing pixels into puzzles. They come in various forms from a simple variant of colour-by-numbers to more complex puzzles based on compression where images are represented by fewer numbers so take up less storage โ but can you get them back! Each representation needs its own algorithm to follow to get the image back. | HexaHexaFlexagon Automata ActivityUnplugged Activity You make a red and yellow hexahexa exagon by folding and gluing a multicoloured paper strip in a special way. Once made you start to explore it. As you fold and unfold it, you magically reveal new sides as the exagon changes colour. |
The Little Artist In Your Computer Activity Pack
Unplugged Activity
Did you know that there's a little artist who lives inside every computer? This PDF contains a fun story embedded with puzzles that will teach your students the fundamentals of digital art as they make their own creations using pixels, algorithms and repeat loops.
Pixel Puzzles
Unplugged Activity
Pixel puzzles turn the ways images are represented as a series of numbers representing pixels into puzzles. They come in various forms from a simple variant of colour-by-numbers to more complex puzzles based on compression where images are represented by fewer numbers so take up less storage โ but can you get them back! Each representation needs its own algorithm to follow to get the image back.
HexaHexaFlexagon Automata Activity
Unplugged Activity
You make a red and yellow hexahexa exagon by folding and gluing a multicoloured paper strip in a special way. Once made you start to explore it. As you fold and unfold it, you magically reveal new sides as the exagon changes colour.
Dance Party!
Code a Dance Party to share with your friends. Featuring Katy Perry, Madonna, J. Balvin, Sia, Keith Urban, Ciara, and 25 more!
 |  |  |
Spin Draw Animation KitSelf-led Tutorial In this project, you'll create an awesome customizable drawing tool. Program your pen, choose an image (or upload your own), and you'll be able to draw a rotating version of that image. | Make Music with ScratchSelf-led Tutorial With Scratch, you can create your own interactive games, stories, animations -- and share them with your friends. To get started, make an interactive music project. Activity cards and a workshop guide are also available for free on scratch.mit.edu | Build a Photo Booth AppSelf-led Tutorial This challenging and exciting project will teach you how to create a Photo Booth app. Using JavaScript, CSS and HTML you will connect buttons that let you use a camera, upload images and customize your photos by inserting stickers and applying filters. |
Spin Draw Animation Kit
Self-led Tutorial
In this project, you'll create an awesome customizable drawing tool. Program your pen, choose an image (or upload your own), and you'll be able to draw a rotating version of that image.
Make Music with Scratch
Self-led Tutorial
With Scratch, you can create your own interactive games, stories, animations -- and share them with your friends. To get started, make an interactive music project. Activity cards and a workshop guide are also available for free on scratch.mit.edu
Build a Photo Booth App
Self-led Tutorial
This challenging and exciting project will teach you how to create a Photo Booth app. Using JavaScript, CSS and HTML you will connect buttons that let you use a camera, upload images and customize your photos by inserting stickers and applying filters.
 |  |  |
Yak Attack! Make a Card with Typed Code Lesson Plan Type modified JavaScript code to make a greeting card that you can email to friends and family. Yak Attack! is a completely open-ended activity that introduces variables, motion commands, loop functions, and more. Perfect for kids (and teachers) who are ready to try typed coding for the first time. | Web Design with CodeHS Self-led Tutorial CodeHS is compatible with all up-to-date browsers except Internet Explorer. Chrome is our preferred / recommended browser, but Firefox and Safari should work fine as well, assuming they are up to date. | Interactive Art: Bring Art to Life with Code Self-led Tutorial Learn to draw and animate shapes with code to create interactive artwork inspired by artists. |
Yak Attack! Make a Card with Typed Code
Type modified JavaScript code to make a greeting card that you can email to friends and family. Yak Attack! is a completely open-ended activity that introduces variables, motion commands, loop functions, and more. Perfect for kids (and teachers) who are ready to try typed coding for the first time.
Web Design with CodeHS
CodeHS is compatible with all up-to-date browsers except Internet Explorer. Chrome is our preferred / recommended browser, but Firefox and Safari should work fine as well, assuming they are up to date.
Interactive Art: Bring Art to Life with Code
Learn to draw and animate shapes with code to create interactive artwork inspired by artists.
Questions? Contact Us!
Hour of Code is a wonderful way to build excitement and provide students and educators opportunities to code! Please contact Corey Rogers if you're interested in incorporating Computer Science and coding into your learning community.
If you have questions, please feel free to reach out to Corey (crogers@gwaea.org) or your district's Digital Learning Consultant for more information.
