HTML5零基础小白的专属福利，零基础H5教程学习大纲分享

    这段时间也有网友私信问小编零基础怎么学HTML5?下面大家就跟着小编的“小碎步”一起来看看HTML5零基础教程学习大纲分享吧！

    学习HTML5的同学越来越多，但是很多都是零基础或者转行过来学习的，很多人对于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开发工具，粤嵌小编就不在此一一举列了。

转载于:https://my.oschina.net/u/4002781/blog/2413867