新手上路最開始用的就是基礎(chǔ)的 HTML+CSS+JS 三件套，而在框架和庫越來越多的現(xiàn)在，更多的時(shí)候使用它們來提高效率是常見的選擇。

今天要和大家分享一個(gè)項(xiàng)目，這是一個(gè)使用HTML5，CSS和JavaScript構(gòu)建的20多 個(gè)小型項(xiàng)目的集合，值得一提的是，這些項(xiàng)目沒有用到任何框架和庫。

vanillawebprojects創(chuàng)建已經(jīng)大半年了，直到最近才在Github走紅，登上Github周榜第二，目前標(biāo)星6.1K，fork累計(jì)1.1K。（Github地址：https://github.com/bradtraversy/vanillawebprojects）

vanillawebprojects一共包含20個(gè)項(xiàng)目，諸如電影訂票頁面，視頻播放器界面、匯率計(jì)算器、費(fèi)用追蹤器、音樂播放器、費(fèi)用追蹤器、打字游戲、語言文字閱讀器、新年倒計(jì)時(shí)等小應(yīng)用。

下面就給大家展示一下部分項(xiàng)目詳情：

首先是抖音上很火的新年倒計(jì)時(shí)，我們程序員怎么能輸呢？必須安排上：

電影訂票系統(tǒng)：

打字游戲：

匯率計(jì)算器：

簡而言之，無論你是想通過 HTML+CSS+JS來更好理解框架，還是為了驗(yàn)證一下自己的知識(shí)水平，借這些項(xiàng)目練手都是不錯(cuò)的選擇，畢竟前端開發(fā)離不開這三大件。