《大巧不工》是2010年機械工業(yè)出版社出版的圖書，作者是賴定清、林堅。本書以Web前端設計的流程為主線，以前端設計的方法和原則為基礎，圍繞原型設計、模型設計、可用性設計、一致性設計和以用戶為中心的設計等關鍵技術探討了前端設計的規(guī)范、技巧與最佳實踐。

本書適合于經驗還不夠豐富的前端工作者（前端設計師、前端開發(fā)工程師、前端架構師和用戶體驗設計師），希望它能幫助大家從復雜、繁瑣、無序的前端設計、開發(fā)和維護工作中解放出來，以良好的設計思維與架構方法為前端開發(fā)和設計保駕護航。

有很多書籍推薦，我推薦你6本書。第一本書 JavaScript DOM編程藝術。這本書適合初學前端的新人，前端的核心技術就是JavaScript，同時也是前端的難點。而這本書非常適合快速入門，通俗易懂。所提及的很多編程思想卻適合低中級層次的前端開發(fā)者學習。

第二本 JavaScript權威指南。同樣是前端程序員必讀的一本書籍，不僅適合初學者，還適合那些已經在前端工作的程序員進行隨時翻閱。里面涵蓋了JavaScript的所有內容，以及web瀏覽器的所有實現的JavaScript。api.對于了解js的基礎知識，比如對象。數組，語法，作用域，閉包等等都很有幫助。

第三本 JavaScript高級程序設計。如果你想把JavaScript非常完全的系統(tǒng)學習一遍，我強烈推薦這本書，這本書可以一直保留，在用這本書的過程中還可以畫下重點，以后可以作為參考。是工作中非常強力的幫手。面試的時候也可以很好的應用。俗稱紅寶書。

第四本 你不知道的JavaScript。這本書不適合前端初學者，想要深入了解JavaScript原理，這是每一個前端程序員必須要深研究的一本書籍，要讓不求甚解的JavaScript開發(fā)者迎難而上，深入語言內部。弄清楚JavaScript每一個零部件的用途。如果可以把這本書吃透，那么以后理解任何東西都可以都很快的理解和掌握。

第五本書 Vue.js權威指南。Vue作為現在前端的主流框架，在國內應用最為廣泛。所以了解Vue原理必須要啃一本Vue的書，我之所以推薦這本，是因為這本書對于引導初用Vue開發(fā)者有質的提升。從基礎知識到主流打包以及源碼解析，還有很多實踐的案例。都是一本不錯的實用性書籍。主要內容包括數據綁定、指令、表單控件綁定、過濾器、組件、表單驗證、服務通信、路由和視圖、vue-cli、測試開發(fā)和調試、源碼解析及主流打包構建工具等。該書內容全面，講解細致。適用于各層次開發(fā)者。

最后一本 編程之美。無論是什么崗位的程序員，必讀的一本書。沒有讀過這本書的程序員幾乎都是假程序員。這本書有60道算法和程序設計的題目，這些題目大部分在近年的筆試。面試中出現過。或者是被微軟員工熱烈討論過。作者試圖從書中各種有趣的問題出發(fā)。引導讀者發(fā)現問題，分析問題解決問題。尋找更優(yōu)的解法。可以大幅度提高自己的編程思維和對于這個行業(yè)的深入思考。最終成為技術大牛。

說了這么多書要多看，看了就要實踐，畢竟看跟做是兩碼事。視頻也要看。配合視頻結合書籍上的內容，學習起來會更加的容易。最后附上書的圖片，希望對你有幫助。

了解Web前端

Web前端開發(fā)是從網頁制作演變而來的，名稱上有很明顯的時代特征。2005年以后，互聯(lián)網進入Web2.0時代，各種類似桌面軟件的Web應用大量涌現，網站的前端由此發(fā)生了翻天覆地的變化。網頁不再只是承載單一的文字和圖片，各種富媒體讓網頁的內容更加生動，網頁上軟件化的交互形式為用戶提供了更好的使用體驗，這些都是基于前端技術實現的。

網頁開發(fā)工具

學習Web前端開發(fā)，網頁開發(fā)工具有FrontPage，會用 Word 的人很容易學會FrontPage。還有一個常用的是Dreamweaver。這兩種都是使用最多的HMLT網頁制作工具，我使用的是Dreamweaver cs6,因為這套軟件提供了一套直觀的可視界面，融合了HMLT5一些新的內容。包括網格布局什么的。

學習內容

HMLT、CSS和JavaScript。HMLT是內容，CSS是表現，Javascript是行為。前端開發(fā)的門檻其實非常低，與服務器端語言先慢后快的學習曲線相比，前端開發(fā)的學習曲線是先快后慢。所以，對于從事IT工作的人來說，前端開發(fā)是個不錯的初入點。也正因為如此，前端開發(fā)的領域有很多自學成“才”的同行。HMLT是最基礎的，現在流行的是HMLT5設計，先學會網頁布局。css是用來美化HMLT頁面的為頁面提供布局和格式。最后再學javascript。如果你把每天看電影、看電視劇的時間用來學習，我想一個星期入門是沒有問題的。

基礎知識：

1. HMLT + CSS。這部分建議，邊學邊練。之后可以模仿一些網站做些頁面。理解CSS每個元素的屬性，樣式的實現不一定只有一種寫法，多想一想還有沒有什么需要改進的地方。

2、JavaScript。不是所有的網頁都必須有JS，但是要想實現一些超酷的功能和界面的時候，就需要涉及到js。

3、Photoshop、Flash。熟悉會一點兒就行了，沒必要全部都學得精通，當然如果你在學習的過程中，發(fā)現你ps或者flash比較感興趣的話，也可以嘗試做美工這一行。

4、HMLT5和CSS3。可以先了解一下，然后再入手。畢竟IE的瀏覽器大多還不支持。

5、瀏覽器兼容。懂Web標準，熟練手寫 HMLT CSS3 并符合 符合w3c標準。代碼能兼容主流瀏覽器Firfox，Chrome、Safari、IE、Opera。雖然IE6很多都不兼容，但現在還使用的人還是有的。

6、熟悉一門后臺編程語言 asp、php、jsp等。7、對于自己想要學習的內容，制訂一下計劃，有節(jié)奏地學習

一個學習習慣好的人，做什么事情都會有一個明確的計劃，對于一個web前端初學者來說，一份好的學習計劃是你開始的前提，因為學習一個東西最怕三天打漁，如果能夠持續(xù)地學習一個東西，我可以把它學習地很好。這時候，你就應該結合我自身的情況，選擇一段最佳的學習時間，在這段學習時間里我可以不被打擾，保持高度專注。比如每天早上6.30起床看一個小時書。

8、注意勞逸結合

對于電腦工作者來說，多參加體育鍛煉，多去戶外走走，運動能夠增強人的記憶力，并且有時候還能產生靈感。如果身體不好，你的學習效率會非常低，人的精神狀態(tài)一旦非常好的時候，做什么都會如魚得水。想要成為大神，身體好是前提條件。有人30歲成為大神，我資質不好，我35歲成為大神總可以吧。切莫在30歲的時候就把身體弄跨了，然后35歲轉行了，永遠失去了成長為大神的機會。

9、向別人解釋你的知識，多與人討論

一個NB的web前端開發(fā)者，一定是一個很會思考的，有能力就多寫博客，多分享自己的所學所思，只要你能寫出東西，不怕你寫的太低級，這些對于學習者自身也是非常有益的。通過用別人能夠理解的語言來解釋你學到的東西，本身就要求你對該知識充分理解。另外，很多人經常感嘆「跟你討論一下，我馬上變得有思路了」，這其實就是交流的作用。