{"id":3468,"date":"2014-11-25T15:15:23","date_gmt":"2014-11-25T19:15:23","guid":{"rendered":"http:\/\/tiie.w3.uvm.edu\/blog\/?p=3468"},"modified":"2014-11-25T17:23:58","modified_gmt":"2014-11-25T21:23:58","slug":"4-great-online-tools-for-the-hour-of-code","status":"publish","type":"post","link":"https:\/\/tiie.w3.uvm.edu\/blog\/4-great-online-tools-for-the-hour-of-code\/","title":{"rendered":"4 great online tools for the Hour of Code"},"content":{"rendered":"<h2>Global\u00a0day of coding coming in December<\/h2>\n<p><a href=\"http:\/\/hourofcode.com\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-3469\" src=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/hour-of-code-logo-150x150.png\" alt=\"4 great online tools for the Hour of Code\" width=\"150\" height=\"150\" srcset=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/hour-of-code-logo-150x150.png 150w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/hour-of-code-logo.png 289w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>December 8th &#8211; 14th, students and educators around the world\u00a0will be taking an hour\u00a0to try their hand at computer programming. With coding being in such high demand, the #HourofCode is designed to jump-start an interest in computer programming in schools and find a way to work this new literacy into the classroom.<\/p>\n<p>The <a href=\"http:\/\/hourofcode.com\" target=\"_blank\">#HourofCode website<\/a> offers <a href=\"http:\/\/hourofcode.com\/us\/resources\/how-to\" target=\"_blank\">an educator how-to section<\/a>, but we thought we&#8217;d share\u00a0what we&#8217;ll be using come December.<\/p>\n<p>Here&#8217;s 4 great online tools for the Hour of Code.<\/p>\n<p><!--more--><\/p>\n<h3>1. Code Monkey<\/h3>\n<p>Best suited for grades 2-4, <a href=\"http:\/\/playcodemonkey.com\" target=\"_blank\">Code Monkey<\/a> is an online coding game that teaches the logic behind programming. Specifically, it tackles one of the hardest concepts to teach in coding: that in order to get a\u00a0computer to accomplish a task, you have to break it down into the simplest steps possible. Here, the task is to get the cheerful cartoon monkey to the banana, navigating across streams, around bushes and with the help of a friendly turtle.<\/p>\n<p><a href=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/codemonkey3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-medium wp-image-3472\" src=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/codemonkey3-300x177.jpg\" alt=\"4 great online tools for the Hour of Code\" width=\"300\" height=\"177\" srcset=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/codemonkey3-300x177.jpg 300w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/codemonkey3.jpg 1024w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/codemonkey3-619x366.jpg 619w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>There are 30 free lessons to the game, and they cover objects, arguments and loops with gradually increasing difficulty. The cartoons are bright and cheerful, none of the animals are sad, even when they fall in the river, and the platform provides positive reinforcement for solving each puzzle. It won&#8217;t turn your students into functional-C programmers overnight, but it&#8217;s a very solid start.<\/p>\n<h4><em>Pros:<\/em><\/h4>\n<ul>\n<li>Self-paced<\/li>\n<li>Suitable for grades 2-4<\/li>\n<li>Easily covers an hour<\/li>\n<li>No account sign-up needed<\/li>\n<\/ul>\n<h4><em>Cons:<\/em><\/h4>\n<ul>\n<li>Only 30 free lessons<\/li>\n<li>Not easy to get help during the turtle section (but hey, that&#8217;ll prepare everyone for eventually tackling Javascript.)<\/li>\n<\/ul>\n<h3>2. Rails\u00a0for Zombies<\/h3>\n<p><a href=\"http:\/\/railsforzombies.org\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-3474\" src=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/railsforzombies-300x227.jpg\" alt=\"4 great online tools for the Hour of Code\" width=\"300\" height=\"227\" srcset=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/railsforzombies-300x227.jpg 300w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/railsforzombies.jpg 520w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>This self-paced Ruby course\u00a0is still one of my favorites ever, and I cannot even TALK about how many other Ruby courses I&#8217;ve taken by now.<\/p>\n<p>The good news is that you can do <a href=\"http:\/\/railsforzombies.org\/\" target=\"_blank\">Rails for Zombies<\/a> multiple times and the application presents new materials and challenges.<\/p>\n<p>Probably best suited for a middle- and high-school-age audience, please still remember that it does talk about zombies and zombie activities (such as rotting, decaying and brain-eating) so may not work for all schools or students.<\/p>\n<p>The course\u00a0covers Ruby on Rails basics within the larger concept of web application development, which may whet the appetites of students eager to pursue that area of learning. Each lesson begins with a video introduction (and kicky theme song!), links out to other Ruby-teaching websites, and lets you download the teaching materials.<\/p>\n<h4><em>Pros:<\/em><\/h4>\n<ul>\n<li>Free, online<\/li>\n<li>No sign-up required<\/li>\n<li>Introduces web application development concepts<\/li>\n<li>Breaks Ruby into juicy, dripping, manageable chunks<\/li>\n<li>Good use of multiple modalities to present information<\/li>\n<li>Online interface is well designed for getting help and feedback<\/li>\n<\/ul>\n<h4><em>Cons:<\/em><\/h4>\n<ul>\n<li>Waaaaaaaay longer than an hour to complete most lessons<\/li>\n<li>Without creating an account students can&#8217;t save their work<\/li>\n<li>Zombies may be too gruesome for younger students or culturally inappropriate<\/li>\n<\/ul>\n<h3>3.\u00a0Tynker, tailor,\u00a0cannon&#8211;\u00a0AWESOME.<\/h3>\n<p><a href=\"http:\/\/www.tynker.com\/ide\/?dir=director\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-medium wp-image-3478\" src=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/tynker_cannons-300x117.jpg\" alt=\"4 great online tools for the Hour of Code\" width=\"300\" height=\"117\" srcset=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/tynker_cannons-300x117.jpg 300w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/tynker_cannons.jpg 1024w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/tynker_cannons-619x242.jpg 619w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><a href=\"http:\/\/tynker.com\" target=\"_blank\">Tynker.com<\/a> is offering a number of different lesson plans tailored for different groups of grade levels. So far my favorite is the <a href=\"http:\/\/www.tynker.com\/ide\/?dir=director\">2-Person Cannon Game<\/a>, in which students must work together to build, aim and fire cannons at each other. The instructions for building with Tynker, which looks and works a lot like Scratch, are offered in both written and audio form, and the collaborative nature of the module encourages teamwork and is a great jumping-off point for introducing <a href=\"http:\/\/www.ncwit.org\/resources\/pair-programming-box-power-collaborative-learning\" target=\"_blank\">pair programming<\/a> concepts.<\/p>\n<p>It&#8217;s a solid and engaging introduction to programming concepts, but Tynker doesn&#8217;t specifically name the concepts as they&#8217;re introduced, so it may be harder for students to recognize those concepts when they encounter them again in their programming. Great for younger middle grades and aspiring game designers, though.<\/p>\n<h4>Pros:<\/h4>\n<ul>\n<li>Tailored for middle school<\/li>\n<li>Colorful, engaging platform<\/li>\n<li>Instructions presented multi-modally<\/li>\n<\/ul>\n<h4>Cons:<\/h4>\n<ul>\n<li>Scratch-based platform may be too beginner for some middle grades coders<\/li>\n<li>Tynker color-codes the units of their programming system, which is problematic for students with color-blindness issues<\/li>\n<li>Auto-start audio is such terrible HTML5 I CANNOT RIGHT NOW but ymmv.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<blockquote class=\"twitter-tweet\" lang=\"en\"><p>I had fun doing my <a href=\"https:\/\/twitter.com\/hashtag\/HourOfCode?src=hash\">#HourOfCode<\/a> on <a href=\"https:\/\/twitter.com\/gotynker\">@GoTynker<\/a>. Try it out! <a href=\"http:\/\/t.co\/sjRX73FAag\">http:\/\/t.co\/sjRX73FAag<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/VTed?src=hash\">#VTed<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/edtech?src=hash\">#edtech<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/ISTELib?src=hash\">#ISTELib<\/a><\/p>\n<p>\u2014 Donna Macdonald (@dsmacdonald) <a href=\"https:\/\/twitter.com\/dsmacdonald\/status\/536989134024224768\">November 24, 2014<\/a><\/p><\/blockquote>\n<p><script src=\"\/\/platform.twitter.com\/widgets.js\" async=\"\" charset=\"utf-8\"><\/script><\/p>\n<p>&nbsp;<\/p>\n<h3>4.\u00a0Code Combat<\/h3>\n<p><a href=\"http:\/\/codecombat.com\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-3484\" src=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/codecombat_victory-300x294.jpg\" alt=\"4 great online tools for the Hour of Code\" width=\"300\" height=\"294\" srcset=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/codecombat_victory-300x294.jpg 300w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/codecombat_victory.jpg 600w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><a href=\"http:\/\/codecombat.com\" target=\"_blank\">Code Combat<\/a> is my new favorite coding tutorial tool. Modeled on a MMORPG (massive multi-player online\u00a0role-playing game), you can use this free tool to learn Python, Javascript, Coffeescript or one of three tiny obscure, experimental programming languages, one of which is modeled on LISP (*ancient-coder fistpump*).<\/p>\n<p>And it looks. Like. A. MMORPG.<\/p>\n<p>It acts like a MMORPG.<\/p>\n<p>You pick a hero, you pick up a set of boots, and then to get all the rest of the equipment, you solve code problems, advance through the dungeon and pick up XP (experience points) and gems along the way.<\/p>\n<p>The instructions are not super easy. The game drops you into a dungeon, and in order to navigate, you type in incomplete code commands and figure out why they&#8217;re wrong, both with (some) feedback from the game, but mostly from context of other commands already in the game. This is not an ideal way to learn a programming language, but I&#8217;m gonna tell you, it&#8217;s the closest thing to how you actually pick up a programming language when not doing Hour of Code: look at existing code and figure out how to re-use it.<\/p>\n<p>Also, Code Combat is a near-illegal amount of fun.<\/p>\n<p><a href=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/codecombat.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-3485\" src=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/codecombat-1024x613.jpg\" alt=\"4 great online tools for the Hour of Code\" width=\"660\" height=\"395\" srcset=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/codecombat.jpg 1024w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/codecombat-300x179.jpg 300w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2014\/11\/codecombat-619x370.jpg 619w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/a><\/p>\n<h4><em>\u00a0Pros<\/em><\/h4>\n<ul>\n<li>omgsomuchfun<\/li>\n<li>Teaches viable programming languages in addition to concepts<\/li>\n<li>Platform provides hints for corrections and rewards for correct code<\/li>\n<li>Incentive-based play: you only have a certain # of lives to get each line of code right<\/li>\n<li>You can easily work for an hour on problems<\/li>\n<li>You don&#8217;t *have* to sign up for an account to use the platform<\/li>\n<\/ul>\n<h4><em>Cons<\/em><\/h4>\n<ul>\n<li>Slightly harder than the other three platforms<\/li>\n<li>The hinting system could be more robust<\/li>\n<li>You need to register for an account to save your progress<\/li>\n<\/ul>\n<h2>What will you be learning\u00a0with your students for the Hour of Code?<\/h2>\n","protected":false},"excerpt":{"rendered":"<p>Global\u00a0day of coding coming in December December 8th &#8211; 14th, students and educators around the world\u00a0will be taking an hour\u00a0to try their hand at computer programming. With coding being in such high demand, the #HourofCode is designed to jump-start an interest in computer programming in schools and find a way to work this new literacy &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/tiie.w3.uvm.edu\/blog\/4-great-online-tools-for-the-hour-of-code\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;4 great online tools for the Hour of Code&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[264,26,263,262],"class_list":["post-3468","post","type-post","status-publish","format-standard","hentry","category-tools-we-like","tag-code-monkey","tag-coding","tag-rails-for-zombies","tag-tynker"],"_links":{"self":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/posts\/3468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/comments?post=3468"}],"version-history":[{"count":0,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/posts\/3468\/revisions"}],"wp:attachment":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/media?parent=3468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/categories?post=3468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/tags?post=3468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}