🏋️ 通过在线游戏训练你的 WEB DEV 技能 🎮

自学编程可能会让人不知所措，不仅因为这门学科本身的难度，还因为要避免在网上海量的教程和文档中迷失方向。幸运的是，有一些资源可以让学习过程变得更容易、更有趣，提供带有游戏化元素的教育内容。

作为参考，您可以查看我最近发表的关于通过在线游戏学习 CSS 概念的文章：

💪 通过在线游戏训练你的 CSS 技能 👾

弗朗西斯科·莱迪尼・ 2019 年 11 月 15 日

#设计 #生产力 #webdev #布局

后来，我收到了很多关于类似游戏的咨询，想学习 Web 开发和 JavaScript。以下是我的研究成果。

Checki0

Checki0 允许你通过解决各种问题并在虚拟世界中的“漂浮岛”之间移动来学习 JavaScript 或 Python 的基础知识。每个岛屿包含大约 40 个挑战，难度级别递增。免费，快来玩吧！

电梯传奇

在《电梯传奇》中，你需要用 JavaScript 编写程序来控制电梯的运行。目标是以最高效的方式运送乘客。
随着你完成得越来越好，你就能顺利通过越来越难的挑战。

帮助和文档部分将帮助您迈出这个有趣的游戏的第一步。

免费玩吧

CodinGame

CodinGame 提供免费游戏，玩家需要解决谜题和算法问题。您可以从众多编程语言中选择学习：JavaScript、Ruby、Java 和 C#，等等。
为了增加趣味性，您可以邀请好友在线游戏，如果您想挑战更高难度，还可以参加国际编程竞赛。

每种编程语言都有许多游乐场，您可以选择不同难度等级，以便按照自己的节奏进行。

免费玩吧

爬行者

Screeps 是一款面向经验丰富的程序员的大型多人在线沙盒游戏。游戏名称“Screeps”的缩写，意为“Scripting Creeps”。这款游戏为玩家提供了丰富的选择，并让他们有机会以有趣的方式练习实际代码。

Screeps 是一款大型多人在线实时战略游戏。每位玩家都可以在一个由所有玩家共享的永久世界中创建自己的殖民地。这样的殖民地可以开采资源、建造单位、征服领土。随着你征服更多领土，你在游戏世界中的影响力也会不断增强，你扩张势力范围的能力也会随之增强。然而，这需要你付出巨大的努力，因为多个玩家可能会瞄准同一块领土。
与其他一些 RTS 游戏不同，Screeps 中的单位可以在没有你参与的情况下对事件做出反应——前提是你对它们进行了正确的编程。而且，与其他 MMO 游戏不同的是，你无需经常玩 Screeps 也能玩得开心。只需偶尔检查一下一切是否顺利即可。

免费玩吧

代码战争

CodeWars 是一个门户网站，提供了大量可供选择的语言列表。

经过初步的简单测试后，您将被要求确认您感兴趣的编程语言，并选择从哪个级别开始培训（从完全初学者到高级开发人员）。您可以通过解决不同的挑战来获得积分，每个挑战涵盖不同的编码原则，并与其他开发人员竞争积分榜的最高排名。

免费玩吧

不受信任

《Untrusted》是一款冒险游戏，你需要运用你的 JavaScript 技能来解决故事发展过程中遇到的问题。为了引导主角（Eval 博士，屏幕上的绿色 @）在各个关卡之间穿梭，你需要在右侧面板输入 JavaScript 指令，让他逃离当前关卡。免费畅玩！

红宝石战士

你将带领一位骑士闯关不同的关卡，编写他的移动指令，并学习 Ruby 语言。你可以选择简单或中等难度。

注意：游戏开始时会播放音乐！所以如果你在办公室或学校打开链接，请务必小心😄免费快来玩吧

地下城与开发者

许多开发人员喜欢 RPG 游戏（我喜欢😄），数字网络代理机构 352 Inc 利用这一点创建了 Dungeon & Developers。

它并非一款真正的游戏，但画面非常精美，值得一看。你可以构建一个天赋树，遵循经典的RPG技能树。每个级别都有一组链接，指向不同的主题（CSS、Javascript、SEO等）。掌握这些主题后——也就是说，你
每一步都要学习参考文档——你就能解锁下一个技能组合，为你的角色增加属性点（力量、智慧或魅力），就像在经典RPG游戏中一样。