新手上路最開始用的就是基礎的 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來更好理解框架，還是為了驗證一下自己的知識水平，借這些項目練手都是不錯的選擇，畢竟前端開發離不開這三大件。