前端開發 必看的書籍資料(轉自CSDN郭小北V5)
1、 html + css 這部分建議在 w3school 在線教程 上學習,邊學邊練,每一個屬性後還有在線測試。 而後過一遍以後能夠模仿一些網站作些頁面。記住這個必定要多練 多練 多練 ,最重要的事兒 還得我說三遍?javascript
2、 javascript 要學的內容實在不少,若是沒有其餘編程語言的基礎的話,學起來可能要費些力,仍是建議先在 w3school上學習一些基本語法 和定義。
而後你必需要看書,而後實踐(好多人問 有沒有快速捷徑,我只能告訴你:若是有捷徑,碼農們就不用每天如此苦逼了吧)。php
忍得住寂寞枯燥,才能拿獲得高薪css
對於習慣看視頻學習的同窗,以上內容也能夠在 慕課網 這個在線學習網站上去搜,如今裏面基礎課程講解都還不錯。跟着敲一邊,確實能夠避免看書查資料的枯燥html
![](http://static.javashuo.com/static/loading.gif)
如下內容都是通過我本身自己的學習路線經驗,還有網絡各路大神共同整理的資料 彙總,幫助源源不斷入坑的新人更好的學習。前端
前端書籍必讀、必買(本帥認爲)
★★ 越多,推薦等級越高,和難度無關。最好按照我給的順序入門,這樣不會讓你枯燥,想放棄,若是先推薦經典的厚的,滿篇定義,我估計是害大家放棄。java
【JavaScript】
先說
JavaScript
,由於前面說了,css最好跟着視頻練習,畢竟都是可視化的,像作藝術。css3
![](http://static.javashuo.com/static/loading.gif)
最好的JS入門書籍,最讓人有興趣讀完的那種書。
它經過一個 幻燈片 案例,從頭至尾教你實現出來,最後效果實現的同時,基本的JS經常使用屬性,你也就倒背如流了,頗有成就感。(我的很偏向這種風格書籍,此書讓我完全愛上前端js)
一目瞭然地告訴你如何用JS操做DOM(這是瀏覽器端編程的基本功),還灌輸了最符合標準的編程理念。惋惜有點老,最新一版是2010年的。不過不影響閱讀和實現,所有按照最新ES5屬性就好了。git
【第二本】《JavaScript高級程序設計》 ★★★★
![](http://static.javashuo.com/static/loading.gif)
又稱紅寶書,(我喜歡叫 望眼鏡) 雅虎首席前端架構師,YUI的做者Zakas出品。雖然書名帶了「高級」二字,可是講得都很基礎的屬性內容,事無鉅細。 關鍵一點是翻譯的也很到位,並非如嚼蠟通常,這很重要。看此書,我建議配着下面的犀牛書一塊兒 看效果更佳。
【第三本】《JavaScript權威指南》 ★★★★★
![這裏寫圖片描述](http://static.javashuo.com/static/loading.gif)
著名的淘寶前端團隊翻譯的,看譯者列表都是一堆前期大神。
這本書又叫犀牛書,被國人譽爲:javascript開發者的聖經。網上對此書評價不少很好,大概意思是說這 本書是一本JavaScript文檔手冊,更適合看成字典和備忘錄查詢來使用。
我也是對這本書有很厚的感情和依賴(忘了屬性就拿來翻翻,總有收穫),我的感受這本書仍是寫得枯燥了些,畢竟是工具性質,不適合看成第一本入門來看,不過內容絕對是五顆星,無可挑剔!神書github
![](http://static.javashuo.com/static/loading.gif)
做者是大名鼎鼎的 【老道】,個人JS 偶像,我github第一個關注的就是這個大鬍子叔叔。 他是 JSON格式的發明和維護者,也有不少著做和對JS 這門語言的超多貢獻,可見此人功力絕對頂級! 這本書,屬於稍微入門之後看的,瞭解了一些中高級概念 好比:閉包、原型鏈、做用域鏈、繼承封裝等之後, 看此書有如神助,看一頁至關於犀牛書幾十頁的講解(不吹牛逼,當時我是這感受的)
【CSS】
【
CSS
】類, 若是視頻看完了,練習的熟練了,你還須要一些書的推薦和查詢,也是有必要的,我再來給你羅列幾本經典的收藏書,買不買都可的。web
【第一本】《Head first HTML&CSS》 ★★★
![](http://static.javashuo.com/static/loading.gif)
好的入門書。看兩遍就對HTML & CSS 有個大概印象了。 此時把w3cschool做爲備查手冊收藏起來,結合此書,事半功倍,成就感爆棚。
![](http://static.javashuo.com/static/loading.gif)
最權威的CSS書籍,除了閱讀W3C的文檔外的不二選擇(就是翻譯太操蛋,可能有的詞你覺得是火星語,不過不影響閱讀)。 有時間能夠反覆看,有css3內容,並當作字典隨時查。相似犀牛書
【第三本】《圖解CSS3:核心技術與案例實踐》 ★★★
![](http://static.javashuo.com/static/loading.gif)
這本書講解的是最新的CSS3(前幾本書停留在CSS2.1時代,2.1是基礎),CSS3也是必學的,否則真的跟不上時代了。
![這裏寫圖片描述](http://static.javashuo.com/static/loading.gif)
這本書很值得期待,我看過PDF版本的,那時候還沒翻譯出來,翻譯的也通常,不過做者是巨牛逼的,據說對css理解的就像本身的左右手,光靠寫CSS 他年薪就輕鬆百萬了。。汗顏!思路清晰,圖文並茂,還解決一些疑難雜症和高級技巧,相似於JS的語言精粹了,大神級別。
好了,差很少就推薦到這裏,CSS這基本是基於情懷,羅列一下,買不買都不必,想當年我學CSS 是挨着幾個僅有的視頻,一個屬性一個屬性的練習,還有IE6 各類兼容問題,虐到爆,那酸爽(如今大家是性福的,基本不用兼容IE6 這個老東西了,)。
真正起到決定做用的,仍是JS語言的掌握和實踐,JS能力越強 基礎越穩固,你的前端能力就會越好, 天然薪資越高,因此現實點說你們,你們一塊兒努力吧,讓money 都到碗裏來
![](http://static.javashuo.com/static/loading.gif)
(有些童鞋認爲:歷來不須要買紙質書,我全程PDF就好了嘛,不過我建議有些書仍是要紙質的,這樣有感受,也能夠作筆記,甚至隨時當工具書字典來查詢,因爲前端的特殊性和js語言的屬性之繁多龐雜,我建議你仍是要買紙質的書。幫助很大,並且我告訴你有了錢要補上正版呃)
那麼PDF截圖奉上,嘿嘿 若是須要請到此大神網站 網盤下載,應有盡有,此處應該有掌聲!
地址:http://www1.w3cfuns.com/feres.php?do=picture&listtype=book
![](http://static.javashuo.com/static/loading.gif)
本篇最後(我真的很累,原創很累的,因此我得結尾了,後一篇在介紹更多的乾貨)
我總結了部分一些知乎大神舉薦的書評鏈接(微信不可外鏈,可查看我博客) 和我本身以爲要看的書,羅列以下,供君參考(嘿嘿!是不說我正經起來,很不習慣?)
★ 越多,難度越高。
CSS
JavaScript
JavaScript & jQuery交互式Web前端開發★
JavaScript DOM編程藝術 (第2版)★
JavaScript高級程序設計(第3版)★★
鋒利的jQuery★★
高性能JavaScript★★★
JavaScript語言精粹★★★
JavaScript權威指南★★★
編寫可維護的JavaScript★★★
JAVASCRIPT語言精髓與編程實踐★★★
Effective Javascript★★★
Secrets of the JavaScript Ninja★★★
JavaScript模式★★★
JavaScript設計模式★★★★
基於MVC的JavaScript Web富應用開發★★★
性能實踐(不是本篇重點)
這個文章花費了我很多時間整理收集,然而仍是不到冰山一角,至少入門夠用了,因此請看到的同窗,盡心收藏並幫助傳播,能夠幫到更多的新人和疑惑中的轉型的從業者,我將會很是高興和欣慰,也將有更大的動力和精神來繼續更新和貢獻微薄之力。
有人問我:又沒人給你錢,你何須這麼辛苦,還得工做,還得寫文章。然而我說我不在意錢那是不可能的。
我還告訴大家,這真的是個人興趣和責任,由於我經歷了前端洪荒的年代和苦楚,因此我很願意分享和幫助新來者,少走彎路和浪費時間。
到最後:興趣都會變成錢!堅持下來就好。也但願你們支持
-
能在江湖混跡多年的,確定不是靠工具和潮流。絕對是靠的不斷提高的內功
-
但願你們明白,趁年輕 必定要忍住枯燥,打好基礎!
在最後,特別感謝,賀賀妹子(傻),辛苦整理提供一些資料和配圖,讓個人文章更加生動和有趣。我想她必定是被個人顏值折服了吧!
![](http://static.javashuo.com/static/loading.gif)