DZone>Web Dev Zone>学习Web开发的免费编码游戏
学习网页开发的免费编码游戏
在这里，我列出了网络上的免费编码游戏，这些游戏可以在娱乐的同时，让你对网络开发有一个新的认识--HTML、CSS、JavaScript，以及其他。
-
21年9月2日 - Web Dev Zone -评论
喜欢 (5)
评论
保存
鸣叫
10.52K浏览次数
加入DZone社区，获得完整的会员体验。
简介
你已经发现自己在编码教程上花了很多时间，现在你需要改变一下节奏，一些新鲜的行动。这就是编码游戏的作用。在这里，我列出了网络上的免费编码游戏，这些游戏可以让你在娱乐的同时，对网络开发有一个新的看法--HTML、CSS、JavaScript，以及其他方面。
Flexbox Froggy & Grid Garden
Codepip是一个用于学习Web开发的免费和高级编码游戏的集合，从一个名为Nth Cart的关于CSS选择器的矿车游戏到关于JavaScript数学的Code Crunchers。 :nth-child()CSS选择器到关于JavaScript数学的Code Crunchers。
目前，Codepip提供了两个免费游戏，一个是流行的Flexbox Froggy，它探索了CSS Flexbox的布局，另一个是Grid Garden，它对CSS Grid也是如此。
CSS Diner
CSS Diner是一个令人愉快的编码游戏，在这里你可以 "大吃CSS选择器"。坐着吃饭，你用CSS选择器从中挑选不同的物品，如盘子和泡菜。开始时很简单，但你很快就能掌握涉及同级和属性的更复杂的选择器。
消除所有小猫
擦除所有小猫是为8岁及以上的年轻学生提供的史诗般的编码介绍。在EAK中，你的任务是编辑HTML代码，这反过来又修改了一个关卡的平台，使你能够收集猫的GIF并达到终点。
电梯传奇
在《电梯传奇》中，你必须使用JavaScript来对电梯的运动进行编程。你的目标是尽可能有效地运送乘客通过大楼。你必须熟悉API，监听事件，例如当呼叫按钮被按下时，并编写处理函数来指挥电梯，这些都是JavaScript的常见任务。
SQL谋杀之谜
到目前为止的游戏已经涵盖了前端语言。但后端呢？
在《SQL谋杀之谜》中，你是一个必须使用SQL概念和命令的侦探，以便破获一起谋杀案。
Select Star SQL是对SQL的深入研究，你对一个真实世界的数据集进行查询，并利用你的发现来形成关于死刑的结论。到最后，你会对SQL有一个坚实的心理模型。
行动的方法
来自Method of Action的设计游戏与网页开发相邻，但太过华丽，不能不提。这些游戏专注于视觉设计的不同方面，如色彩理论、字距和创建自己的矢量图所需的布尔运算。
CSSBattle
CSSBattle是一个代码高尔夫游戏。游戏中出现了不同的纯CSS设计，你的目标是用尽可能少的代码来复制它们，这与高尔夫运动不同，得分越低越好。你的分数会和其他玩家的分数叠加在一起，所以你需要使用你包里的每一个CSS技巧来显示在排行榜上。
Flexbox僵尸
Flexbox Zombies是另一款游戏，它教导人们如何使用CSS Flexbox的力量，同时在僵尸的攻击下生存。视觉效果无疑是一种享受。
捷径Foo
Shortcut Foo使用间隔重复技术来帮助你记住你选择的代码编辑器的键盘快捷键，无论是Visual Studio Code、Atom、Sublime、Emacs还是Vim。通过在你的指尖上拥有数百个强大的命令，你将能够 "用更少的按键在更短的时间内完成更多的工作"。
主题。
网页设计与开发, 编码教育, 编程与设计, 基于游戏的学习, CSS/样式表, javascript
DZone贡献者所表达的观点属于他们自己。
DZone上的热门话题
评论
