玩游戏也能学编程?我读书少，别骗我

众所周知，编程是一件需要强大逻辑推理能力和不断试错的事，那除了编程，还有什么事情也需要这样的技能呢？

玩游戏！没错，就是玩游戏！

游戏具有强大的娱乐性，那作为业内人士，如何在游戏时间get编程知识呢？

为了让程序猿们轻松get编程知识点，小编特地找来了11款浏览器游戏，非常适合web开发者和编程人员，可以通过它们学习到JS、CSS和HTML，也可以顺便测试一下web技能。赶紧玩起来、学起来吧！

Code Combat

虽然Code Combat的目标受众是学生，但它依然受到很多成年人的青睐，可见魅力指数之高，非同一般。玩家通过编程来控制英雄通过成百的地牢，与敌人战斗并收集宝石。完成整个游戏大概需要20+小时，并能覆盖绝大多数的编程概念，不仅魅力指数高，干货指数也不赖哦！

Hex Invaders

这款游戏内容是世界被三个颜色的外星人入侵，每一个代表不同的颜色。为了拯救人类，玩家必须快速的把RGB的十六进制值翻译成人类的可以识别的颜色，并射击入侵者。Green（绿色）#008000，Red（红色） #FF0000，Yellow（黄色）#FFFF00 你都还记得吗？

Flexbox Froggy

这个游戏需要你帮助各种颜色的青蛙得到它们的睡莲，你需要用Flexbox模式来移动这种两栖动物，在游戏的弱提示帮助下在不同情况下使用不同的CSS属性，这完全由玩家来操控，能真正测试你的布局构建能力。

Pixactly

Pixactly坚持简单但是有挑战的理念。游戏给出两个随机的像素值，一个代表宽度，另一个代表高度。玩家需要尽可能的绘制给定尺寸的盒子。

CSS Diner

很棒的一个学习CSS选择器的游戏，看游戏名字就看出来了……

玩家需要在一个有盘子的桌子上，选定某个或某些元素。不同的级别可以满足相应web开发者的水平，像基本的~和:first-child。既照顾到了不同级别的玩家，还能帮助玩家提升CSS技术，这么好的事也就只有你知道了吧？

Screeps你可以想象这个游戏是一个数字化的蚂蚁农场，里面所有的“蚂蚁”都是被你的编程控制的。在建立了基地和你设定的爬行程序之后，它们就开始了各自的探索这个无止境的游戏世界，收集资源并和敌人战斗，甚至可以离线操作，分分钟成为王者。

CodinGame

这是一个大的游戏集，可以用各种语言来玩，包括：JS,PHP,Ruby,Go,Python,还有其他的编程语言。这个平台包括大量的谜题，支持多个玩家和智能游戏，同时代码支持高级编辑器像Emacs和Vim。可以对你的能力进行全盘扫描，和不断地试错与提升哦！

Flexbox Defense

经典的塔防游戏也用CSS的旋转来玩？是的，所有的塔楼和通道是用flexbox的布局来实现。想要完成这个游戏，需要你知道完全的flexbox的属性。智能社的没有不通关的，哈哈……

Bonus: Dungeons & Developers

一个具有CSS，HTML，JS魔法的智慧树。可以在上面增加你的技能，看看你和真正的web开发者有多接近，俗话说得好，有目标才有动力去奋斗嘛！不仅如此，游戏可以通过自己的冒险来生成智慧树简历，你的每一次进步都让你骄傲！

学完智能社的知识贴就去游戏世界里放（shao）松（nao）吧！