如何学web前端-几款前端小游戏推荐

如何学web前端?web前端开发学习困难,有什么好的学习方法吗?今天小朗就来给各位小伙伴推荐几款学习web前端的练习游戏。非常适合web开发者和编程人员。

如何学web前端-几款前端小游戏推荐

第一款::CSS 选择器练习 CSS DINER

很不错的一款css选择器练习游戏,你需要根据桌子上的东西,来选取指定的元素。如图所示,select the plates(选择盘子),盘子标签是<plate>,我们要把盘子选择该怎么做呢?使用元素选择器即可通过。这款游戏对于我们css选择器的练习很有帮助。

第二款:Flex布局练习 Flexbox Froggy

这款游戏主要是对你的flex布局练习,来帮助各种颜色的青蛙找到对应颜色的荷叶,总共 24 关卡。整体难度不高,趣味性很高。运用flex相关属性和和值来通关,比起单纯的去学习flex的枯燥,这个确实更有趣。

第三款:Code Combat

Code Combat是为学校里的学生而制作的,但是这款游戏还是受到很多人的喜爱。通过编程可以来控制一个的英雄通过地牢,与敌人战斗,收集宝石。完成整个游戏大概需要20+小时,并能覆盖绝大多数的编程概念。

第四款:Hex Invaders

这款经典的娱乐游戏是这个世界被三个RGB颜色的外星人入侵,每一个代表不同的颜色。为了拯救人类,玩家必须要迅速的把RGB十六进制值翻译出来,成为人类的可以识别的颜色,射击外星人。

 

如何学web前端-几款前端小游戏推荐

 

 

上一篇:【Flex弹性盒子基本属性】


下一篇:微信小程序 自己一些坏习惯和坑