11 个提升网页设计和前端开发技能的趣味游戏，附源码地址

如果你是前端萌新，正在学习 CSS 选择器相关知识，那么这款游戏一定适合你。通过这款游戏，你可以学习到各种 CSS 选择器的用法，例如 CSS 类选择器、子元素选择器、伪类选择器等。挑战 32 个关卡，帮助你更好的掌握 CSS 选择器。

还再利用枯燥的文档学习网格布局吗？不如尝试下 Grid Garden 在线游戏。在这款游戏中，你需要利用网格布局的相应属性纵横四海网页文字游戏制作，完成胡萝卜浇水的任务。游戏共 28 个关卡，你可以掌握网格布局属性的全部用法，帮助你入门网格布局。

如果你想提升 Flexbox 技能熟练度，可以尝试 Flexbox Defense 这款游戏。这是一款经典的塔防游戏，你必须使用 CSS 定位塔楼的位置，并抵御敌人的进攻。如果你通关了 Flexbox Froggy，再尝试下这款游戏，你的 Flex 布局技能势必能更上一层楼。

安徽网页设计代码游戏大全

有了这十五款编程游戏，谁都可以学编程！（建议收藏）

The Daily WTF ：类似BYOD(Bring Your Own Device)模式，不过这里是BYOD(Bring Your Own Code)程序员们编写他们自己的代码片段放在这里，用来解决一些比较困难的问题。

Human Resource Machine 是一款非常有意思的移动端游戏。这款游戏由粘粘世界（World of Goo）的设计者和制作小小炼狱（Little Inferno）的团队共同制作，游戏虽是走解谜路线，但玩法相当新颖：玩家将扮演一个从基层做起的员工，需要通过指令代码来编写一条条程序，完成每个阶段的任务，最终走上职场巅峰。

应用HTML5+CSS制作驴子跳跳游戏，含源码

寓教于乐！11 个提升网页设计和前端开发技能的趣味游戏

如果你是前端萌新，正在学习 CSS 选择器相关知识，那么这款游戏一定适合你。通过这款游戏，你可以学习到各种 CSS 选择器的用法，例如 CSS 类选择器、子元素选择器、伪类选择器等。挑战 32 个关卡，帮助你更好的掌握 CSS 选择器。

还再利用枯燥的文档学习网格布局吗？不如尝试下 Grid Garden 在线游戏。在这款游戏中，你需要利用网格布局的相应属性，完成胡萝卜浇水的任务。游戏共 28 个关卡，你可以掌握网格布局属性的全部用法，帮助你入门网格布局。

如果你想提升 Flexbox 技能熟练度，可以尝试 Flexbox Defense 这款游戏。这是一款经典的塔防游戏，你必须使用 CSS 定位塔楼的位置，并抵御敌人的进攻。如果你通关了 Flexbox Froggy，再尝试下这款游戏，你的 Flex 布局技能势必能更上一层楼。

HTML5代码做的中国象棋游戏，这个程序无人能敌

这里还是要推荐下我自己建的前端学习群：204436223，不说其他的，能进我群的没两把刷子怎么可以呢是吧，当然小白我也非常欢迎王者荣耀游戏盒子小视频，都是从零开始的嘛，多虚心问问题就行了，不定期分享干货。想学到东西的都可以来，欢迎初学和进阶中的小伙伴。

这 15 款编程游戏，你玩过吗？

Code Hunt 是一个由Microsoft Research开发的 HTML5 科幻主题游戏。在这个游戏中，你扮演一个代码猎人，负责修复代码，并使它它返回预期的结果。Code Hunt支持 Java 和 C# 两种语言。你可以学习到包括算法、循环和条件表达式等编程概念。

当你打开CodeCombat网站，你不会觉得这是一个让你看不懂的代码学习网站，因为他的网站外观看起来就像是一个魔兽争霸风格的线上游戏，而且当你实际玩玩看，你会发现过程真的就是英雄要去打怪、寻宝与解谜，只是搭配了程序语言的学习。

程序员最爱的8款代码游戏 边玩游戏边撸代码

CodeCombat (代码战斗) 是款有趣开源的编程游戏!它使用代码来操控游戏人物，让你一边沉浸在游戏乐趣中一边学习编程技术(Javascript / Python等)。从最初小白入门级的单人关卡到后来高难度的多人对战，各种技术层次的人都可以乐在其中并从实战中不断吸取编程知识。

通过这款游戏，你将进入代码机器人世界。它属于全球首个Javascript 程序员在线编程对战游戏，采用MongoDB、NodeJS、CSS3、Javascript、HTML5等全新的Web技术来构建。随时互联网的飞速发展，Robocode 已经开始变得落后。所以，现在有了 Javascript 语言的基于互联网的在线编程对战游戏——CodeTank 代码坦克!

有了这15款编程游戏，谁都可以学编程！

Code Hunt 是一个由Microsoft Research开发的 HTML5 科幻主题游戏。在这个游戏中，你扮演一个代码猎人，负责修复代码，并使它它返回预期的结果。Code Hunt支持 Java 和 C# 两种语言。你可以学习到包括算法、循环和条件表达式等编程概念。