HTML5初学者路线图

点击打开链接如何学习HTML5？这个话题，问的人很多，随便百度一下就能看到各种各样的回答。不过感觉每种回答都不给力。下面我给出一个自己理解的HTML5学习的路线图，按照这个路线图学习以后，一般的HTML5项目开发就没问题了。

仅作为参考。

1. HTML5教程

主要学习HTML标签、属性和事件。

参考：http://www.w3school.com.cn/html5/index.asp

2. CSS教程

主要学习使用CSS来控制网页的样式和布局。

参考：http://www.w3school.com.cn/css/index.asp

和一本讲解CSS3的书。

3. JavaScript教程

做HTML5开发，主要使用JS语言。所以要学习JS语言。必要时还要学习一些JS库，方便开发。

JS教程：http://www.w3school.com.cn/js/index.asp

JQuery教程：http://www.w3school.com.cn/jquery/index.asp

4. HTML5其它的核心技术

以上只是基础，做HTML5开发，可能会用到下面的技术。

1）WebWorker

可以在浏览器中运行多个JS脚本。可以用于需要后台执行某种耗时工作的场合。

API可以参考：http://www.w3.org/TR/workers/

2）WebSocket

浏览器可以与服务器间双向通信。Socket方式能够大大提高浏览器与服务器间的通信效率。可以用于浏览器与服务器间通信频繁的场合，比如实时聊天。

API可以参考：http://www.w3.org/TR/websockets/

3）Canvas2D

浏览器中画图。可以用于游戏开发等等场合。详细API可以参考：http://www.w3.org/TR/2dcontext/

教程可以看：https://developer.mozilla.org/cn/Canvas_tutorial

当然还有Geolocation，教程和实例的话可以参考http://www.mhtml5.com和http://www.html5dw.com/这两个网站。
http://www.mhtml5.com/resources这页提供了很多非常好的教程。
原文地址：http://bbs.lampbrother.net/read-htm-tid-121598.html

-----------------------------------------

1.如果零基础的情况下想去学代码的话，就得把HTML5、CSS3、JavaScript三个一口气都学了，这样就不需要各种求供应商和技术了。

这种情况下建议题主在网上学习+课本学习同步进行：

网上学习强推网易云课堂上浙大的翁恺老师的计算机课程。

其一，翁恺老师本身就是高校里面的人气教师，讲课简明生动，很适合初学者入门【之前学过一些计算机课程，因为太过晦涩，对程序语言甚至有点心理阴影，所以初学者学的课程还是要谨慎选择】。

其二，翁恺老师在网上授课已经有蛮多经验了，也不会出现什么讲课中途遮住了PPT，代码看不清等等诡异的问题。。。

其三，网易云课堂上的三门课程都已经整理完毕，方便学习，平台也比较稳定。而且这些课程完全免费，每门课都有几万人在学【卖不了吃亏也买不了上当=、=

HTML5入门：HTML5入门 - 网易云课堂

CSS3：CSS3 - 网易云课堂

JavaScript：JavaScript - 网易云课堂

书的话，还是推荐一些经典的吧：

《Head first HTML&CSS》：入门级必备，难度合适

《JavaScript DOM编程艺术》：同样入门级教材

《HTML5权威指南》：内容全面，进阶阶段可看

《JavaScript高级程序设计》：JS圣经，殿堂级教材

建议交错搭配学习，加深理解，不过这样学习来比较费时间就对了

2、如果只需要能***出简单的H5页面，就可以绕过代码这关，善用各类H5***平台，应该都能轻松上手。

Maka：MAKA.im | 简单、强大的HTML5创作工具

印象中是最早开始做H5页面的平台之一，目前只有web端没有移动端，但网页上各类模板齐全，动态效果和交互也做得不错，只要自己填充内容就好，简单易上手。

初页：初页 - 优质H5手机页、微信海报

和maka不同，专门做移动端的，也有一些预设的模板，支持添加文字、图片、音乐等，方便在手机上直接***，胜在速度。

秀***：秀米 XIUMI

来自微信公众号排版常用的工具秀米出品，可以和秀米配合使用，目前也只有web端。

Epub360意派：Epub360意派-专业级H5微场景设计平台

模板不多，但自由度较高，适合有设计感的设计师来操刀***，发挥交互功能，不过只能免费***10个，而且作品还自带logo，有ipad版和web版。

有哪些关于前端开发技术（HTML、CSS 和 JavaScript 等）的值得推荐的书籍？ - 书籍推荐

本文摘自知乎：http://www.zhihu.com/question/27018083

如有侵权，告知即删。