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的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功。
目前来说，二线城市及以下，web前端工程师是不需要持证上岗的。
但是需要你懂以下的知识：
1、精通HTML/XHTMLCSS,熟悉页面架构和布局，对Web标准和标签语义化有深入了解
2、精通Ajax、JavaScript、DOM等前端技术，掌握面向对象编程思想 。
3、熟悉一种以上后台开发语言（如Java/PHP或C++/C/.NET）以及一种数据库（MySQL/Oracle/DB2）
5、精通Flash,Photoshop,Dreamweaver,fireworks,等网站美工设计软件，具备一定的平面设计能力
5、对用户体验、交互操作流程、用户需求有深入理解
如果是毕业大学生的话，计算机等级证是有一些帮助的。
面试时最好带一份自己设计的web前端项目，简单来说就是自己做一个网页，清楚的能够讲解你做的项目的特点，和一些运用到的知识点，如果是大企业的话，会有一些面试题，这个就需要你去网上做大量的题库。其他基本靠口才和过硬的专业知识。
对于之后，有4种选择：
1、技术专家。
就搞前端，但前端的分支很多，你要抓住潮流。例如web可视化？WEB VR？前端动画特效？
这时的你，就不能执着于技术比别人好。那没用，因为比别人好，意味着你能做的别人也能做。所以得搞点别人整不了的。
可能许多人会觉得这样很累。但我告诉你们，负责的讲，这个方向是最轻松的。因为有过去的技术积累，新东西你看看就会了。
2、转行为产品经理。
就是搞搞产品原型，梳理下业务流程，成天开产品讨论会，写产品说明word文档。这个我不太懂，就不多说了。但总之这是一个方向。
有技术背景的人，搞产品会多那么一点点优势。
3、做项目经理。
脱离开发一会，着力管控项目进度，甲乙双方的沟通什么的，搞什么招投标，什么售前、售后之类的。这个我也不太懂，也不多说了。但这也是一个方向。
4、自己创业。
创业嘛，一看机缘，二看运气。不多说了。
扩展资料
web前端工程师职责
1、Web前端开发工程师，除了主要职责外，还要为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性
2、Web前端表现层及与前后端交互的架构设计和开发
3、配合后台开发人员实现产品界面和功能
4、利用各种Web技术模拟开发产品原型
5、Web新技术调研和资讯整理
web前端基础技术
1、对常用的一些JS框架了解，如jQuery、YUI等。
2、掌握最基本的JavaScript计算方法编写。
3、对目前互联网流行的网页制作方法（Web2.0）HTML+CSS，以及各大浏览器兼容性有很大的了解。
4、对前沿技术（HTML5+CSS3）的基本掌握。
5、还要对IT其他编程语言有所了解如：PHP，Java，.net！有一些公司还要求懂一点SEO优化！
参考资料：百度百科：web前端工程师
分享一名合格的HTML5前端工程师应该掌握的知识：
1、JavaScript
JavaScript在网页设计中是至关重要的,因为它有助于为网站提供功能。事实上,它是最流行的编程语言,因此,即使不为了HTML5开发，它仍然是一个有用的语言学习。JavaScript可以帮助你做一些互动元素并添加到你的网站地图的实时更新,在线游戏,互动电影等。使用JavaScript,可以确保你会有一个容易理解,交互的网站,可以接受任何类型的用户。
2、front end framework
CSS将帮助你更快的开发。目前,Bootstrap是可以使用的最受欢迎的前端框架。知道这些框架是如何工作的,以及如何使用它们才能在HTML5开发节省时间，这十分重要。
3、CSS preprocessors
每个HTML5开发人员都需要CSS预处理器的一些经验,因为他们将有助于加快CSS编码。他们也有额外的功能,将使您的CSS可延展性的来变得容易使用。发布代码之前,预处理器将进行处理,以确保它是可读性和可以跨所有平台使用。
4、cross browser web development
HTML5开发人员必须知道如何使自己的网站工作模式，不管使用任何web浏览器来访问都是如此。这样做可以确保您的用户能够访问他们需要的信息,无论他们是以何种方式。
5、CSS and HTML
开始HTML5开发的最基本的构件。一个没有CSS和HTML网页设计是不可能被创建的。例如,当你想添加图片到一个页面,HTML会显得尤为重要。学习HTML和CSS在你作为一个HTML5开发人员开始你的职业生涯就显得十分重要。而它们非常容易学习，在短短几周内便可上手。
6、Java frameworks
有相当多的Java框架,包括Backbone, Ember, AngularJS, ReactJS等等。这些框架帮助你更好的设计你的网页和编码,因为他们有一个现成的结构来让你使用Java代码。
7、responsive designs
了解如何创建响应设计也是至关重要的,尤其是当你考虑到不同的平台网络用户使用访问网络的时候。手机设计经验也是必须的,因为它将帮助你满足的人使用移动设备访问网站。
8、jQuery
一些扩展和插件,可以方便地使用Java web开发。使用jQuery,当你开始一个新项目你不需要从头开始编码,你可以使用元素已经为您的项目,然后定制它们以适合这个项目,客户或最终用户。jQuery是最好的用于创建网格布局,倒计时计时器,搜索表单等的插件和扩展。
9、testing and debugging
当一个项目完成后首要的就是测试，每个程序员都希望天下无bug，但是每个代码都有可能存在一些错误,学会测试代码就显得十分重要。掌握不同类型的测试，如单元测试和界面测试等。一旦你测试你的网站和发现的错误,重要的是要知道如何调试，学习不同的调试方法,这将使你的工作变得更简单。
上述就是，一个优秀的HTML5开发工程师需要掌握的几项技能。HTML5开发工程师目前是一个前景非常好的的职位，HTML5前端人才供不应求。想快速成为一个优秀的HTML5工程师可以找个靠谱的学习系统全面的学一下。可以先去千锋免费试听两周看看，实地感受下。
