学习HTML5的同学越来越多，但是很多都是零基础或者转行过来学习的，很多人对于HTML5都不是很了解，那么要学习哪些内容，哪些适合零基础的同学去学习，今天HTML5零基础教程学习大纲分享给大家参考学习。
阶段：前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局;
第二阶段：Java程序设计：原生Java交互功能开发、面向对象开发与ES5/ES6、Java工具库自主研发;
第三阶段：PC端全栈项目开发：jQuery经典交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发;
第四阶段：移动端webAPP开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp;
第五阶段：混合(Hybrid)开发：各类混合应用开发;
第六阶段：NodeJS全栈开发：WebApp后端系统开发;
第七阶段：大数据可视化：数据可视化入门、D3.jS详解及项目实战。
一个好的课程内容可以让我们学习的时候更清晰，更好的掌握学习的方向。
常见的HTML5开发工具有哪些？
1、Sublime Text
Sublime Text 是一个跨平台的代码编辑器，同时支持Windows、Linux、Mac OS X等操作系统，也是HTML和散文先进的文本编辑器。Sublime Text具有漂亮的用户界面和强大的功能，主要功能包括:拼写检查，书签，完整的 Python API ，Goto 功能，即时项目切换，多选择，多窗口等等。
2、Dreamweaver
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，拥有可视化编辑界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。
3、Adobe Edge
Adobe Edge是一款新型网页互动工具，允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。
4、WebStorm
WebStorm是一款Java 开发工具，目前已经被广大中国JS开发者誉为"Web前端开发神器"、"强大的HTML5编辑器"、"智能的Java IDE"等。WebStorm具有的优势是：智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。
5、Sencha Touch
Sencha Touch是全球的应用程序开发框架，其设计旨在充分利用HTML5、CSS3 和Java 来实现别的功能、灵活性和优化。Sencha Touch 是针对下一代具有触摸屏设备的跨平台框架。
6、DevExtreme
DevExtreme是专为你的移动世界精心准备的，一个跨平台开发的HTML5/JS框架，可以构建iOS、Android、Tizen和Windows Phone 8应用程序，是Visual Studio开发人员开发跨平台移动产品的优选工具。
7、Dojo Foundation Maqetta
Dojo Foundation Maqetta是为桌面和移动设备开发HTML5应用的开源工具，支持在浏览器中查看HTML5界面。用户体验设计师可以通过拖放组装UI样板。
除此之外，还有很多的HTML5开发工具，小编就不在此一一举列了。