前端開發(fā)工程師必讀書籍有哪些值得推薦

1、HTML/HTML5基礎(chǔ)：

成都創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站制作、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的郯城網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

1.0、語義化H5標(biāo)簽

1.1、H5引進(jìn)了一些新的標(biāo)簽，特別注意article、header、footer、aside、nav等，注意HTML的標(biāo)題結(jié)構(gòu)

1.2、理解瀏覽器解析HTML的過程，理解DOM的樹形結(jié)構(gòu)，及相應(yīng)API

1.3、理解HTML標(biāo)簽在各個瀏覽器上的默認(rèn)樣式（代理樣式），理解CSS中的重置樣式表的概念

1.4、理解Canvas、SVG、video等功能性標(biāo)簽

1.5、理解form、iframe標(biāo)簽，理解文件提交過程

推薦書籍：

A、《HTML5秘籍》

2、高健壯性CSS

2.1、學(xué)習(xí)基礎(chǔ)知識，包括大部分常用屬性、選擇器的用法，要對大多數(shù)標(biāo)簽有個基礎(chǔ)概念,在日常使用的基礎(chǔ)上，嘗試學(xué)習(xí)瀏覽器兼容性問題，要知道兼容性的主要問題及解決方法

2.2、深入理解盒子模型，區(qū)分塊級元素、行內(nèi)元素，有幾個比較重要的屬性：display、float、position，一定要弄清楚區(qū)分盒子、行內(nèi)盒子的概念另外可以考慮學(xué)一些預(yù)編譯語言：sass、less，都很簡單

2.3、學(xué)習(xí)常用框架，可以使用bootstrap構(gòu)建項目

2.4、學(xué)習(xí)框架的代碼組織方式包括：12格柵系統(tǒng)、組件化、組件的風(fēng)格化等

2.5、學(xué)習(xí)CSS 3的新功能，特別是動畫效果、選擇器

2.6、認(rèn)真學(xué)習(xí)一些CSS對象化思想，學(xué)習(xí)編寫簡潔性、高復(fù)用性、高健壯性的CSS

2.7、有空的話，可以看看所謂的扁平化設(shè)計，還有簡潔性

2.8、理解CSSOM、render、reflow、CSS性能、CSS阻塞概念

學(xué)習(xí)方法：

1、多看別人的代碼，一些設(shè)計的不錯的網(wǎng)站就是很好的學(xué)習(xí)素材，比如拉勾網(wǎng)

2、一定要學(xué)會使用grunt、gulp壓縮CSS

3、display + position + float 可以組合出很復(fù)雜的效果，多想想盒子模型

4、嘗試在不用float，且position不為absolute的情況下實現(xiàn)等高、等寬等布局

推薦書籍：

1、《圖靈程序設(shè)計叢書:HTML5與CSS3設(shè)計模式》

2、《Web開發(fā)技術(shù)叢書:深入理解Bootstrap》

3、《高流量網(wǎng)站CSS開發(fā)技術(shù)》

4、《CSS設(shè)計徹底研究》 這個一定要

5、《Web開發(fā)技術(shù)叢書:深入理解Bootstrap》

6、可以找一些專門講SASS的書，但是我沒找到

7、《CSS權(quán)威指南(第3版)》

3、深入學(xué)習(xí)JS

3.1、重新學(xué)習(xí)JS語法，注意：表達(dá)式（特別是函數(shù)訪問表達(dá)式）、語句、類型（包括類型判斷)注意，這個時候主要傾向于“原生”JS哦，不要使用框架

3.2、深入理解JS的“一級函數(shù)”、對象、類的概念,學(xué)會使用函數(shù)來構(gòu)造類、閉包，學(xué)會用面向?qū)ο蟮姆绞浇M織代碼

3.3、深入理解JS的作用域、作用域鏈、this對象（在各種調(diào)用形式中，this的指向）理解函數(shù)的各種調(diào)用方法（call、apply、bind等）

3.4、理解對象、數(shù)組的概念

理解對象的“[]”調(diào)用，理解對象是一種“特殊數(shù)組”

理解for語句的用法

深入理解JS中原始值、包裝對象的概念（重要）

3.5、學(xué)習(xí)一些常用框架的使用方法，包括：JQUERY、underscore、EXTJS，加分點有：backbone、angularjs、ejs、jade

通過比較多個框架的使用方法，想清楚“JS語言極其靈活”這一事實

總結(jié)常見用法，提高學(xué)習(xí)速度

學(xué)習(xí)模塊化開發(fā)（使用require.js、sea.js等）

3.6、適當(dāng)看一些著名框架的源碼，比如jQuery（不建議看angularjs，太復(fù)雜了）

重要的是學(xué)習(xí)框架中代碼的組織形式，即設(shè)計模式

3.7、了解JS解釋、運行過程，理解JS的單線程概念

深入理解JS事件、異步、阻塞概念

3.8、理解瀏覽器組成部件，理解V8的概念

學(xué)習(xí)V8的解釋-運行過程

在V8基礎(chǔ)上，學(xué)會如何提高JS性能

學(xué)會使用chrome的profile進(jìn)行內(nèi)存泄露分析

學(xué)習(xí)方法：

1、提高對自己的要求，要有代碼潔癖

2、適當(dāng)?shù)臅r候看看優(yōu)秀框架的源碼，特別是框架的架構(gòu)模式、設(shè)計模式

3、多學(xué)學(xué)設(shè)計模式

4、學(xué)習(xí)原生JS、DOM、BOM、Ajax

推薦書籍：

1、《O’Reilly精品圖書系列:JavaScript權(quán)威指南(第6版)》 必看

2、《JavaScript設(shè)計模式》

3、《WebKit技術(shù)內(nèi)幕》

4、《JavaScript框架高級編程:應(yīng)用Prototype YUI Ext JS Dojo MooTools》

5、《用AngularJS開發(fā)下一代Web應(yīng)用》

6、跨終端

6.1、理解混合APP的概念

6.2、理解網(wǎng)頁在各類終端上的表現(xiàn)

6.3、理解網(wǎng)頁與原生app的區(qū)同，重在約束

6.4、理解單頁網(wǎng)站，特別要規(guī)避頁面的內(nèi)存泄露問題

6.5、入門nodejs，對其有個基礎(chǔ)概念，知道它能做什么，缺點是什么

推薦書籍：

1、《單頁Web應(yīng)用:JavaScript從前端到后端 》

2、《Web 2.0界面設(shè)計模式》

3、《響應(yīng)式Web設(shè)計:HTML5和CSS3實戰(zhàn)》

5、工具

學(xué)會使用grunt進(jìn)行JS、CSS、HTML 壓縮，特別是模塊化js開發(fā)時候的壓縮

會用PS進(jìn)行切圖、保存icon

入手sublime、webstorm

學(xué)會使用chrome調(diào)試面板，特別是：console、network、profile、element

進(jìn)階：

4、性能

1.1、理解資源加載的過程

包括：TCP握手連接、HTTP請求報文、HTTP回復(fù)報文

1.2、理解資源加載的性能約束，包括：TCP連接限制、TCP慢啟動

1.3、理解CSS文件、JS文件壓縮，理解不同文件放在頁面不同位置后對性能的影響

1.4、理解CDN加速

1.5、學(xué)會使用HTTP頭控制資源緩存，理解cache-control、expire、max-age、ETag對緩存的影響

1.6、深入理解瀏覽器的render過程

推薦書籍：

1、《Web性能權(quán)威指南》

2、雅虎網(wǎng)站頁面性能優(yōu)化的34條黃金守則

5、HTTP及TCP協(xié)議族

2.1、學(xué)習(xí)http協(xié)議，理解http請求-響應(yīng)模式

2.2、理解http是應(yīng)用層協(xié)議，它是構(gòu)建在TCP/IP協(xié)議上的

2.3、理解http報文（請求-響應(yīng)報文）

2.4、理解http代理、緩存、網(wǎng)關(guān)等概念，指定如何控制緩存

2.5、理解http協(xié)議內(nèi)容，包括：狀態(tài)碼、http頭、長連接（http1.1）

2.6、學(xué)習(xí)http服務(wù)器的工作模型，對靜態(tài)文件、CGI、DHTML的處理流程有個大致概念

推薦書籍：

1、《HTTP權(quán)威指南》

2、《TCP/IP詳解》

3、《圖解TCP/IP(第5版)》

更多前端書籍推薦：

《JavaScript半知半解》 《Web開發(fā)實戰(zhàn)》

推銷自己的前端技術(shù)書籍-博客-云棲社區(qū)-阿里云

今天主要自我推銷兩本前端技術(shù)書籍！

《JavaScript半知半解》

《Web開發(fā)實戰(zhàn)》

一、《JavaScript半知半解》

為什么寫這本書？

因為之前作者在博客上洋洋灑灑地將之前學(xué)習(xí)JavaScript的筆記整理了出來，一共17篇，感覺查找和翻閱還是不方便，所以產(chǎn)生了編輯成電子書的念頭，一來方便作者個人查找，二來方便后續(xù)內(nèi)容的補充，三來也方便喜歡JavaScript的伙伴們閱讀。

書籍閱讀地址：《JavaScript半知半解》

大綱

二、《Web開發(fā)實戰(zhàn)》

書籍閱讀地址：《Web開發(fā)實戰(zhàn)》

為什么寫這本書？

網(wǎng)上的插件雖多，但大多數(shù)并沒有深究到原理，故而產(chǎn)生了寫一本前端實例的書籍。主要是為了想深入學(xué)習(xí)的伙伴們，書上的內(nèi)容也許不是最優(yōu)秀的，但會一步步講解，會告訴你每一步的原理，讓你學(xué)習(xí)后也可以自己造輪子！

大綱

《Web開發(fā)實戰(zhàn)》集合了大量的前端開發(fā)案例，目前主要選擇日常開發(fā)中會用到的加入本書，分為四部分：CSS實戰(zhàn)篇、JavaScript實戰(zhàn)篇、Canvas實戰(zhàn)篇和移動實戰(zhàn)篇。

《HTML5秘籍》epub下載在線閱讀，求百度網(wǎng)盤云資源

《HTML5秘籍》（Matthew MacDonald）電子書網(wǎng)盤下載免費在線閱讀

資源鏈接：

鏈接：

提取碼：35z8 ?

書名：HTML5秘籍

作者：Matthew MacDonald

譯者：李松峰

豆瓣評分：8.3

出版社：人民郵電出版社

出版年份：2012-8

頁數(shù)：360

內(nèi)容簡介：

《HTML5秘籍》共包括四個部分，共12章。第一部分介紹了html5的發(fā)展歷程，利用html5重新構(gòu)造網(wǎng)頁，以及html5的語義元素。第二部分介紹了html5對傳統(tǒng)web表單的翻新、html5中的音頻與視頻、canvas繪圖技術(shù)、css3等內(nèi)容。第三部分介紹了數(shù)據(jù)存儲、離線應(yīng)用、與web服務(wù)器通信，以及html5與javascript技術(shù)的強大結(jié)合等內(nèi)容。第四部分為附錄，簡單介紹了css和javascript。

作者簡介：

Matthew MacDonald

開發(fā)人員、技術(shù)作家、Visual Basic和.NET講師。從Visual Basic和ASP一發(fā)布就一直在使用它們，并編寫了十幾本這方面的圖書，包括《ASP.NET 4高級程序設(shè)計》、The Book of VB .NET（No Starch出版社）和Visual Basic 2005: A Developer's Notebook（O’Reilly出版社）。他還編寫了Missing Manual系列圖書之Excel 2007和Access 2007（O’Reilly出版社）。他的個人網(wǎng)站。

“The Missing Manual系列絕對是入門指南最為明智的選擇……”

——凱文?凱利， 《連線》聯(lián)合創(chuàng)始人

前端看什么設(shè)計類書籍

1、HTML/HTML5基礎(chǔ)：

《HTML5秘籍》

2、CSS

推薦書籍：

1、《圖靈程序設(shè)計叢書:HTML5與CSS3設(shè)計模式》

2、《Web開發(fā)技術(shù)叢書:深入理解Bootstrap》

3、《高流量網(wǎng)站CSS開發(fā)技術(shù)》

4、《CSS設(shè)計徹底研究》 這個一定要

5、《Web開發(fā)技術(shù)叢書:深入理解Bootstrap》

6、可以找一些專門講SASS的書，但是我沒找到

7、《CSS權(quán)威指南(第3版)》

3、深入學(xué)習(xí)JS

推薦書籍：

1、《單頁Web應(yīng)用:JavaScript從前端到后端 》

2、《Web 2.0界面設(shè)計模式》

3、《響應(yīng)式Web設(shè)計:HTML5和CSS3實戰(zhàn)》

5、工具

學(xué)會使用grunt進(jìn)行JS、CSS、HTML 壓縮，特別是模塊化js開發(fā)時候的壓縮

會用PS進(jìn)行切圖、保存icon

入手sublime、webstorm

學(xué)會使用chrome調(diào)試面板，特別是：console、network、profile、element

進(jìn)階：

4、性能

推薦書籍：

1、《Web性能權(quán)威指南》

2、雅虎網(wǎng)站頁面性能優(yōu)化的34條黃金守則

5、HTTP及TCP協(xié)議族

推薦書籍：

1、《HTTP權(quán)威指南》

2、《TCP/IP詳解》

3、《圖解TCP/IP(第5版)》

希望可以幫到您，謝謝！

文章題目：HTML5秘籍,HTML5秘籍電子書
文章出自：http://chinadenli.net/article2/dsediic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、動態(tài)網(wǎng)站、用戶體驗、手機網(wǎng)站建設(shè)、面包屑導(dǎo)航、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)