Category Archives: Coding

Learn #Web Literacy with #Mozilla

Learn 21st century skills such as problem solving, collaboration, creativity and communication with Mozilla’s web literacy kit.

As people learn to read, write, and participate on the web, a cross-cutting set of 21C Skills emerge as skills critical to success in today’s world. They enable individuals to become teachers, advocates, and community leaders to leverage and advance the web as an open and public resource.

Mozilla Web Literacy

Odd Bot Out – small #robot with a big personality

[vc_row padding_top=”0px” padding_bottom=”0px” border=”none” bg_video=”” class=”” style=””][vc_column fade_animation_offset=”45px” width=”1/1″][text_output]Meet Odd Bot Out, a small robot with a big personality.[/text_output][image alt=”” href=”” title=”” info_content=”” lightbox_caption=”” id=”” class=”” style=”” src=”1055″][blockquote cite=”” id=”” class=”” style=””]

Odd is not like the other robots. After failing a standardized test Odd ends up in the recycling bin. Help Odd escape the robot factory using building blocks, electricity, and physics!

Build a bridge to cross a (modest) abyss. Hot-wire and ride a rocket. Trick a carnivorous robot plant. And face 97 other puzzling challenges featuring:

  • Wheels, motors, circuits, and other building blocks
  • Cute robots stumbling around on artificial legs
  • Creative game play free of stress and violence

[/blockquote][/vc_column][/vc_row][vc_row padding_top=”0px” padding_bottom=”0px”][vc_column fade_animation_offset=”45px” width=”1/1″][vc_btn title=”Launch Site” style=”flat” color=”black” align=”center” link=”url:http%3A%2F%2Fwww.oddbotout.com%2F|title:odd%20bot%20out|target:%20_blank|” button_block=”true”][/vc_column][/vc_row][vc_row inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1/1″][share title=”Share this Post” facebook=”true” twitter=”true” google_plus=”true” pinterest=”true” email=”true”][/vc_column][/vc_row][vc_row padding_top=”0px” padding_bottom=”0px”][vc_column fade_animation_offset=”45px” width=”1/1″][custom_headline type=”center” level=”h2″ looks_like=”h5″ accent=”true” id=”” class=”” style=””]Find more resources in the same subject area.[/custom_headline][the_grid name=”Computer Science”][/vc_column][/vc_row]

Build anything you can imagine with The Everything Machine

[vc_row inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1/1″][text_output]Use a simple visual programming language to connect and control the hardware and sensors on your device. Make a light, a stop-motion camera, a kaleidoscope, a voice disguiser, a cookie thief catcher, or anything else you can think of![/text_output][image type=”none” float=”none” info=”none” info_place=”top” info_trigger=”hover” src=”1044″ alt=”” href=”” title=”” info_content=”” lightbox_caption=”” id=”” class=”” style=””][/vc_column][/vc_row][vc_row padding_top=”0px” padding_bottom=”0px”][vc_column fade_animation_offset=”45px” width=”1/1″][vc_btn title=”Apple Store” style=”flat” color=”black” align=”center” i_icon_fontawesome=”fa fa-apple” link=”url:https%3A%2F%2Fitunes.apple.com%2Fza%2Fapp%2Feverything-machine-by-tinybop%2Fid1001244846%3Fmt%3D8%26at%3D1001l9ug||target:%20_blank|” add_icon=”true” button_block=”true”][/vc_column][/vc_row][vc_row inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1/1″][share title=”Share this Post” facebook=”true” twitter=”true” google_plus=”true” pinterest=”true” email=”true”][custom_headline type=”center” level=”h2″ looks_like=”h5″ accent=”true” id=”” class=”” style=””]Find more resources[/custom_headline][the_grid name=”Computer Science”][/vc_column][/vc_row]

Explore #Geometry and #Programming with Turtle Art

[vc_row padding_top=”0px” padding_bottom=”0px” border=”none” bg_video=”” class=”” style=””][vc_column fade_animation_offset=”45px” width=”1/1″][text_output]Make beautiful art, explore geometry and learn computer programming (coding) with this fun drag and drop programming tool.[/text_output][image alt=”” href=”” title=”” info_content=”” lightbox_caption=”” id=”” class=”” style=”” src=”1041″][blockquote cite=”” id=”” class=”” style=””]TurtleArt lets you make images with your computer. The Turtle follows a sequence of commands. You specify the sequence by snapping together puzzle like blocks. The blocks can tell the turtle to draw lines and arcs, draw in different colors, go to a specific place on the screen, etc. There are also blocks that let you repeat or name sequences. Other blocks perform logical operations.[/blockquote][/vc_column][/vc_row][vc_row padding_top=”0px” padding_bottom=”0px”][vc_column fade_animation_offset=”45px” width=”1/1″][vc_btn title=”Launch Site” style=”flat” color=”black” align=”center” link=”url:http%3A%2F%2Fturtleart.org%2F|title:turtle%20art|target:%20_blank|” button_block=”true”][/vc_column][/vc_row][vc_row inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1/1″][share title=”Share this Post” facebook=”true” twitter=”true” google_plus=”true” pinterest=”true” email=”true”][/vc_column][/vc_row][vc_row padding_top=”0px” padding_bottom=”0px”][vc_column fade_animation_offset=”45px” width=”1/1″][custom_headline type=”center” level=”h2″ looks_like=”h5″ accent=”true” id=”” class=”” style=””]Find more resources in the same subject area.[/custom_headline][the_grid name=”Computer Science”][/vc_column][/vc_row]

Learn about ciphers with #Mozilla #Codemoji

[vc_row padding_top=”0px” padding_bottom=”0px” border=”none” bg_video=”” class=”” style=””][vc_column fade_animation_offset=”45px” width=”1/1″][text_output]Learn the basics of ciphers, the building blocks of encryption, with this fun game from Mozilla.[/text_output][image alt=”” href=”” title=”” info_content=”” lightbox_caption=”” id=”” class=”” style=”” src=”1038″][blockquote cite=”” id=”” class=”” style=””]Introducing Codemoji, an educational game that teaches you about ciphers, the building blocks of encryption.[/blockquote][/vc_column][/vc_row][vc_row padding_top=”0px” padding_bottom=”0px”][vc_column fade_animation_offset=”45px” width=”1/1″][vc_btn title=”Launch Site” style=”flat” color=”black” align=”center” link=”url:https%3A%2F%2Fcodemoji.org||target:%20_blank|” button_block=”true”][/vc_column][/vc_row][vc_row inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1/1″][share title=”Share this Post” facebook=”true” twitter=”true” google_plus=”true” pinterest=”true” email=”true”][/vc_column][/vc_row][vc_row padding_top=”0px” padding_bottom=”0px”][vc_column fade_animation_offset=”45px” width=”1/1″][custom_headline type=”center” level=”h2″ looks_like=”h5″ accent=”true” id=”” class=”” style=””]Find more resources in the same subject area.[/custom_headline][the_grid name=”Computer Science”][/vc_column][/vc_row]

Mobile Computer Science Curriculum

[vc_row padding_top=”0px” padding_bottom=”0px” border=”none” bg_video=”” class=”” style=””][vc_column fade_animation_offset=”45px” width=”1/1″][text_output]Learn computer science by making android apps.[/text_output][image alt=”” href=”” title=”” info_content=”” lightbox_caption=”” id=”” class=”” style=”” src=”1005″][blockquote cite=”” id=”” class=”” style=””]Twenty-eight lessons and projects focus on building socially useful mobile apps with App Inventor for Android.   Another 30 lessons focus on computer science topics ranging from algorithms to binary numbers to computer security.  Readings from Blown to Bits ask students to reflect on some of the big societal issues that characterize 21st century computing, such as privacy, security, social networking.[/blockquote][/vc_column][/vc_row][vc_row padding_top=”0px” padding_bottom=”0px”][vc_column fade_animation_offset=”45px” width=”1/1″][vc_btn title=”Launch Site” style=”flat” color=”black” align=”center” link=”url:https%3A%2F%2Fram8647.appspot.com%2FmobileCSP%2Fpreview|title:Inklewriter|target:%20_blank|” button_block=”true”][/vc_column][/vc_row][vc_row inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1/1″][share title=”Share this Post” facebook=”true” twitter=”true” google_plus=”true” pinterest=”true” email=”true”][/vc_column][/vc_row][vc_row padding_top=”0px” padding_bottom=”0px”][vc_column fade_animation_offset=”45px” width=”1/1″][custom_headline type=”center” level=”h2″ looks_like=”h5″ accent=”true” id=”” class=”” style=””]Find more resources in the same subject area.[/custom_headline][the_grid name=”Computer Science”][/vc_column][/vc_row]

Cargo Bot

[vc_row inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1/1″][text_output]Have you ever got excited about an app or a game and then all of a sudden you realize that it is an “educational game” and poof goes all the fun out of it. The same game which looked so much fun suddenly takes the form of a sly monster with ulterior motives.

If the game itslef still remains interesting after your discovery that it is an “educational game”, then it is your teacher’s, or mother’s not-so-subtle edging on that puts you off. Oh well! I am guilty of being such a mother myself sometimes.[/text_output][text_output]learn to program with cargo bot[/text_output][text_output]But there are some games/apps which are so interesting that you can quite overlook the fact that they are indeed “educational games /apps”. Cargo Bot is one of those games.

The goal of the game is to tell a robot arm how to move colored boxes around on a platform into different patterns. That’s it. You are only reminded of it being an “educational app” when you come across a few technical-sounding terms (like “program” and “loop”), but mostly you can forget that you are actually learning programming and just go about moving blocks around with a claw. Pretty amazing![/text_output][blockquote type=”center” cite=”http://www.fastcodesign.com” id=”” class=”” style=””]

 It’s designed to make programming seem not just doable, but fun: something you’d want to do just to enjoy yourself, not as a means to some other end (“This is how I’ll make the next In$tagram!”). Not even Codecademy manages that.

[/blockquote][text_output]And this app is FREE. But nothing is perfect in this world. Cargo Bot is only available on an IPad (it is infact the first app completely coded with only an IPad, but that is a story for a different day.) So again no IPhones and no Androids.

A note for my Muslim readers, The app does contain music but you can conveniently mute it.[/text_output][/vc_column][/vc_row][vc_row padding_top=”0px” padding_bottom=”0px”][vc_column fade_animation_offset=”45px” width=”1/1″][vc_btn title=”Apple Store” style=”flat” color=”black” align=”center” i_icon_fontawesome=”fa fa-apple” link=”url:https%3A%2F%2Fgeo.itunes.apple.com%2Fus%2Fapp%2Fcargo-bot%2Fid519690804%3Fmt%3D8%26at%3D1001l9ug||target:%20_blank” add_icon=”true”][/vc_column][/vc_row][vc_row inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1/1″][share title=”Share this Post” facebook=”true” twitter=”true” google_plus=”true” pinterest=”true” email=”true”][/vc_column][/vc_row]

LightBot

[vc_row inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1/1″][text_output]LightBot is an amazing and quite addictive programming / coding game. You have to use programmer-style logic to tell the bot (robot) how to light up all the blue tiles. You have to use Functions, conditionals, recursions and loops! An excellent way to sharpen your logic and getting ready for computer programming all the while having fun.[/text_output][text_output]learn coding with lightbot[/text_output][text_output]Logic and algorithm are two vital skills needed in computer programming no matter which programming language you are using and this game introduces both the skills in a very informal way. You can buy the full versions of the coding puzzles but you can also play some puzzles for free at the hour of code version in your browser or on your devices.

A note for my Muslim readers: There is music but it can conveniently be switched off by clicking the speaker icon in the game.[/text_output][text_output]learn coding with lightbot[/text_output][/vc_column][/vc_row][vc_row padding_top=”0px” padding_bottom=”0px”][vc_column fade_animation_offset=”45px” width=”1/3″][vc_btn title=”Apple Store” style=”flat” color=”black” align=”center” i_icon_fontawesome=”fa fa-apple” link=”url:https%3A%2F%2Fgeo.itunes.apple.com%2Fza%2Fapp%2Flightbot-programming-puzzles%2Fid657638474%3Fmt%3D8%26at%3D1001l9ug||target:%20_blank” add_icon=”true”][/vc_column][vc_column fade_animation_offset=”45px” width=”1/3″][vc_btn title=”Google Play Store” style=”flat” color=”black” align=”center” i_icon_fontawesome=”fa fa-android” link=”url:https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3Dcom.lightbot.lightbot%26hl%3Den||target:%20_blank” add_icon=”true”][/vc_column][vc_column fade_animation_offset=”45px” width=”1/3″][vc_btn title=”Amazon Store” style=”flat” color=”black” align=”center” i_icon_fontawesome=”fa fa-arrow-right” link=”url:http%3A%2F%2Famzn.to%2F1UwUOSr||target:%20_blank” add_icon=”true”][/vc_column][/vc_row][vc_row inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1/1″][share title=”Share this Post” facebook=”true” twitter=”true” google_plus=”true” pinterest=”true” email=”true”][/vc_column][/vc_row]

Lego Fix The Factory

[vc_row inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1/1″][text_output]Lego Mindstorms Fix the Factory is a free application, yet of high quality which can not be said for many free applications. It teaches basic programming/coding skills in a game environment. Your task is to help EV3RSTORM, a humanoid robot, to navigate the massive NOGO factory maze and put the dislocated batteries back in place to proceed to the next level. Each puzzle introduces new skills to master for example logic gates, functions etc.[/text_output][text_output]coding for kids with Lego fix the factory[/text_output][/vc_column][/vc_row][vc_row padding_top=”0px” padding_bottom=”0px”][vc_column fade_animation_offset=”45px” width=”1/3″][vc_btn title=”Apple Store” style=”flat” color=”black” align=”center” i_icon_fontawesome=”fa fa-apple” link=”url:%20https%3A%2F%2Fgeo.itunes.apple.com%2Fza%2Fapp%2Flego-mindstorms-fix-factory%2Fid671493323%3Fmt%3D8%26at%3D1001l9ug||target:%20_blank” add_icon=”true”][/vc_column][vc_column fade_animation_offset=”45px” width=”1/3″][vc_btn title=”Google Play Store” style=”flat” color=”black” align=”center” i_icon_fontawesome=”fa fa-android” link=”url:https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3Dcom.lego.mindstorms.fixthefactory||target:%20_blank” add_icon=”true”][/vc_column][/vc_row][vc_row inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1/1″][share title=”Share this Post” facebook=”true” twitter=”true” google_plus=”true” pinterest=”true” email=”true”][/vc_column][/vc_row]

BeetleBlocks

[vc_row inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1/1″][text_output]There are lots of drag and drop programming languages available. Scratch being the most popular one. But BeetleBlocks is different. I would say its almost like the next logical step after Scratch.[/text_output][image type=”none” float=”none” info=”none” info_place=”top” info_trigger=”hover” src=”756″ alt=”” href=”” title=”” info_content=”” lightbox_caption=”” id=”” class=”” style=””][text_output]Notice what is different about this picture. Like scratch you start with a blank screen, but unlike scratch you not only have X and Y planes but also a Z plane. So we are talking about coding in three dimensions.[/text_output][blockquote type=”center” cite=”” id=”” class=”” style=””]

Beetle Blocks is a graphical blocks-based programming environment for 3D design and fabrication. Use code to control a beetle that can place 3D shapes and extrude its path as a tube. Then make a 3D print!

[/blockquote][image type=”none” float=”none” info=”none” info_place=”top” info_trigger=”hover” src=”757″ alt=”” href=”” title=”” info_content=”” lightbox_caption=”” id=”” class=”” style=””][text_output]If you are familiar with Scratch or any other drag and drop programming then using BeetleBlocks is really easy. You will notice the same blocks as Scratch. The only differences are where you get tools like wireframes and different camera views which are, given a 3D environment, necessary. But if you are familiar with 3D environments you will be right at home with these tools. And if you are new to 3D environment its a good time to start getting familiar with it with BeetleBlocks.[/text_output][image type=”none” float=”none” info=”none” info_place=”top” info_trigger=”hover” src=”758″ alt=”” href=”” title=”” info_content=”” lightbox_caption=”” id=”” class=”” style=””][text_output]There are reference manuals and plenty of examples to help you learn. This project is currently in Alpha stage, and only supported on the Google Chrome platform (although it seemed to work fine in Firefox)[/text_output][/vc_column][/vc_row][vc_row padding_top=”0px” padding_bottom=”0px”][vc_column fade_animation_offset=”45px” width=”1/1″][vc_btn title=”Launch Site” style=”flat” color=”black” align=”center” link=”url:http%3A%2F%2Fbeetleblocks.com%2F|title:BeetleBlocks|target:%20_blank” button_block=”true”][/vc_column][/vc_row][vc_row inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column fade_animation_offset=”45px” width=”1/1″][share title=”Share this Post” facebook=”true” twitter=”true” google_plus=”true” pinterest=”true” email=”true”][/vc_column][/vc_row]