大家好，欢迎来到IT知识分享网。

FE Roadmap

什么是前端工程师？

总而言之前端工程师就是运用HTML/CSS/JavaScript等Web技术，在工作中配合设计师实现用户界面，和后端工程师进行数据对接，完成Web应用开发的职位。

也就是说前端的终极目标其实就是创造用户体验，提升用户体验，以用户体验为中心。不管你是从交互设计上下手，还是从性能优化出发，或者改进工作流提升工作流效率，最终都是为了创造和提升用户体验，最终都要体现到用户体验这一点上来。

全端即所有的终端说白了都是前端，因为都关乎到用户体验，直接和用户接触。适应多终端的开发，要求你在web前端的基础上，可能还要去扩展android开发和ios开发的知识，好在由于hybrid开发方式的流行，对使用native语言开发的技能会要求的不那么深入。全栈可以说是最适合初创公司的一种发展类型，广义上认为是从前端干到后端，从开发干到运维，这种就不说了，一般人应该不会想要去往这个方向发展，想要成为这种意义上的full-stack dev的，可能用不着来看我这篇文章了；而狭义上的全栈特指使用js语言从前端写到架设在nodeJs上的后端，前后端统一语言，统一编程模型，甚至公用同一套代码。

开发工具

调试工具

chrome dev tools

基础知识

HTML/CSS/JS

Web

💡 当你在浏览器中输入google.com并按下回车后发生了什么

中级知识

HTML5

HTML5

CSS3

CSS3

Style Guide

• 腾讯alloteam前端代码规范
• 百度ecomfe前端代码规范
• Google HTML/CSS Style Guide
• Google JavaScript Style Guide

Responsive Design

调整分辨率，部分解决方案：

1.一切弹性化，2.响应式图片，3.禁用iPhone中的图片自动缩放，4.打造布局结构，5.显示或隐藏内容，6.触屏与鼠标

Web Animation

JavaScript Animation

CSS Animation

Ajax

高级知识

• w3c标准

ECMA6

Ecma-262

测试

• FEX前端自动化测试探索
• mocha js & qunit & jasmine
• karma js

自动化构建

• 流式自动化构建工具Gulp
• 前端工程构建工具fis
• Web项目脚手架生成工具Yeoman

模块化/包管理

• npm
• Sea.js
• RequireJS
• ES6模块

预处理器

TypeScript

框架

• React
• Vue