Websites for Hour of Code by Grade

This December will again host the Hour of Code, a one-hour introduction to programming designed to demystify the subject and show that anyone can be a maker, a creator, and an innovator. Last year, almost 300,000 students (age 4-104) participated from over 180 countries and wrote almost 20 billion lines of code. The 200,000+ teachers involved came away believing that, of all their education tools, coding was the best at teaching children to think. It’s easy to see why when you look at fundamental programming concepts:

abstraction and symbolism – variables are common in math, but also in education. Tools, toolbars, icons, images all represent something bigger

creativity – think outside the box

if-then thinking – actions have consequences

debugging – write-edit-rewrite; try, fail, try again. When you make a mistake, don’t give up or call an expert. Look at what happened and fix where it went wrong.

logic – go through a problem from A to Z

sequencing – know what happens when

If you’re planning to participate in Hour of Code, here are a series of activities — broken down by grade — that will kickstart your effort. They can be done individually or in small groups.

Essential Question

How do I program a series of activities — and why?

Big Idea

I can break activities down into their most basic steps

Teacher Preparation

About 75 minutes — fifteen minutes prep and sixty for the coding activity that is part of Hour of Code.

Introduce each of these activities by watching “I Like Programming“, a video that discusses why the great programmers of our time fell in love with this activity.

Kindergarten — Human Robot

Start young programmers by teaching sequencing. Show images of stages in, say, their morning preparations. Ask them to organize the list in the order completed as they get ready for school. Call it “sequencing” and expect them to use this domain-specific word.

Next, pick an activity from the sequence — say, walking into the classroom and sitting down. Use yourself as a model of how to perform that activity and ask students for specific directions on how you would complete this task. For example:

Move right foot, then left, 4 times.

Turn right; walk 4 steps.

Turn around (left and left again).

Drop backpack to floor (or place under chair).

Sit

Only do what they tell you. For example, if they say “walk to the chair”, look confused. They haven’t provided enough direction. They must “debug” the “script” and try again.

First Grade — Follow one of the free online Hour of Code activities

Using activities offered on websites like Code.org, Kodable, or Tynker is the easiest way to get involved as the site does the planning for you. Before starting, review the digital citizenship associated with visiting an online site (such as privacy, staying on the assigned website, and not talking to strangers).

Instead of following a pre-planned activity, try one of these sites that introduce age-appropriate programming:

For more suggestions, here’s a list of coding websites. Scroll to the section for first grade.

Second Grade — Animation

Use a free program like Pivot Stick Figure Animator orStickman to program a stick figure. Both are simple to use, but offer different options. Preview them first to pick the one best suited to your student group.

Pivot Stick Figure is a download. Students program a stick figure to do pretty much anything they want by adjusting the “joints” in his body

Draw a Stickman is a web-based tool or app that turns a simple drawing into a story by asking questions of the creator. Students draw an image; the site animates it and then asks questions as the figure moves, requiring students to add detail to the Stickman’s adventure. They can pick from several story themes in creating their finished story.

Third Grade — Pixel Art

Pixel Art is the blocky drawing that is most famous for appearing in Minecraft. For this project, students will use a spreadsheet program.

Open the spreadsheet program you use in your school (Google Sheets, Excel, or another). Show students how to turn the cells into squares rather than rectangles by doing the following (or watch this video):

Select all cells by grabbing the box that sits at the intersection of the rows and columns

Drag a column header’s edge to resize the column width to match the row height.

Students now write directions for which color is poured into what squares to create their drawing. For example:

When done, students have a neighbor test the directions to see if they can create the intended drawing.

Fourth Grade — Shortkeys

By fourth grade, students appreciate technology for how it can speed up their classwork and will seek out ways to use it for that purpose. Creating a shortkey is a quick and easy way to complete repetitive activities and will become a favorite with students. If necessary, adapt the following Windows/iPad directions to the device used in your school:

Go to Start

Right click on the desired program (either a program or a tool is fine)

Select “properties”

Click in “shortcut”

Push key combination you want to use, say, Ctrl+Alt+S

Save

On iPads, these are called “hotkeys”:

Go to Settings > General Settings > Keyboard Settings.

Scroll down and click “add new shortcut.”

Popular shortkeys are to open programs, activate tools, and take screenshots using the digital device’s native tool.

Fifth Grade — Macros

Creating macros gives students an easy way to add a standards-based heading or any other repetitive task required for their schoolwork without having to retype it each time. Adapt these MS Word directions to your digital device:

Click View – Macros– Record Macros.

Specify a name for the macro.

Choose whether it should be a keyboard shortcut or a button.

Once you click OK, notice your mouse looks like a cassette tape, indicating that anything you click will be part of the macro. Click all elements you would like to be part of your macro.

Sixth Grade — Build an App

If necessary, explain to students what an “app” is and why they want to build one. For this project, follow the videos and directions included in MIT’s App Inventor and create one (or all) beginning level apps such as:

Don’t expect students to complete this project during the Hour of Code. Expect only that they get started.

Seventh Grade — Code a Widget

Widgets are free, personalized mini-apps that do almost anything the user can program, from calculating the calories in a recipe to solving complex problems. Students can browse Wolfram/Alpha’s gallery for a widget that fits their need and embed the code into their personal website, or build their own widget from scratch using Wolfram Alpha’s Builder tool. The level of difficulty will determine how long it takes.

This slideshow requires JavaScript.

Eighth Grade — Alice

Alice is a free downloadable programming tool for 8th grade and above that shows students how to create interactive stories, animations, and games. Besides Math Standards, Alice supports these Common Core writing skills:

8.3a Engage and orient the Alice world viewer by establishing a context and point of view and introducing a narrator and/or characters; organize an event sequence that unfolds naturally and logically.

8.3b Use narrative techniques in the Alice World, such as dialogue, pacing, description, and reflection, to develop experiences, events, and/or characters.

8.3c In Alice world dialogue and action, use a variety of transitions to convey sequence, signal shifts from one time frame or setting to another, and show relationships among experiences and events.

8.3d Use precision and appropriate tools throughout to convey events.

8.3eProvide a conclusion to the Alice world story that follows events.

Divide the class into groups. Have each group pick one of the following resources, preview it, and be prepared to share their thoughts and take questions from classmates:

Using circle at avatar’s feet, turn him/her until s/he faces right, and then press “edit code.”

In tab that says “this child/person,” click on heavy black arrow facing down. Then click arrow facing right to reach individual body parts. Choose a body part and give it direction. Run program to see results. Debug program if it doesn’t work.

If students get stuck, they can go through Alice online documentation, Help files, or ask for assistance from classmates. Remind them not to give up. Keep making changes. It will work.

If you have time: In groups, students watch movie trailer of Despicable Me (or similar). Analyze how avatars move their limbs, mouths, and how they walk. Compare this to humans. For example, which leg moves first? How do joints move? How do arms and legs move in relation to each other? Does body bob up-down or side-to-side as avatar moves? List the movements and then construct a walking avatar in Alice world.

This slideshow requires JavaScript.

***

What are you doing for Hour of Code? Share your projects in the comments.

One Response to Websites for Hour of Code by Grade

Hello there! We are a group of tech ed teachers who work together to offer you tech tips, advice, pedagogic discussion, lesson plans, and anything else we can think of to help you integrate tech into your classroom.

Special Needs

Notices

Any cookies on my website are used to ensure normal website functions (for instance, Youtube videos won’t work without their own identifiers). These cookies cannot be switched off because the website wouldn’t work properly anymore. However, these identifiers do not store any personal data.

Legal stuff

When you leave a comment, WordPress stores your gravatar name, IP Address, comment, and email address. Therefore, leaving a comment is considered a clear affirmative, specific, and unambiguous action as defined by the GDPR giving me consent to store this information, and permission to contact you in the future by email.

Your personal information will not be sold or shared with any third parties under any circumstances. Your information shall be retained until you unsubscribe or ask me to remove your data. If you feel your data has been misused, you have a right to complain to the Hellenic Data Protection Authority (HDPA). If you do not consent to the above, please don’t leave a comment.

Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more, including how to control cookies, see here:
Cookie Policy