如何快速成为前端工程师？

我不是前端工程师，对于前端知识略有研究，因此这篇文章是咨询了几位前端工程师才斗胆发出来的。或许有不对有瑕疵，一定要提醒我。

那么，回到今天的主题。如何成为前端工程师？

首先前端工程师的学习路线分为：

以下我们会按照以上的路线整理教程。

一、开发工具：sublime、HBuilder

sublime ==> 前端开发工具技巧介绍

HBuilder ==> HBuilder 使用教程

(开发工具只是辅助，具体选择看个人的喜好)

二、基础：HTML， CSS教程

选择一（w3c的教程）：HTML 教程 + HTML 5 教程 + CSS 教程

选择二（imooc教程）： HTML+CSS基础课程 + 如何用CSS进行网页布局 + 网页布局基础-慕课网 + 网页简单布局之结构与表现原则

选择三（网易云课堂）：oeasy教html、css网页设计与制作(html5教程) 、HTML5入门 - 网易云课堂 、 8小时学会HTML网页开发

任意选择其一进行学习即可。

三、进阶：Javascript，jQuery

Javascript ==> JavaScript 教程 （w3c） 或 JavaScript - 网易云课堂 或 李炎恢JavaScript教程 第一季

或者JavaScript入门篇-JavaScript入门视频教程 和 JavaScript进阶篇_JavaScript视频教程

jQuery ==>jQuery 教程 | 菜鸟教程

或者 jQuery基础视频教程 和 jQuery基础修炼圣典_DOM篇_jQuery视频教程 和 jQuery基础修炼圣典 和 jQuery基础修炼圣典

实战：网页定位导航特效 + 瀑布流布局-慕课网 + 搜索框制作-慕课网

或者jQuery 实战经典

四、高级：AJAX 教程

AJAX 教程 | 菜鸟教程 或者 Ajax全接触-慕课网

五、框架扩展学习：zepto、Bootstrap、React、VUE、Angular

Bootstrap == > http://v3.bootcss.com/ || Bootstrap 教程

zepto ==> GMU API 文档

React ==> 用于构建用户界面的JAVASCRIPT库 || React 入门实例教程

Angular ==> AngularJS 教程 || AngularJS中文网

六、 调试工具：Firebug

Firebug 教程 || WEB调试工具-Firebug-慕课网

七、网站优化

seo： SEO在网页制作中的应用

前端性能优化： Yahoo军规-慕课网 || 网站前端性能优化总结