Tuesday, November 27, 2012

Teachers in US and UK take the pain out of teaching with Code Avengers

In the past couple of months we had articles published in the CSTA Voice magazine as well as TCEA TechNotes newsletter. These magazines are targeted at High School teachers, and have led to an influx of over 150 teachers in the US and UK trying our site, with lots of very positive feedback.

Below is the full article:

Learning to code just got MARVELous with Code Avengers

CodeAvengers.com provides interactive online courses that aim to teach web development to High School students in the most fun and effective way possible. The Code Avengers lessons include short coding challenges, games and quizzes that introduce, practice and review new concepts. The lessons contain minimal text, so students learn the ‘what’ and ‘why’ by completing carefully sequenced tasks, rather than reading lengthy explanations. By providing a gamified learning environment with points, badges and themed lessons, Code Avengers is designed to keep the attention of teenagers who struggle with finding time for homework, but always make time for computer games.

Robot Challenge in Level 1 of JavaScript

Code Avengers also offers great support for teachers, by providing live updates of student progress. The class progress page empowers teachers to easily identify and focus on the areas that the class is struggling with as well as the individuals that need the most help.

Teachers view of students progress

Since Code Avengers is web-based, no installation of special software is required. This makes it easy for teachers to use the resource as both an in-class and homework activity. Whether in or out of the classroom students simply open their web browser to CodeAvengers.com and away they go.

Origins of Code Avengers

My motivation for starting Code Avengers came as I was trying to teach my teenage brother HTML, CSS and JavaScript. I initially introduced him to w3schools.com, a resource I found useful as a beginner; he tried the site but quickly got bored and stopped.

 Later I introduced him to LightBot, an online game that introduces the basic computer programming concepts of selection, loops and functions; he completed the entire game in a single day. His attention was also captured by the themed, game like code challenges of HackThisSite.org, despite the level of difficulty exceeding that of a beginner.

I tried many other free resources but none seemed provide what I need for my brother—a fun and effective web development tutorial for beginners. So I decided to create my own interactive tutorial, one that combined the beginner focus of w3schools, the fun factor of LightBot and the themed code challenges of HackThisSite. By doing so I hoped to make learning web development fun and maybe even addictive. To me, software development is such an exciting and rewarding activity. Why shouldn't learning the basics be just as stimulating?

But that was not my only motivation…

When I completed my final year of high school a decade ago, computing held the place of a “non-academic” subject, with no national examination and no points towards University entrance. Due to its inferior position in the high school curriculum, bright students were actively discouraged from taking it. Thankfully, the NZ Ministry of Education recognized the need for change. In 2011 a new “Programming and Computer Science” stream entered the year 11 (USA year 10) digital technologies course; rolling into year 12 in 2012, and year 13 next year. While, the new curriculum is a leap in the right direction, many of those teaching Digital Technologies don’t have programming backgrounds and find teaching the new material a challenge, especially given the lack of support, training and resources currently available.

Code Avengers to the rescue!

With this situation in mind, I planned to tailor my tutorials specifically to the New Zealand senior High School curriculum, with a focus on providing teachers with the support they need. After six months of development in my spare time, CodeAvengers.com went live in April 2012. Thousands of learners—including dozens of teachers in NZ and the UK—have used the site and given extremely positive feedback. At present Code Avengers contains two ‘Level 1’ courses that cover the NZ year 11 (USA year 10) web and programming curriculum. While targeted at senior high school students, the lessons have also been successfully trialed with younger classes. In the Level 1 HTML/CSS course, students create their own Superhero Profile as they learn the basics of web page creation in 20 short lessons with 5 tasks in each lesson.

Level 1 HTML course - Super hero Profile

For each task students read brief instructions, write HTML and CSS code, and then view their results in an embedded mobile phone emulator. Students are provided with a unique URL to view their profile on their mobile phone and share with their friends. Later lessons encourage students to collaborate by linking each other’s profiles and creating a Code Avengers team page.

The Level 1 JavaScript course contains 40 short lessons that teach data types, variables, if statements, string manipulation and while loops. Once students complete the course they can put their skills to the test by writing their own programs in the ‘projects area’.

So what are you waiting for, help your class become Coding Superhero’s with CodeAvengers.com!


  1. Check amazing Tools related to hacking cracking and amazing bots All are completely free at this site -> http://www.best-hacker-tools.blogspot.com