1、从前端基础入门知识学起，掌握基本的HTML+CSS网页布局，以及简单的JS特效，最终可以独立开发出前端PC网页。
2、使用H5+CSS3实现网页动态特效，通过Bootstrap框架学习，从原生编码过渡到框架使用，更高效的开发出适配各个设备的响应式网页。
3、学会H5进阶内容：svg、canvas、H5存储、拖拽上传等，对JS、jQuery进行提升，学习企业开发模式——组件化开发,在企业项目团队中协同合作，实现“高内聚、低耦合”的网页搭建。
4、学习JS的最新版本ES6，前端流行框架Vue.js， 结合最流行的打包工具Webpack，掌握一个项目上线前的所有开发流程，真正成为一个能够满足企业需求的前端工程师。
HTML5（前端开发）是由HTML（结构）+CSS（样式）+JavaScript（脚本）三种编程语言组成，这三种语言都非常重要，缺一不可。
HTML+CSS
HTML+CSS属于结构与样式，用来实现静态的前端网页（PC端与移动端）；
能够利用HTML+CSS实现结构搭建合理、兼容性好、扩展性强、有利于前后台的数据交互的前端网页。
2. JavaScript
JavaScript是属于脚本语言，用于实现前端网页的交互效果。
能够利用原生JavaScript实现复杂的前端网页交互效果，能够运用JavaScript高级知识优化代码性能。
3. 主流框架&开发工具
在实际项目开发中，前端开发工程师能够运用各种各样的前端框架进行快速开发，比如animate.css、Vue.js、jQuery.js等，要求前端开发工程师需具备一定的学习与阅读文档的能力，这样才能够胜任各种前端新框架的应用。
当然还需要掌握一些开发工具（Git、NPM、WebPack）进行团队协作开发和代码版本管理等；
提示：HTML+CSS包含了HTML5新的结构标签和CSS3新的属性，JavaScript包含了新的JavaScript API；
本回答被提问者采纳前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
随着RIA的流行和普及，Flash/Flex、Silverlight、XML和服务器端语言也是前端开发工程师应该掌握的。Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。这就从知识的广度上对Web前端开发工程师提出了要求。如果要精于前端开发这一行，也许要先精十行。
1、新手必打基础：
HTML4\HTML5
CSS2\CSS3
ES5（原生 js 基本语法）
JSON 数据结构
网络请求、AJAX
2、中级进阶必打基础：
ES6 语法糖
同步、异步思维
chrome devlop 控制台熟练调试
模拟请求工具、抓包分析等
vue、react、angular 熟悉
scss、less 等css编译
3、中高级进阶必学
前端自动化配置 webpack、gul 等
nodejs简单开发
vue、react、angular挑其一熟练开发项目
前后分离思想 + Async、Await 思想认识应用+和后端撕逼如何高效开发
随着互联网技术的发展，随着HTML5、CSS3、JavaScript、Node.js的应用。Web前端工程师逐步具备从客户端（用户端）到后台（服务器端）综合开发的能力。