Web前端開發必備

前端學習相關書籍

關於書籍

HTML、CSS 類別書籍，都是大同小異，在噹噹網、卓越網搜索一下不少推薦。若是感受學的差很少了，能夠關注一下《CSS禪意花園》，這個頗有影響力。

Javascript 的書籍 推薦看老外寫的，國內不少 Javascript 書籍的做者對 Javascript 語言瞭解的都不是很透徹。

這裏推薦幾本 Javascript 書籍：

初級讀物

《JavaScript高級程序設計》：一本很是完整的經典入門書籍，被譽爲JavaScript聖經之一，詳解的很是詳細，最新版第三版已經發布了，建議購買。

《JavaScript王者歸來》百度的一個Web開發項目經理寫的，做爲初學者準備的入門級教程也不錯。

 中級讀物

《JavaScript權威指南》：另一本JavaScript聖經，講解的也很是詳細，屬於中級讀物，建議購買。

《JavaScript.The.Good.Parts》：Yahoo大牛，JavaScript精神領袖Douglas Crockford的大做，雖然才100多頁，可是字字珠璣啊！強烈建議閱讀。

《高性能JavaScript》：《JavaScript高級程序設計》做者Nicholas C. Zakas的又一大做。

《Eloquent JavaScript》：這本書才200多頁，很是短小，經過幾個很是經典的例子（艾米麗姨媽的貓、悲慘的隱士、模擬生態圈、推箱子游戲等等）來介紹JavaScript方方面面的知識和應用方法。

 高級讀物

《JavaScript Patterns 》：書中介紹到了各類經典的模式，如構造函數、單例、工廠等等，值得學習。

《Pro.JavaScript.Design.Patterns》：Apress出版社講解JavaScript設計模式的書，很是不錯。

《Developing JavaScript Web Applications》：構建富應用的好書，針對MVC模式有較爲深刻的講解，同時也對一些流程的庫進行了講解。

《Developing Large Web Applications》：不只有JavaScript方面的介紹，還有CSS、HTML方面的介紹，可是介紹的內容卻都很是不錯，真正考慮到了一個大型的Web程序下，如何進行JavaScript架構設計，值得一讀。

要作優秀的前端工程師，還須要繼續努力：《高性能網站建設指南》、《Yahoo工程師的網站性能優化的建議》、「YSLOW」性能優化建議、《網站重構》、《Web開發敏捷之道》、「 jQuery 庫」、「前端框架」、「HTML5」、「CSS3」。。。 這些都要深刻研究！

萬事開頭難！若是你能到這個境界，剩下的路本身就能夠走下去了。

人們常說：不想當裁縫的司機，不是個好廚師。

若是單純只是學習前端編程語言、而不懂後端編程語言（PHP、ASP.NET，JSP、Python），也不能算做是優秀的前端工程師。

在成爲一個優秀的前端工程師的道路上，充滿了汗水和辛勞。

 

分享56本前端工程師必備的javaScript學習書籍（包括了pdf,chm,doc）格式，但願網友們好好利用哦，下載地址：

 

一、JavaScript權威指南(第6版)(中文版)

二、深刻淺出Javascript.O‘reilly.Head.First.Javascript.Jan.2008

三、JavaScript王者歸來月影掃描版

四、JavaScript.DOM高級程序設計貝斯掃描版

五、精通javascript(圖靈計算機科學叢書)

六、JavaScript面向對象15分鐘教程

七、原型、做用域、閉包的完整解釋

八、Javascript面向對象特性實現(封裝、繼承、接口)

九、JavaScript面向對象(OOP)語法

十、面向對象的JavaScript基礎

十一、基於JavaScript的面向對象程序設計研究

十二、JavaScript面向對象指南

1三、Web前端開發修煉之道

1四、微軟JavaScript手冊js

1五、javascript高級程序設計學習筆記正則表達式整理

1六、JavaScript內核高級教程

1七、javascript高級教程

1八、怎樣作好網頁設計

1九、面向對象的_JavaScript_編程及其_Scope處理

20、基於XMPP的企業級即時通訊系統的研究與實現

2一、基於JavaScript切片的AJAX框架網絡爬蟲技術研究

2二、JavaScript語言精髓與編程實踐(第三章)

2三、JavaScript語言精髓與編程實踐(第二章)

2四、JavaScript學習深刻—面向對象編程

2五、JavaScript面向對象高級編程

2六、Javascript基礎教程(文字版_代碼可複製)

2七、輕輕鬆鬆學用JavaScript編程

2八、JavaScript節點詳解

2九、高性能JavaScript_編程

30、IE行爲手冊

3一、犀牛JavaScript(第5版上)

3二、犀牛JavaScript(第5版下)

3三、精通GUI圖形界面編程(MATLAB)

3四、javascript兼容

3五、js瀏覽器兼容手冊OSOS

3六、經常使用JS框架比較

3七、CommonJS時代的JS模塊和編譯工具

3八、IE6兼容兼容心得(本身總結的)

3九、[Js]JavaScript對象與數組參考大全

40、XMLHttpRequest中文參考手冊

4一、JScript

4二、JavaScript源碼大全 v1.0

4三、JavaScript語言參考

4四、JavaScript網頁設計300例

4五、JavaScript使用手冊

4六、正則表達式

4七、悟透JavaScript 

4八、OReilly.JavaScript權威指南第四版

4九、JavaScript語言精髓與編程實踐

50、JavaScript設計模式（英文版）

5一、JavaScript設計模式 (中文版)

5二、javascript面向對象編程

5三、Javascript基礎教程(文字版,代碼可複製)

5四、JavaScript高級程序設計（第2版）

5五、JavaScript_高級編程

5六、JavaScript_Core_內核-_V0

注：該文章資料來源於網絡

前端開發必備的11項技能

第1項技能：HTML超文本標記語言

技能要點：

HTML文件的結構
HTML文件的編寫方法
HTML基本標記
文字與段落標記
框架
使用表單
XHTML頁面結構

第2項技能：JavaScript腳本

技能要點：

JavaScript基本語法
流程控制
函數
對象與數組
程序調試與錯誤處理
事件處理
處理文檔對象
文檔對象模型
window窗口對象

第3項技能：CSS網頁樣式佈局

技能要點：

CSS定位與div佈局
div 標記與 span 標記
CSS+div美化與佈局
CSS與JavaScript的綜合應用
CSS與XML的綜合運用
CSS與Ajax的綜合應用
晉級提高必會的技能

第4項技能：HTML5開發技能

技能要點：

HTML5語法
新增的input輸入類型
新增的form元素
HTML5音頻與視頻
HTML5多媒體技術
Web存儲
WebSQL混合開發
Workers多線程處理

第5項技能：經常使用Javascript框架

技能要點：

jQuery框架
Prototype框架
YUI框架
ExtJS框架
Dojo框架

第6項技能：Javascript Ajax應用

技能要點：

JavaScript的經常使用對象
DOM文檔對象模型
XML請求與響應
JSON
Post/Get請求
成爲優秀的前端開發必會的技能

第7項技能：響應式Web設計

技能要點：

Range對象與Selection對象
學會繪製圖形
History API
CSS 3 模塊與模塊化結構
CSS3中的屬性選擇器
使用選擇器在頁面中插入內容
文字與字體相關樣式
CSS 3中的變形處理
CSS 3中的動畫功能

第8項技能：經常使用交互設計工具

技能要點：

流程圖工具
導航設計工具
思惟導圖
原型設計工具
UML工具
站點地圖工具

第9項技能：Web交互設計

技能要點：

指示牌和麪包屑
可用性測試
可訪問性/級聯樣式表

第10項技能：網站信息架構

技能要點：

用戶需求及其行爲分析
信息架構基本信息
組織系統
標籤系統
搜索系統
敘詞表、受控詞表，以及元數據
流程和方法論
設計和文件說明

第11項技能：REST軟件架構

技能要點：

統一接口GET/POST/PUT/DELETE
識別資源
表述解析Json/XML/Html
查詢
Web緩存
條件請求
擴展性與版本控制
好了，這下你能夠有計劃、分步驟的學習和掌握這些技能了，要是你不知道怎麼去學，我能夠負責任的告訴你，先去看書。

這裏，我能夠再給你推薦一些圖書，分屬不一樣的出版社（這麼說，是不但願你認爲我在推銷書），這些圖書都是我認爲頗有用的書。

HTML+CSS網頁設計與佈局從入門到精通
JavaScript權威指南（第6版）
CSS禪意花園(修訂版)
HTML5與CSS3基礎教程（第7版）
響應式Web設計:HTML5和CSS3實戰
jQuery權威指南（第2版）
瘋狂Ajax講義（第3版）
Axure RP 6原型設計精髓
交互設計沉思錄
大型網站技術架構：核心原理與案例分析
REST實戰（中文版）

學完這些去阿里！

一、HTML/HTML5基礎

1.0、語義化H5標籤
1.一、H5引進了一些新的標籤，特別注意article、header、footer、aside、nav等，注意HTML的標題結構
1.二、理解瀏覽器解析HTML的過程，理解DOM的樹形結構，及相應API
1.三、理解HTML標籤在各個瀏覽器上的默認樣式（代理樣式），理解CSS中的重置樣式表的概念
1.四、理解Canvas、SVG、video等功能性標籤
1.五、理解form、iframe標籤，理解文件提交過程
推薦書籍：
A、《HTML5祕籍》

二、高健壯性CSS

2.一、學習基礎知識，包括大部分經常使用屬性、選擇器的用法，要對大多數標籤有個基礎概念,在平常使用的基礎上，嘗試學習瀏覽器兼容性問題，要知道兼容性的主要問題及解決方法
2.二、深刻理解盒子模型，區分塊級元素、行內元素，有幾個比較重要的屬性：display、float、position，必定要弄清楚區分盒子、行內盒子的概念另外能夠考慮學一些預編譯語言：sass、less，都很簡單
2.三、學習經常使用框架，可使用bootstrap構建項目
2.四、學習框架的代碼組織方式包括：12格柵系統、組件化、組件的風格化等
2.五、學習CSS 3的新功能，特別是動畫效果、選擇器
2.六、認真學習一些CSS對象化思想，學習編寫簡潔性、高複用性、高健壯性的CSS
2.七、有空的話，能夠看看所謂的扁平化設計，還有簡潔性
2.八、理解CSSOM、render、reflow、CSS性能、CSS阻塞概念
學習方法：
一、多看別人的代碼，一些設計的不錯的網站就是很好的學習素材，好比拉勾網
二、必定要學會使用grunt、gulp壓縮CSS
三、display + position + float 能夠組合出很複雜的效果，多想一想盒子模型
四、嘗試在不用float，且position不爲absolute的狀況下實現等高、等寬等佈局
推薦書籍：
一、《圖靈程序設計叢書:HTML5與CSS3設計模式》
二、《Web開發技術叢書:深刻理解Bootstrap》
三、《高流量網站CSS開發技術》
四、《CSS設計完全研究》 這個必定要
五、《Web開發技術叢書:深刻理解Bootstrap》
六、能夠找一些專門講SASS的書，可是我沒找到
七、《CSS權威指南(第3版)》

三、深刻學習JS

3.一、從新學習JS語法，注意：表達式（特別是函數訪問表達式）、語句、類型（包括類型判斷)注意，這個時候主要傾向於「原生」JS哦，不要使用框架
3.二、深刻理解JS的「一級函數」、對象、類的概念,學會使用函數來構造類、閉包，學會用面向對象的方式組織代碼
3.三、深刻理解JS的做用域、做用域鏈、this對象（在各類調用形式中，this的指向）理解函數的各類調用方法（call、apply、bind等）
3.四、理解對象、數組的概念
理解對象的「[]」調用，理解對象是一種「特殊數組」
理解for語句的用法
深刻理解JS中原始值、包裝對象的概念（重要）
3.五、學習一些經常使用框架的使用方法，包括：JQUERY、underscore、EXTJS，加分點有：backbone、angularjs、ejs、jade
經過比較多個框架的使用方法，想清楚「JS語言極其靈活」這一事實
總結常見用法，提升學習速度
學習模塊化開發（使用require.js、sea.js等）
3.六、適當看一些著名框架的源碼，好比jQuery（不建議看angularjs，太複雜了）
重要的是學習框架中代碼的組織形式，即設計模式
3.七、瞭解JS解釋、運行過程，理解JS的單線程概念
深刻理解JS事件、異步、阻塞概念
3.八、理解瀏覽器組成部件，理解V8的概念
學習V8的解釋-運行過程
在V8基礎上，學會如何提升JS性能
學會使用chrome的profile進行內存泄露分析
學習方法：
一、提升對本身的要求，要有代碼潔癖
二、適當的時候看看優秀框架的源碼，特別是框架的架構模式、設計模式
三、多學學設計模式
四、學習原生JS、DOM、BOM、Ajax
推薦書籍：
一、《O'Reilly精品圖書系列:​JavaScript權威指南(​第6版)》 必看
二、《JavaScript設計模式》
三、《WebKit技術內幕》
四、《JavaScript框架高級編​程:應用Prototype YUI Ext JS Dojo MooTools》
五、《用AngularJS開發下一代Web應用》
六、跨終端
6.一、理解混合APP的概念
6.二、理解網頁在各種終端上的表現
6.三、理解網頁與原生app的區同，重在約束
6.四、理解單頁網站，特別要規避頁面的內存泄露問題
6.五、入門nodejs，對其有個基礎概念，知道它能作什麼，缺點是什麼
推薦書籍：
一、《單頁Web應用:JavaScript從前端到後端 》
二、《Web 2.0界面設計模式》
三、《響應式Web設計:HTML5和​CSS3實戰》
五、工具
學會使用grunt進行JS、CSS、HTML 壓縮，特別是模塊化js開發時候的壓縮
會用PS進行切圖、保存icon
入手sublime、webstorm
學會使用chrome調試面板，特別是：console、network、profile、element

---

進階：

四、性能

1.一、理解資源加載的過程
包括：TCP握手鍊接、HTTP請求報文、HTTP回覆報文
1.二、理解資源加載的性能約束，包括：TCP鏈接限制、TCP慢啓動
1.三、理解CSS文件、JS文件壓縮，理解不一樣文件放在頁面不一樣位置後對性能的影響
1.四、理解CDN加速
1.五、學會使用HTTP頭控制資源緩存，理解cache-control、expire、max-age、ETag對緩存的影響
1.六、深刻理解瀏覽器的render過程
推薦書籍：
一、《Web性能權威指南》
二、雅虎網站頁面性能優化的34條黃金守則

五、http及TCP協議族

2.一、學習http協議，理解http請求-響應模式
2.二、理解http是應用層協議，它是構建在TCP/IP協議上的
2.三、理解http報文（請求-響應報文）
2.四、理解http代理、緩存、網關等概念，指定如何控制緩存
2.五、理解http協議內容，包括：狀態碼、http頭、長鏈接（http1.1）
2.六、學習http服務器的工做模型，對靜態文件、CGI、DHTML的處理流程有個大體概念
推薦書籍：
一、《HTTP權威指南》
二、《TCP/IP詳解》
三、《圖解TCP/IP(第5版)》

六、安全性

XSS、SQL注入