2015第9週三html5學習0

​　　 以前規劃了2015關注的技術方向是html5和node.js，雖然前面也蒐集過html5相關的評論介紹性能容，但對如何學習和有哪些可利用要常常的看的資源有明顯的界定，剛上網搜索了半個多小時，對結果進行整理，如何按部就班的用html5作些東西，而不單單停留在只會談一些表面概念的程度：

HTML5 包含了如下幾個部分：
1. 一部分語義化標籤；
2. 一大批 Browser API，支持系統狀態讀取（地理位置、陀螺儀、加速度等）、數據存取（IndexedDB、LocalStorage 等）、瀏覽器狀態讀寫（全屏、標籤是否激活等）、數據傳輸（Web Socket 等）；
3. 一大批用來替代插件（Flash）的組件（Audio、Video、Canvas、WebGL 等）。
學習 HTML5 以前，須要詳細瞭解 HTML、CSS 和 JavaScript（語言層面）。HTML5 的許多功能都要依賴 JavaScript 的調用，因此你須要先充分了解 JavaScript。這一部分不建議你學習任何 JavaScript 框架（jQuery、Angular 等），由於框架並未封裝這些 API（第三方插件可能完成了封裝，但不利於你去了解原始的 HTML5 Browser API）。

　　大的方向上我的感受仍是要理論和實踐相結合，理論是指要看一些經典的書籍、博客、教程、例子，實踐是指用技術用它來作點東西，來重構修改例子，提煉其中的精華，看技術論壇上相關提問並努力回答並爭取被對方採納。開始學理論要加快速度可不求甚解，創建一個話題知識索引，知道有什麼，而後在遇到問題時再理解消化掉對應的理論。從如今起到3月底重點關注html5方面的理論加實踐，對剛收集到的一些好的資源整理以下：

書籍推薦：

html5書籍推薦：
《HTML5高級程序設計》 
《大巧不工》 
========================================= 
css書籍推薦： 
初級：《CSS網站佈局實錄》（側重技術方法） 
初級：《網站重構-應用web標準進行設計》（側重編程思想） 

中級：《精通CSS：高級web標準解決方案》 

高級：《CSS禪意花園》（側重web UI的css創意化實現） 
高級：《超越css-web設計藝術精髓》 

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」。。。 這些都要深刻研究！

掌握一門互聯網技術，是須要每天學習的，因此除了書，追隨一位男神，是必須的：
國外23位知名JavaScript開發
========================================== 
編程相關：
《重構：改善即有代碼的設計》
web前端技能彙總： JacksonTian/fks · GitHub

實戰性很強的書：

一、《CSS高效開發實戰：CSS 三、LESS、SASS、Bootstrap、Foundation 》

這是一本站在CSS前沿爲讀者答疑解惑的實戰書，做者嚴格恪守知識來源於實踐這一原則，對每一個CSS特性都進行了示例演示。
二、 《 超實用的JavaScript代碼段 》這是一個系列，有js代碼段，css代碼段，jquery代碼段。
1000段代碼純粹是幫大學生練手用的。

前端開發工程師互動平臺

html5例子： http://html5demos.com/

極客標籤： http://www.gbtags.com/gb/index.htm

HTML5教程：http://www.gbtags.com/gb/postgroup/6.htm

CSS3專題教程：http://www.gbtags.com/gb/postgroup/3.htm

大熊君學習html5系列：http://www.cnblogs.com/bigbearbb/category/655422.html

html5主要知識點：

HTML5 視頻(video)、音頻
HTML5 拖放(Drag和drop)
HTML5 畫布(Canvas)
HTML5 SVG            
HTML5 地理定位(Geolocation)
HTML5 Web 存儲(localStorage和sessionStorage)
HTML5 應用緩存(cache manifest)
HTML5 Web Workers
HTML5 服務器發送事件(Server-Sent)
HTML5 標籤、屬性、事件