新手上路最開始用的就是基礎的 html+css+JS 三件套,而在框架和庫越來越多的現在,更多的時候使用它們來提高效率是常見的選擇。
今天要和大家分享一個項目,這是一個使用HTML5,CSS和JAVAScript構建的20多 個小型項目的集合,值得一提的是,這些項目沒有用到任何框架和庫。
vanillawebprojects創建已經大半年了,直到最近才在Github走紅,登上Github周榜第二,目前標星6.1K,fork累計1.1K。(Github地址:
https://github.com/bradtraversy/vanillawebprojects)
vanillawebprojects一共包含20個項目,諸如電影訂票頁面,視頻播放器界面、匯率計算器、費用追蹤器、音樂播放器、費用追蹤器、打字游戲、語言文字閱讀器、新年倒計時等小應用。
下面就給大家展示一下部分項目詳情:
首先是抖音上很火的新年倒計時,我們程序員怎么能輸呢?必須安排上:
電影訂票系統:
打字游戲:
匯率計算器:
簡而言之,無論你是想通過 HTML+CSS+JS來更好理解框架,還是為了驗證一下自己的知識水平,借這些項目練手都是不錯的選擇,畢竟前端開發離不開這三大件。