在这篇文章里，会介绍一些不同于上面那些常规途径的工具，来帮你「边做边学」JavaScript。这些工具都需要你编写一些代码来完成各种任务，从而帮你掌握某个具体技术点、或让你的整体技术水平得到训练和提高。我们开始吧！

Js-assessment （js-测验）

第一个工具是 Rebecca Murphey 写的 js-assessment , 它的核心其实就是一组测试用例。每条测试用例都代表一个需要你解决的问题。当你通过修改代码让某条测试通过，你也就完成了相应知识点的测验。

来看一 个 arrays 文件里的简单的例子：

},

如你所见，这里给出了一个空函数和它的参数，你需要实现该函数的内部逻辑来让它按照期望的方式工作，从而让相应的自动化测试用例成功。不过有的时候你需要实现什么样的功能并不容易一眼就看出来，比如同样在 arrays 文件里有这样一个函数：

},

我研究了一番才搞明白（但这就是学习的过程，对吧？），原来它应该实现的功能是删除数组中的第一个元素。

在编写代码的过程中，你可以随时在浏览器里查看当前所有测试用例的执行结果。下图显示的是我完成其中一部分测验时的状态。

关于这个项目我最喜欢的一点是：你可以一次只搞定一个测试用例，从而一点点地完成整个项目，而不用一次性投入太多时间。

NodeSchool

NodeSchool  并不只是 Node.js，事实上它包括了关于JavaScript 的各种教程。课程覆盖了从 JavaScript 基础到 Node（既然叫NodeSchool当然要有Node。) 甚至 WebGL 的内容。你可以先安装最感兴趣的教程， 可如果还不熟悉 JavaScript 的话，我推荐从 javascripting 课程开始。

然后只需要在命令行里输入 javascripting：

这个赏心悦目的古典风格菜单会提示你选择一个子课程，然后具体的指导和练习信息就会显示出来。

注意上面最后两行内容，这个命令行程序 javascripting 还能够验证你写的程序是否符合要求。你只要写好解题代码，然后到命令行里去完成验证就可以完成相应的子课程了。

下面是验证被我故意写错的代码时的输出：

你可以看到这里的帮助信息相当详尽—— 其实还有更多的信息没有展示出来，因为屏幕上实在显示不下了。当然，javascripting 毕竟是给没接触过 JS 的人准备的课程。虽然我不认为其他的教程也会提供这么多帮助，但我目前还没被什么问题难倒过。这里的问题一般一分钟内就可以解决——最多也就30分钟。这个程序还会随着你的进度贴心地标记出你完成的练习，以及还有哪些挑战等着你。

前面我说到，你可以在 NodeSchool 找到各种类型的教程。他们还有一个关于 ES6 的课程，所以如果你想获得一些关于这项热门技术的上手经验，NodeSchool 会是一个能帮你迅速掌握它的绝佳选择。

Advent of Code（代码降临，又名邪恶之塔）

接下来这个是我最爱——呃或者是最讨厌的一个项目——好吧，我就是这样一个反复无常的人。 在去年的圣诞季，作者发布 Advent of Code 的时候，他声称这是一种可以用来「轻松愉快地」打发圣诞节假期的方式。这里面的每个编程挑战都跟圣诞节主题相关，而且每个都包含两个问题。不过一般情况下，只需要在第一道题的答案上做很小改动就能得到第二道的答案。

这些题目并不限定使用的编程语言，所以你可以用它来学习任何语言，而不仅是 JavaScript。刚开始的第一道题很容易：

要完成这一题，只要读取给定的那个很长的输入字符串、解析它的内容并进行简单统计就可以了。下面是我的解题代码——是的，我知道这并不是最好的解法，不过对我来说够用了。

var floor = 0;

for(var i=0;i<input.length;i++) {

    var char = input.charAt(i);

    if(char === '(') floor++;

    if(char === ')') floor--;

}

console.log("Done - "+floor);

这一题的第二部分也很简单 ——我只花了大约一分钟时间改了一下代码，就能让代码在循环中保存符合条件的那个值了。

看上去有点儿意思对吧？可是这些题目的难度很快就会上升到让人灰心丧气的水平（至少对我而言）。比如第24题：给你一组包裹和他们的重量信息，你需要把这些包裹分为三组，并保证每个组里包裹的重量之和相等。噢对了，要保证第一组的包裹数量是最小的，这样圣诞老人才有地方坐…噢还有！第一组还要保证最小的“量子纠缠态”—— 这个值是将所有包裹的重量相乘求积得来的。

在做这一题的时候，我作弊了… 事实上我大概一共没羞没臊地作弊了四题。这些题目都有对应的 Reddit 博客链接，你可以在上面学习别人的解法。对于那几道难住我的题，我在那里找到了其他语言实现的解法，并利用他们的解题思路转换成 JavaScript 完成了挑战。

来点不一样的…

DevTools Challenger 是贯彻了“边做边学”理念的一个超级棒的的典范，尽管它的内容和 JavaScript 语言无关。它是 Rachel Nabors 开发的一套展示案例，用来演示通过 Firefox 的开发者工具来调试 CSS 动画的各种方法。

尽管 CSS 动画不是我的菜，但我还是挺喜欢开发者工具的。在我见过的介绍开发者工具的网站里，这个项目或许是界面最漂亮、同时也是最友好的一个。

其他的选项

当然这一类的学习资源还有很多。下面列出了其他几个可以考虑的选项，像往常一样，我建议大家把自己使用过的类似工具发到下面的评论区里，和我们一起分享。

· The JavaScript Warrior –  在尝试通过代码控制一个勇者的过程中学习和练习 JavaScript。

· WarriorJS – 跟上面一个类似的编程挑战。

· Untrusted – 用你的 JavaScript 来对抗邪恶博士!

本文由职坐标整理发布，学习更多的JavaScript相关知识，请关注职坐标WEB前端JavaScript频道！