如何學web前端-幾款前端小遊戲推薦

易牛小朗發表於2021-10-08

如何學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前端的文章,易牛雲朗沃給了大家比較不錯的幾個趣味遊戲程式設計練習網站,希望大家在學習中也快樂著。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70002837/viewspace-2795016/,如需轉載,請註明出處,否則將追究法律責任。

相關文章