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

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

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

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

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

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

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

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

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

推薦書(shū)籍：

A、《HTML5秘籍》

2、高健壯性CSS

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

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

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

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

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

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

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

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

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

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

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

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

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

推薦書(shū)籍：

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

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

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

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

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

6、可以找一些專門講SASS的書(shū)，但是我沒(méi)找到

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

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

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

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

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

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

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

理解for語(yǔ)句的用法

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

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

通過(guò)比較多個(gè)框架的使用方法，想清楚“JS語(yǔ)言極其靈活”這一事實(shí)

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

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

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

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

3.7、了解JS解釋、運(yùn)行過(guò)程，理解JS的單線程概念

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

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

學(xué)習(xí)V8的解釋-運(yùn)行過(guò)程

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

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

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

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

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

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

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

推薦書(shū)籍：

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

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

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

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

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

6、跨終端

6.1、理解混合APP的概念

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

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

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

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

推薦書(shū)籍：

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

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

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

5、工具

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

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

入手sublime、webstorm

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

進(jìn)階：

4、性能

1.1、理解資源加載的過(guò)程

包括：TCP握手連接、HTTP請(qǐng)求報(bào)文、HTTP回復(fù)報(bào)文

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

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

1.4、理解CDN加速

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

1.6、深入理解瀏覽器的render過(guò)程

推薦書(shū)籍：

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

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

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

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

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

2.3、理解http報(bào)文（請(qǐng)求-響應(yīng)報(bào)文）

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

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

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

推薦書(shū)籍：

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

2、《TCP/IP詳解》

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

更多前端書(shū)籍推薦：

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

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

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

《JavaScript半知半解》

《Web開(kāi)發(fā)實(shí)戰(zhàn)》

一、《JavaScript半知半解》

為什么寫(xiě)這本書(shū)？

因?yàn)橹白髡咴诓┛蜕涎笱鬄⒌貙⒅皩W(xué)習(xí)JavaScript的筆記整理了出來(lái)，一共17篇，感覺(jué)查找和翻閱還是不方便，所以產(chǎn)生了編輯成電子書(shū)的念頭，一來(lái)方便作者個(gè)人查找，二來(lái)方便后續(xù)內(nèi)容的補(bǔ)充，三來(lái)也方便喜歡JavaScript的伙伴們閱讀。

書(shū)籍閱讀地址：《JavaScript半知半解》

大綱

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

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

為什么寫(xiě)這本書(shū)？

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

大綱

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

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

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

資源鏈接：

鏈接：

提取碼：35z8 ?

書(shū)名：HTML5秘籍

作者：Matthew MacDonald

譯者：李松峰

豆瓣評(píng)分：8.3

出版社：人民郵電出版社

出版年份：2012-8

頁(yè)數(shù)：360

內(nèi)容簡(jiǎn)介：

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

作者簡(jiǎn)介：

Matthew MacDonald

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

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

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

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

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

《HTML5秘籍》

2、CSS

推薦書(shū)籍：

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

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

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

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

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

6、可以找一些專門講SASS的書(shū)，但是我沒(méi)找到

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

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

推薦書(shū)籍：

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

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

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

5、工具

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

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

入手sublime、webstorm

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

進(jìn)階：

4、性能

推薦書(shū)籍：

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

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

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

推薦書(shū)籍：

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

2、《TCP/IP詳解》

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

希望可以幫到您，謝謝！

當(dāng)前名稱：HTML5秘籍,HTML5秘籍電子書(shū)
鏈接地址：http://jinyejixie.com/article2/dsediic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、微信小程序、虛擬主機(jī)、、企業(yè)網(wǎng)站制作、品牌網(wǎng)站設(shè)計(jì)

廣告

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