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全栈开发工程师职位。
很多学习HTML5的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功。
HTML5属于前端开发，相对来说比较简单，更加适合没有计算机基础或者是偏向于设计爱好的同学来学习，但是需要学习什么，需要掌握哪些技能，作为准备踏入HTML5前端工程师的你，知道几点?需要的技能：H5前端工程师主要具备的技术能力包括Web UI(网站设计)设计能力、网页编写和网页动态效果能力和基本编程的能力，企业需要既懂网页设计，又具备编程能力的技术人员，只要具备以上三方面的能力，就能够基本满足企业对H5前端工程师的招聘需求。
具备的能力：1.追究问题发生的根源，很多人只知道埋头苦写CSS和Java，但如果问他们为什么要添加某些标签或是删掉某些标签，他们往往答不上来，只知道一删掉就会导致页面乱套。所以应该多花一些时间来找出原因，看似这样的工作方式会比较费时费力，但前期保障做足，保证会节省你更多的未来时间。2. 学会预见浏览器发展趋势，前端相对来讲不那么在你的掌控当中，不同用户的平台或者是设备都是前端永恒的话题，你的代码需要掌握这一切。3.阅读文档规范，当同一份代码在两个或者是更多的浏览器的渲染效果不同时，你应该花更多的时间来确定哪个效果是正确的，并应该以此来作为标准写代码，解决方案当然也是友好的。
当然看到这里，也许你对HTML5前端工程师有了一定的了解，看到这里也许你的方向会更加明确，也许会更加惧怕，但只要确定好方向，一定可以成功转变为一名合格的HTML5前端工程师。
