Html5从入门到精通一般要学习多久

HTML5入门到精通可以分为3个阶段：了解HTML5、熟练掌握HTML5、精通HTML5；

HTML5此处指的是HTML、CSS、JavaScript以及HTML5和CSS3（新增的）

首先了解HTML5

需要去了解HTML5是什么，HTML5能够做什么以及HTML5行业的状况，然后在已了解的基础上发掘自己是否喜欢HTML5这个职业，才去决定自己是否学习HTML5。

大概时间：2~3天

其次熟练掌握HTML5

先学习HTML与CSS

在一些机构培训当中，全日制，每天学8个小时，也需要学习1~1.5个月，而且学不完整不扎实

自学的情况下，折算相应时间即可，另外需要注意，自学时选择合适的书籍进行学习，会相对高效一些。

选择好的学习资源（主要看知识逻辑、表达方式等），才能够更好的去吸收知识，学习时间成本也会低一些。

资源推荐：

HTML+CSS方面的可以去看《HTML5布局之路》

JavaScript方面的可以去看《JavaScript权威指南》、《JavaScript高级程序设计》

此后是JavaScript，原生JS、AJAX、jQuery，差不多也得需要2~3个月（每天8小时）

至于说精通~~~对HTML5技术领域有深刻的研究与认知，能够根据自身的开发经验与项目经验构建自己的前端框架或者工具。最起码3~5年甚至更长，其前提还是不断深入研究，而非“工具式”的使用。

随着移动互联网的发展，web前端逐渐受到企业的重视，前端开发人员的薪资也水涨船高，越来越多的人看好前端行业的发展，想要转行加入。下面，给大家分享一份web前端学习路线图，希望对初学者有所帮助。Web前端行业的发展，让前端人员能完成比以前更多的职责范围，所以未来前端可以宽口径就业，前景非常好。

对于零基础的人而言，要怎么学习web前端呢?

1、 前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。

2、 前后端网页交互。主要内容为JavaScript语法全面进阶、ES6 到 ES10 新语法实践、jQuery 应用及插件使用、设计模式及插件编写、封装JS工具库及Web APIS、AJAX+PHP+MySQL前后端交互、前端工程化与模块化应用以及PC 端全栈开发项目等。学习目标是可以掌握前端工程化工具，如 git、gulp、webpack 等，搭建项目及开发项目。

3、 Node.js + 前端框架。主要内容为Node.js 全面进阶、Koa2+MongoDB搭建服务、Vue.js 框架、React.js 框架、小程序云开发与小程序框架、原生APP与混合APP、数据可视化与桌面应用等。学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。很多学习web前端的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功

自控能力和自主意识强的话，自学的时候肯定可以全身心的投入。当然在学习理论知识外做一些简单的应用，如果是软件专业的话可以参加html5培训，培训18周时间就应该有了些经验，这时候出去找一份工作从实习生开始就可以了。

入门: 能用html css实现任何网站的静态布局。  这个难度不大，能做到就能达到切图仔的水平

可以干活:  能用js写基本动态效果， 绑定事件， 用原生或jq *** 作dom。

勉强合格:   以上两项达到熟练， 并可以用js写较复杂的交互。 到这里就可以找到前端的工作并干活了。。

合格: 知道如何实现js的继承，能说出一个new的过程， 会合理用闭包，  会用promise， amd cmd模块化， 会用underscore，能写正则。 会其中两到三项。 到这里应该可以找到缺人并还算不错的互联网公司前端工作

还行:  能手写js的原型链继承， 知道一个promise的实现机制， 能写出underscore中大部分函数，  手写delegate， 随便找个库基本能看明白是干嘛。 到这里应该可以冲bat了吧。

不错:   对页面性能的优化有研究， mvc框架能够分析出个优缺点所以然来， 对打包发布工具有研究。 到这份上能算靠谱的前端了吧

牛人： 根据业务需要写所需的打包发布模块化工具， 有能力自己写框架， 对开发流程和方式有自己的见解， 不依赖类库， 项目需要啥就随手写一个模块， 造过轮子无数。  到这份上国内前端工作可以任挑了吧。

---