前端工程师，也叫Web前端开发工程师。优秀的Web前端开发工程师应该具备快速学习能力。什么是前端工程师？总而言之前端工程师就是运用HTML/CSS/JavaScript等Web技术，在工作中配合设计师实现用户界面，和后端工程师进行数据对接，完成Web应用开发的职位。
前端工程师的发展路线？
什么是前端工程师？总而言之前端工程师就是运用HTML/CSS/JavaScript等Web技术，在工作中配合设计师实现用户界面，和后端工程师进行数据对接，完成Web应用开发的职位。开发工具设计软件前端工程师最首要的任务就是把设计师的设计图切好并翻译成代码，所以我们要学习一些设计软件的基础操作和切图方法。
Photoshop 运用最广泛的设计软件，大部分人都在用它，很有必要学习一下前端工程师必备的PS技能——切图篇Sketch 轻量且功能强大，切图迅速高效，为UI设计而生的Mac AppSketch切图教程编辑器工欲善其事，必先利其器。可以用的编辑器和IDE有很多，在这里我只推荐最棒的两个。Sublime text 最性感的编辑器，搭配插件各种好用配置和使用方法Webstorm 功能强大，学生可以免费用的前端开发IDE代码管理不光要学会写代码，也要学会管理你的代码。
在工作中你可能会遇到需要自己部署代码的情况；不停地修改迭代重构，当然也需要你掌握版本控制软件。Linux 你需要学会在命令行打开移动复制文件等最基本的操作Linux最常用的20条命令鸟哥的linux私房菜——基础篇Git 写代码一定会用到的版本控制软件，入门很快就能学会猴子都能懂的Git入门测试工具预览和调试必不可少，编写前端代码的大部分时间都是在编辑器和浏览器之间切来切去。
Chrome Dev Tools 谷歌浏览器开发工具，想要预览调试你的前端页面必须在这里啦基础知识HTMLMDN的HTML入门HTML30分钟快速入门CSSMDN的CSS入门教程学习CSS布局JavaScriptJavaScript菜鸟教程慕课网JavaScript入门篇Web当你在浏览器中输入google.com并按下回车后发生了什么互联网协议入门中级知识HTML5MDN的HTML5入门教程网易云课堂HTML5入门CSS3CSS3菜鸟教程Gitbook的CSS3教程Style Guide腾讯alloteam前端代码规范百度ecomfe前端代码规范Google HTML/CSS Style GuideGoogle JavaScript Style GuideResponsive Design响应式设计指南自适应网页设计——阮一峰什么是响应式web设计？怎样进行？Web AnimationCSS动画Canvas动画教程Learn to Create Animations in JavaScriptBootstrapBootstrap菜鸟教程慕课网玩转BootstrapjQueryjQuery菜鸟教程慕课网jQuery基础AjaxjQuery Ajax快速入门jQuery Ajax全解析高级知识w3c标准Web Platform DocsECMA6阮一峰ECMAScript6入门测试FEX前端自动化测试探索测试框架Mocha实例教程Karma和Jasmine自动化单元测试自动化构建流式自动化构建工具Gulp前端工程构建工具fisWeb项目脚手架生成工具Yeoman用Yeoman和AngularJS做Web应用模块/包管理npmnpm使用介绍快速搭建 Node.js 开发环境以及加速 npmSea.js5分钟上手Sea.jsRequireJSES6模块预处理器HamlTutorialHTML代码简写法：Emmet和HamlSassSass入门TypeScriptTypeScript Handbook（中文版）框架React入门实例教程Vuevue.js教程Angular服务器端NodejsNode入门7天学会NodeJSMongoDBNodeJS与MongoDB交互技能图谱StuQ技能图谱Frontend Knowledge Structure在线资源大前端导航Frontend StuffFrontend directoryFrontend Interview Questions在线教程菜鸟教程极客学院WikiMozilla开发者网络front-end-web-development on TreehouseLearn to Code Advanced HTML/CSS在线书籍Front-end Developer HandBookFront-end DatabaseFrontend Notebook推荐书目基础深入浅出HTML与CSS、XHTMLHTML
