一、H5
0、相關(guān)資料和鏈接：
http://www.w3school.com.cn/html5/
http://www.runoob.com/html/html-tutorial.html
http://learn.shayhowe.com/html-css/
JavaScript 權(quán)威指南 H5章節(jié)
1、什么是H5?
HTML最新的修訂版本， 2014年10月由W3C完成標(biāo)準(zhǔn)制定
在開頭直接使用
2、<!DOCTYPE HTML>
位于標(biāo)簽之前，告知瀏覽器使用了哪種HTML版本HTML最新的修訂版本， 2014年10月由W3C完成標(biāo)準(zhǔn)制定
HTML4.01 需要聲明引用DTD（文檔類型聲明），因?yàn)?HTML 4.01 是基于 SGML Standard Generalized Markup Language , 確保了瀏覽器能夠正確的渲染內(nèi)容。
HTML4.01三種模式 Strict、Transitional 和 Frameset Strict: 包括HTML元素和屬性，不包括過(guò)時(shí)元素，框架集不行 Transitional : 框架集不行 Frameset /
HTML5 不基于SGML, 不需要DTD
3、H5新特性
－Canvas SVG
－Audio, Video
－LocalStorage, SessionStorage
－WebSocket
－客戶端數(shù)據(jù)庫(kù)
－History
－Work Thread
－地理位置信息
－新增元素 article、footer、header、nav、section
－新的表單控件和輸入類型驗(yàn)證，比如 calendar、date、time、email、url、search
－移除元素 frame，frameset，big，center，font, s，strike，tt，u;
4、Canvas和SVG:
5、Audio和Video
6、地理位置
7、History
8、LocalStorage VS SessionStorage VS Cookie
9、Work Thread
10、Web Socket
11、文件系統(tǒng)
12、離線緩存
二、CSS
相關(guān)鏈接和資料：
精通CSS
1、CSS盒子模型
2、選擇器
3、CSS3新特性
4、FlexBox 很好使用，基本上能應(yīng)用各種場(chǎng)景做出各種布局。
見博客http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool
三、JavaScipt
相關(guān)資料和文檔：
http://www.runoob.com/html/html-tutorial.html
JavaScript高級(jí)程序設(shè)計(jì)
JavaScript權(quán)威指南
JavaScript設(shè)計(jì)模式
四、ECMAScript
更詳細(xì)的參看：
http://www.atatech.org/articles/58286ES6 你可能不知道的事 - 基礎(chǔ)篇
五、node.js
六、環(huán)境和工具
http://www.itdecent.cn/p/61c4f94643c0
七、鏈接集合
1、前端相關(guān)
webAPI
https://developer.mozilla.org/zh-CN/docs/Web/API/Document/documentElement
W3C
http://www.w3school.com.cn/html5/
菜鳥教程
http://www.runoob.com/html/html-tutorial.html
Learn to Code HTML & CSS
http://learn.shayhowe.com/html-css/
CSS相關(guān)博客
ECMAScript6 入門
JavaScript密碼花園
http://bonsaiden.github.io/JavaScript-Garden/zh/
前端培訓(xùn)
http://gitlab.alibaba-inc.com/jinjiang.zjj/learning-plan/wikis/web
前端技能匯總
https://github.com/JacksonTian/fks
react-native
http://reactnative.cn/docs/0.28/getting-started.html#content
react
react -webpack
http://fakefish.github.io/react-webpack-cookbook/
week
http://alibaba.github.io/weex/doc/tutorial.html
無(wú)線web開發(fā)指南
