如何成为一名高级的前端工程师

入门篇：学习简单的布局，入门 HTML css 和 js，做前端的就不必说了，html   css  和 js  就像是 画家手中的画笔和颜料，只有对他们足够掌握，才能用他们来创造出精美的页面。在这里推荐一个权威的入门网站！w3c在这里你能学到所有基础知识！入门要求：1. 能掌握 HTML的各种标签 比如 标题标签 h1~h6 段落标签 p  链接标签 a  图片标签 img 以及 布局标签 div等等。2. 能使用css样式来描述元素的样式，包括 元素的边框 border  背景颜色 background  背景颜色 高和宽 以及最常用的盒子模型。3. 掌握js对dom的操作，比如 用js直接修改 dom的样式 如何克隆出一个一模一样的元素，还有用js简单的实现在页面上的淡入淡出动画4. 选择一款适合自己的编辑器。优秀的编辑器有sublime  notepad++ dw webstorm 个人推 使用sublime 和 webstorm

进阶篇：在有了前面的基础之后，我们需要通过一些手段来提高我们的工作效率。编程行业最重要的就是代码的复用，当你已经上手过几个项目以后，你会发现每一个项目都会由一些共共同点，比如一个网页的客服页面基本上是一样的，还有导航的展现方式也是一样的，而每次我们做的时候由于代码的不规范，都需要重新针对每一个组件重新编写一次代码。这样的做法既浪费了自己的时间，同时效率也无法提高！所以只有站在巨人的肩膀上你才能离成功更近一步！学会使用一些别人写好的规范框架！1. 学习使用bootstrap 布局框架，当你会使用html和css布局之后，配合此框架，你会发现他已经帮你实现了很多平时布局你所需要用到的常规方案，比如,它的栅格系统可以帮你快速建立一个兼容性量好的页面。2. 学习第三方的js框架，例如 著名的jquery框架，zepto 和extjs 等等，这些框架都是用来简化你的代码量，让你工作事半功倍！

高级篇：如果已经掌握入门篇和进阶篇的知识的话，那么恭喜你，你离优秀的WEB前端已经只差一步之遥了，一张优秀的网站都具备要素呢？大家都知道我们访问的网页都是通过网络传输过来的，而对于用户来说，漫长的等待是一种痛苦的煎熬，所以网页的打开速度很大程度决定了这个网页的好坏！对于工程师来说，应当重视以下几点。1. 简化代码，去除无用的代码，以保证页面的简洁，提高访问速度，一般控制在一个页面不包含图片其大小为60K为宜。2. 优化图片，图片是整个页面中加载最消耗流量的地方，图片优化过的页面和没有优化过的页面打开的速度相差很大，可以使用tinypng 来压缩网页图片3. 学习WEBGL了解网页绘图，HTML5游戏引擎，比如国内的白鹭游戏引擎 和 国外开源的 lufylegend 游戏引擎END