對於前端來說，必讀的書籍有《javascript高級程序設計》，《Css權威指南》，《HTML5實戰》這三本書對入門前端的朋友很有幫助。後期進階可以看看《javascript權威指南》，《Css揭秘》，《vue.js實戰》這三本進階書籍，寫的非常全面和深入，筆者在實際工作中也經常用到裡面的一些技巧和經驗。其次就是慢慢的積累幾個簡單的項目，鍛煉自己前端的編程能力，筆者在《趣談前端》專欄里也寫了很多實戰總結和小項目，可以練習一下。

進階書單來啦！

前端開發三大基石：HTML、CSS 和 JavaScript。如果你可以基本掌握他們那麼做網頁前端是沒有問題的。

你可以用 HTML 寫出頁面的基本骨架，然後寫點 CSS 給它添加你想要的樣子，這樣的話網頁的基本樣子就有了，然後你可以用 JavaScript 調用瀏覽器發起網路請求，請求後端的介面後拿到數據，最後把數據插入到你的 HTML 中。當然你可能還需要使用 JavaScript 來處理用戶的交互和事件。整個網頁的工作過程大概就是這樣。

不過都2020年了這些問題當然有更好的解決辦法，而且不止一兩個。

如果你寫過大量的網頁樣式的話你就會發現大部分的網頁組成元素都是相似的。大概會有導航欄、表單、輸入框、按鈕等等元素。可否每個元素做好一份然後需要的時候搬過去直接用？當然是可以的，而且有別人做好的非常優秀的組件，我們開發的時候直接搬過去就能用了，這大大提高了我們的效率。說到組件庫就不得不提一下 Bootstrap 。非常流行火爆的前端開發框架，它的強大之處在於它將常見的CSS布局小組件和JavaScript插件進行了完整並完善的封裝，能讓沒有經驗的前端工程師和後端開發工程師都迅速掌握和使用，大大提高開發效率。

相同的思路，我們在使用 JavaScript 請求數據然後更新數據這一過程中也有類似的庫可以供我們直接使用。如果你是 JavaScript 新手，或是您曾經向自己的Web頁面上添加過一些腳本，但想以一種更好的方式來實現它們，JQuery 非常適合您。

不僅向您展示如何閱讀和編寫JavaScript代碼，同時還會以一種簡單且視覺化的方式，教您有關計算機編程的基礎知識。閱讀本書之前，您只需要對HTML和CSS有一些了解即可。本書通過將編程理論與用來演示JavaScript和jQuery如何被應用於流行站點之上的示例相結合，本書將教會您如何讓網站更具交互性、吸引性、可用性。很快，您就能夠像一名程序員那樣去思考和編寫代碼了。

如果這些都熟練掌握了，那麼你可以使用一個前端框架來進一步提高你的效率。目前來看主流的還是 Vue 和 React。現在的 Web 頁面要求越來越高，內容也越來越多，使用他們可以使你很輕鬆的應對層出不窮的需求，大大提升你的開發效率。

當然更重要的是你需要他們來提升你的開發效率，也就是你在使用的時候明白為什麼要這樣做，而不是如果不使用他們的話你就不知道該怎麼做了。

當然，做前端開發學習 JavaScript 還是重中之重，所以閑暇事件要注重這方面的學習和提升。下面這些都是經典，值得你一本一本啃下去。

就是這些了，如果你可以堅持下去的話，終將會有所成。