Summary:A quick look into two interesting, open-source aware websites to learn and train coding skills: codecombat.com and codewars.com
I recently stumbled upon two different websites offering the possibility to learn and train coding skills:
Both websites use a free software philosophy (all code examples free licensed or on github) and offer to train different computer programming languages. I tested both systems with the programming language Python and some of my students:
CodeCombat focus on gameification and is suitable for a younger audience. If you like RPG games with cartoon fantasy graphics, you will like it. The concept of code combat build up from older learn-to-code systems such as Rurple, Karel and other programming enviroments. The screen is splitted into a coding editor (right half) and a labyrinth or level on the left half. Placed inside the labyrinth is a (beautiful painted) avatar, to be controlled by the player using a restricted set of commands, like
self.attack(self.findNearestEnemy()) etc. Those commands have to be typed correctly in the code editor to control the avatar. Incorrect programs with logical faults (like commanding the avatar to run against a wall) will let the avatar loose hitpoints and die, like in a computer game.
The student/player has in each level a task to complete, usually to collect gems with the avatar, defeat monsters and move to the exit of a level. Gradually, the player is introduced into new commands, like loops, conditionals and variables. Diamonds collected in a level can be invested between levels in better armor, weapons and programming commands (cleverly symbolized as spellbooks and magic devices) to master the increasingly more tricky tasks in the higher levels.
Code Combat begins with a slow learning curve, suitable for children who never had coding experience before. As the player makes progress and solves more and more levels, the tasks involve more complex programming concepts. Most important, the levels itself become more complex due to more possible interaction with the objects in the game world: fences can be buid, fire traps can be set, enemys can be lured into minefields, special weapons allow special attacks with a cooldown timer etc.
Not only are the levels designed beautifully, the riddles in the higher levels of Code Combat are complex enough to fascinate gamers as well as coders.
The code of CodeCombat itself can be found on github under the free MIT license. All the art assets (sprites, backgrounds, sound effects etc.) can also be found on github and are published under a creative commons CC-By 4.0 license. This allows easy use of the game artwork for projects of students.
On the code combat legal page the licenses and attributing are explained in more detail. CodeCombat reserve the right to publish levels for code combat created and uploaded with the code-combat level editor under a non-free license.
The business model (as it is visible now) consist of “nudging” parents and teachers into a 9.99$/month subscription to gain access to video tutorials, more levels and more (virtual) diamonds.
While the in-build advertising/nudging to subscribe may be slightly irritating for some players, it is a legal way to build an business ecosystem around an free/libre/open source core.
As the complete Codecombat source code is on Github, forkers should be able to create their own code-combat system with a different (or no) business models attached to it.
CodeCombat seeks the participation of users for level-design, coding, translation and other task. I look especially forward into community-created content of teachers and educators, like lesson plans or best-practice guidebooks of how to integrate codecombat sessions into computer science courses.
My own experience of using CodeCombat for students in my programming courses was pleasant:
Testing with german-speaking, 11-year old students with little english skill, CodeCombat was a crowd-pleaser and often attracted older students willing “to help” and, more so, “to look” at the nice animated combat scenes. Students were able to figure out most of the tasks for themselves with little or no assistance from a teacher, at least for the first levels.
Depending on the level, a student is sometimes not allowed to edit existing code, sometime he must edit existing code, and sometimes the task description is hidden in the code comments. On higher levels (second game world) better english skills are necessary and teacher assistance is more often required.
The gameification works very well, especially younger students loved to spend much time pondering how to invest hard-earned virtual diamonds best into virtual goods, and were very pleased to be able to buy superior virtual armor and weapons.
I do not have much to critisize:
loop:also exist only inside CodeCombat and not in the (selected) programming language python. I wonder why not instead the correct python command (
while True:) was used.
moveDown()at the beginning, indicating that the avatar is an instance of an avatar class. While i like the concept of “do it right from the start, explain it later” i wonder if it is really necessary to force object-oriented concepts into students right from the start, when the necessary teaching (loops, conditionals, variables) could be as well teached without object-orientation paradigma. I guess it makes sense this way to enable CodeCombat the use of different programing languages, like Java.
CodeWars is a more serious, less child-appealing website than CodeCombat and aims at a older, more experienced audience. A student is not guided throug lessons, but instead confronted with programming tasks, not unlike the homework assignements of a typical computer science class:
Each programming task, in reference to japanese martial art called kata, includes a short task description, a set of input data and the desired output data. The student is tasked to write a function in his preferred programming language to transform the given input into the desired outuput. This is all done with the online, in-build programming editor.
The student is also tasked with writing his own tests and the outcome of the tests (passed or failed) gives clues if the code is ready to submit to the public.
To make the katas more difficult (and realistic?) the given set of input-output data in the task descriptoin is only a subset of the data used to test a kata before submitting it to the public.
The user can run his function against his own test with a button or can press “submit” to test his function against the bigger, hidden dataset. Only if all tests are passed can the function be uploaded to and inspected by the public.
This is a very revealing moment: even for a seemingly simple and straith-forward problem exist countless different solutions. Solutions can be upvoted as “best practice” so that the swarm intelligence of all coders sort the most acceptable solution to the top. It is also possible to vote a solution as “clever”.
Included is an in-build web forum were solutions of a kata can be discussed.
There is not much gameification in Codewars, but solving katas will slowly raise the rank of a student, as do other activities, such as submitting your own katas.
A step up from katas are kumites, more complex coding problems were other coders are invited to refactor code and provide solutions.
While i personally like CodeWars a lot, i found it less ideal suited for teaching python (tested with 14-year old students, german-speakers, some python practice, average knowledge of english). In contrast to CodeCombat, the teaching must happen before CodeWars is used, or a student must have the skill and self-discipline to learn necessary coding skills by other ways and test those skills using CodeWars.
The biggest problem were understanding the task description and understanding how to use write tests. Simply put, most tests use the assert.equal statement:
Test.assert_equals(function_name('input data'),'desired output data')
Sadly this line was not present in the test area in all katas, additionally confusing students.
However, Codewars offers huge learning opportunities by looking at (and discussing) the solutions of others. It is also a good tool to tackle katas already solved in a preferred programming language with a different, new programming language.
Finally, Codewars is good suited to introduce the concept of pair programming via coding dojos: Two students have to solve a kata togehter, one doing the thinking (navigator) while the other does the typing (driver). After a given time interval or after at least one test is passed, a new student becomes driver and the former driver becomes navigator.
Users in Codewars are encouraged to particpate. Ability to discuss, share and fork katas and kumites is in-build. As stated in the Codwars terms page, all uploaded code is licensed under the FreeBSD 2-Clause License
I have nothing at all to critisize about CodeWars. I just wonder about CodeWars business model. As it looks now and according to the Codewars site itself, there seem to be none. I guess the site could become useful as a recruiting tool for IT-Jobs. Hopefully the site will attract enough donations from thankful Computer science teachers finally getting rid of the need to create and score homework.