HTML5学习攻略

对于初学者来说还是要先学习基础部分的知识,有基础的童鞋就可以跳过这个基础知识部分了!

必备基础知识(初学者)

基础知识主要是包括HTML,CSS,JavaScript

 

HTML&CSS

 

在线学习资源

HTML:http://www.w3school.com.cn/html/index.asp

               http://www.w3school.com.cn/xhtml/index.asp

CSS:http://www.w3school.com.cn/css/index.asp

电子书

《Learn HTML and CSS with w3Schools》

《Sams Teach Yourself HTML and CSS in 24 Hours》

补充

无网络:可阅读离线版《w3cschool.chm》

W3Cfuns:http://www.w3cfuns.com/

Codecademy:http://www.codecademy.com/zh/tracks/web

 

JavaScript

 

在线学习资源

JavaScript基础知识:http://www.w3school.com.cn/js/index.asp

DOM&BOM:http://www.w3school.com.cn/htmldom/index.asp

Jquery:http://www.w3school.com.cn/jquery/index.asp

电子书

《深入浅出JavaScript》

补充

Mozilla developer center:https://developer.mozilla.org/zh-CN/docs/JavaScript

Codecademy:http://www.codecademy.com/zh/tracks/javascript

博文:http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html

 

HTML5

 

搞定新特性

基础扫盲

HTML5:http://www.w3school.com.cn/html5/

CSS3: http://www.w3schools.com/css3/default.asp

进阶

HTML5专题:http://html5demos.tfan.org/

HTML5研究小组资源:http://www.mhtml5.com/resources

HTML5Demo:http://html5demos.com/

MDN:https://developer.mozilla.org/zh-CN/docs/HTML/HTML5

调试

Chrome Dev Tools:https://developers.google.com/chrome-developer-tools/

编辑器

Sublime Text 2

使用教程:http://drewbarontini.com/setup/sublime-text/

                   http://lucifr.com/2011/08/31/sublime-text-2-tricks-and-tips/

                   http://www.qianduan.net/essential-to-sublime-the-text-2-plugins.html

                   https://tutsplus.com/course/improve-workflow-in-sublime-text-2/

 

框架推荐

Cocos2d-html5

起步:

http://cocos2d-x.org/projects/cocos2d-x/wiki/Getting_Started_with_Cocos2d-html5

下载:

http://cocos2d-x.org/projects/cocos2d-x/wiki/Download

学习参考:

http://www.cocos2d-x.org/projects/cocos2d-x/wiki/Cocos2d-html5

 

推荐关注网站

Alloyteam Github:http://alloyteam.github.io/

Alloyteam Blog:http://www.alloyteam.com/

HTML5 Rocks:http://www.html5rocks.com/en/

MDN:https://developer.mozilla.org/zh-CN/

PhoneGap:http://www.phonegapcn.com/

前端观察:http://www.qianduan.net/

HTML5中国:http://www.html5cn.org/

 

(持续更新)。。。。。。。。。。。。。。。。。。。。。。。。。。

你可能感兴趣的:(html5)