做web大概有八年的时间，今天主要给新手想要做HTML5开发的新手简单说下HTML5能做为什么以及未来的发展和一个系统的学习规划，目前HTML5有多火，不用我说大家都清楚，很多其他行业想转行做HTML5开发，想要在以后有一个好的发展前景，HTML5技术的不断的成熟，各大浏览器不断兼容HTML5最新技术，HTML5被称为可以改变人们生活的东西。而现在HTML5的竞争也是非常的大，所以说我想要做HTML5开发一定要先把技术学好才能去找工作。

HTML5都能做什么？

第一：刚出现不久的小程序，很流行，在开发的过程，HTML5技术就会应用的很多。

第二：移动端是HTML5不可缺少的技术，现在都是移动端的市场，人们手机的一些功能，缓存，音乐，视频，地位，Canvas绘图还有大量的特效，好看的效果，都是不可能离开HTML5技术。

第三：现手游的火爆程度，PC端游戏受到了冲击，比如LOL被王者荣耀冲击，这是时代的变化，HTML5可以做手机游戏，前景光明。

第四：互联网的各种应用，在如今变化多端的互联网，好像任何东西都仿佛离不开了HTML5的技术。

下面我说下HTML5的学习路线：

第一阶段：HTML+CSS+JS

第一阶段要学习基础的静态布局，HTML+CSS，特别提出一定要下功夫攻破JS，JS是最难的，也是前端开发的工资标准，见过很多人学不懂JS，因为JS的逻辑非常强，要跟着大量的案例进行学习，学习JS方法非常重要，很多在学的时候感觉没有效率是没有良好的学习方案

第二阶段：HTML5+CSS3+JQ

了解HTML5新特性，CSS3新属性，换句话说HTML5就是另一个，我上面说的，如果JS学不好，HTML5也很难，本HTML5要和JS完美的配合，而JQ是JS框架，只要原生JS掌握的不错，学习JQ不是难事。

第三阶段：主流框架

前端框架是我们必须要学习的，每一个公司都会用到，但是框架学起来不容易，这些框架都是用原生JS封装的，再一次强调一下JS的重要性，只要一直做前端永远都不会离开JS，就是需要JavaScript，所以一定要学好JavaScript，一个好的学习方法非常重要。

刚接触HTML5的新伙伴多了解这些行情才是学习HTML5开发的关键，找到一个有效率的学习方式才是最重要的，方法不对在努力也是白费，少走弯路就是学习HTML5开发的捷径，前端我做开发将近十年，这些懂得还是很多，有不懂的问题随时可以请教我，下面有我的HTML5新手学习裙，对于学习方法，学习效率，以后行业发展的都可以问我，群里也有很多比较精品的HTML5学习视频免费分享给新人，希望新手少走弯路。

端实际工作不是做炫酷的特效，炫酷的特效只是锻炼开发者的，而工作实际其实往往用不到多少，比如公司的网站页面、登陆界面，网站界面如何设计，还有前后端交互等！

下面我截了几个我这几天写的前端界面图，看看自己有需要的没，这几个版本文件和上面的球体旋转特效源码已经上传群文件了250777811，有需要的可以申请下载。

1、公司网站的首页模板文件，首页网页文件，包括了CSS和images资源文件，Div+CSS布局，美工不好的可拿去应急。

2、HTML格式用户登录界面，一看就是很个性的风格，像是用绳子吊了一个手机的样子，这个模板是早几年设计的，若对HTML5比较熟悉，可轻松修改成HTML5的登录模板使用在手机上，界面效果如截图所示

四个模板项目源码已经上传HTML5进阶群250777811，有需要的可以直接下载！只要想学习前端的都可以进来，不过你是大佬还是刚开始学习的。

3、一套国内流行的网站后台模板+登录窗口，网站风格漂亮，HTML格式的模板，是从国内一款CMS系统中整现出来的，包括左侧菜单、管理员登录表单、文章列表、图像资源等，还有完整的JS文件、images和Css文件，用时候下载看示例就可。

4、163邮箱风格的后台管理界面模板下载，当然作邮箱系统的用户操作界面最合适了，不过做邮箱的站长很少吧，所以本界面模板经过简单修改就可用于各种网站的用户中心、网站控制台等处了，是一个清新的网站后台管理界面模板

如果帮助了你，可以关注【悟空前端】头条号，每天提供前端干货！