学HTML5需要什么基础，怎么入门？

随着移动互联网的发展，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属于前端开发，相对来说比较简单，更加适合没有计算机基础或者是偏向于设计爱好的同学来学习，但是需要学习什么，需要掌握哪些技能，作为准备踏入HTML5前端工程师的你，知道几点?

需要的技能：H5前端工程师主要具备的技术能力包括Web UI(网站设计)设计能力、网页编写和网页动态效果能力和基本编程的能力，企业需要既懂网页设计，又具备编程能力的技术人员，只要具备以上三方面的能力，就能够基本满足企业对H5前端工程师的招聘需求。

具备的能力：1.追究问题发生的根源，很多人只知道埋头苦写CSS和Java，但如果问他们为什么要添加某些标签或是删掉某些标签，他们往往答不上来，只知道一删掉就会导致页面乱套。所以应该多花一些时间来找出原因，看似这样的工作方式会比较费时费力，但前期保障做足，保证会节省你更多的未来时间。2. 学会预见浏览器发展趋势，前端相对来讲不那么在你的掌控当中，不同用户的平台或者是设备都是前端永恒的话题，你的代码需要掌握这一切。3.阅读文档规范，当同一份代码在两个或者是更多的浏览器的渲染效果不同时，你应该花更多的时间来确定哪个效果是正确的，并应该以此来作为标准写代码，解决方案当然也是友好的。

当然看到这里，也许你对HTML5前端工程师有了一定的了解，看到这里也许你的方向会更加明确，也许会更加惧怕，但只要确定好方向，一定可以成功转变为一名合格的HTML5前端工程师。

---