H5前端学习只需要四个月，而且从入门到精通，说起来谁信呢，可IT培训网的学员们实现了，打破了大学四年才能学好这门课程的限制，将培训的周期直接缩短到了四个月，不信就来看看吧！

在大学里学习H5，学会了毕业了，学到的技能也过时了，在培训班里不同，学有所用是我们的宗旨，四个月学成一个专业，达到快速就业不是梦。

当你还在网上着免费的H5教程的时候，我们的学员已经毕业找到工作了，当你学会的时候，别人已经成为企业的精英了，这就是时间差，这就是培训班的力量。

再说了，网上能找到的教程都是过时的，都不是很靠谱，涉及的内容都比较浅显，只能作为入门参考，况且不经过大量实战是发现不了H5教程里讲不到的问题的，下面IT培训网的小编根据学员们的实际经历给大家总结了H5从入门到精通的一些方向，由于能力有限不能面面俱到，希望能给大家带来一些帮助。

互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业H5工程师成为热门职业，各大公司对H5工程师的需求量都很大，要求也越来越高，优秀的H5工程师更是稀缺。个人感觉H5入门相对容易，但是也需要系统地认真学习，在打好基础后坚持学习，成为优秀H5工程师也只是时间问题。

学习任何知识最重要的都是兴趣，如果经过一段时间的学习感觉不喜欢，那可能强迫自己学习是很痛苦的，效果也不会好，毕竟这很可能就是以后很多年生存的技能。不过随着互联网行业的发展，H5必然是Web开发人员需要学习的知识，有时候是没有专业H5工程师一起合作的，所以即使不做专门的H5工程师，掌握基本的H5技能为工作带来方便。

H5基本开发工具

恰当的工具能有效提高学习效率，将重点放在知识本身，在出现问题时能快速定位并解决问题，以下是个人觉得必备的H5开发工具：

文本编辑器：推荐Sublime Text，支持各种插件、主题、设置，使用方便

浏览器：推荐Google Chrome，更新快，对H5各种标准提供了非常好的支持

调试工具：推荐Chrome自带的Chrome develop tools，可以轻松查看DOM结构、样式，通过控制台输出调试信息，调试javascript，查看网络等

辅助工具：PhotoShop编辑图片、取色，fireworks量尺寸，AlloyDesigner对比尺寸，以及前面的到的Chrome develop tools，

翻墙工具：lantern, 壁虎漫步>>>你可能会想要了解这篇文章（【分享】郑州H5工程师的效率如何提高）

一些常用的H5插件:

liveload: 修改页面后自动刷新，不用按F5

Intellij IDEA和WebStorm：集成开发环境，集成了各种功能，开发比sublime要方便，但会比较吃性能

Mark Men：测量、取色、标注利器，拿到视觉稿之后第一个打开的软件

dimensions：直接在页面上测量的利器

livestyle：css样式修改后自动起效果，不需要刷新，elements修改后也能同步到代码中

UC二维码：移动端调试扫码必备

pagespeed，YSlow：页面性能分析和优化插件

马克飞象：优秀的在线markdown编辑器，快速写周报，做记录

sublimelinter + 各种语言的lint和hint：代码纠错

一些snippets：自动补全，提升开发效率

image tool：测量，取色

sublime text2：编码方便，插件多，速度快，性能好

emmet：提升html编码速度必备

GFW Fucker：我用红杏，可以的话买个虚拟服务器当梯子

iHosts：非常优秀的hosts管理软件，轻松修改hosts，开发调试必备

Charles：Mac 平台最好用的抓包分析工具

Rythem：AlloyTeam出品的代理抓包软件，非常轻量，安装简单，移动端(真机)开发调试很好用

Wunderlist：一个非常不错的Todo List，任务、需求多的时候管理起来很方便
 　　跟对技术大神

这个可控性貌似不大…跟对老大这个就不多说了，一定程度要看造化。不过话说回来，多跟身边的高手交流是王道。

H5前端开发虽然不难，但想要精通还需要有专业的老师带领才好，另外告诉大家，H5是一个看似简单的专业，前期容易后期难，所以想要学好要做好两手准备。尤其是新人，选择一个专业的H5培训机构至关重要。IT培训网-专业的H5培训机构，让你学H5拿高薪不是梦。