校导艾天伦 | 前端开发的进阶

前端开发通常是指负责网站界面的实现和人机交互实现，未来倾向于用户体验的实现。

1.前端开发的四个阶段

前端开发对于网站来说，网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发。

前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript，及现在的HTML5、CSS3，以及SVG等，那么前端该如何向更高的层次进阶呢？

前端开发的四个阶段：

第一阶段：页面制作基础

Web前端开发HTML+CSS编写、Photoshop切片、Javascript开发基础、HTML5+CSS3编写及应用。

第二阶段：主流框架应用

Bootstrap、jQuery、Zepto.js等第三方UI及其它库文件的应用。

第三阶段：前端技术进阶

移动前端开发项目，Mvvm、Mvc框架的学习，拓展底层Web API及JavaScript API。闭门造轮子，封装组件、插件，编写简易框架，写出高质量、高性能代码，利用技术解决实际项目中所遇到的问题。

第四阶段：前端技术拓展高级应用

2.前端开发如何进阶

依据以上阶段，前端开发被划分为不同层级，想要进阶，那就必须，一个阶段一个阶段的去攻破，然而每个阶段都又需要具备足够的理论知识，以及相匹配的工作能力、经验、智慧等。

坚持每天练习，一行接一行，一页续一页，一刻接一刻，我们终将达到前端领域的最顶尖，一起朝着那个方向努力吧！

（1）扎实的基础

闻道有先后，术业有专攻。前端必备的基础是，Html/Css/Javascript 书写符合W3C规范的代码，语义化标签，了解盒子模型布局等，理解浏览器渲染过程，学习新的语法规则如box/flex模型、animation、transform、transition，Javascript 熟悉window对象(window、document、loaction、history、setTimeout、setInterval），还有cookie和LocalStorage，变量作用域、匿名函数、字符串切割、对象定义继承封装、数组元素插入弹出转换排序，事件绑定 (各种事件、表单验证、addeventlistener、event.target、捕获、冒泡，自定义事件)，数据交互ajax (json、XML、异步定义，status，回调函数)等。

随着技术发展对前端要求逐渐加多，做前端开发的同时也要理解服务端及客户端的内容，这样多元化的知识领域，不仅促进自身技能的发展，也能让团队更加优秀。

（2）学习

理论结合实践。“纸上得来终觉浅，绝知此事要躬行”讲述了一种亲身尝试的学习技术的手段，但实际进程中，从各种案例堆积起来所产生的那个概率的结果来看，更好的方式倾向于理论结合实践。

我在工作以后对于学习依旧狂热、执着，stay folish stay hungry，一直引导着我们，个人认为，合理利用8小时以外的时间十分重要。

（3）提问

“花半秒钟就看透事物本质的人，和花一辈子都看不清事物本质的人，差距是巨大的。”所以能将遇到的问题和事物准确描述出来、大部分问题尝试亲自解决是作为开发人员所必须的。

看清并准确描述问题，坚持这样做吧，过程中你会收获很多意想不到的惊喜。

（4）归纳和演绎

归纳，是把具备某种相同属性的事物，一一列举出来，然后寻找共通点。

演绎，是把互相之间形成影响的因素，按照事物因果顺序、时间先后顺序、重要程度顺序排列出来，再寻找突破口，生活如此，编写计算机程序也一样。

（5）积累“资料库”

现如今获取知识的途径不再是单方面的口口相传，多元化的信息、多渠道的来源，有时候会扰乱我们的视野，这时候我们首要的是“明辨是非”，其次获取我们需要的正面的认知、智慧、技术等。

但后知后觉的是，当知识开始以碎片的形式浅显的堆积的时候，整理就显得尤为重要了。所以我自己平时会有一个“资料库”，工作中的干货、好的技术文档、好的分享、有趣的事情，甚至好的段子，我都会搜集起来，这样保持自己的大脑里一直有新鲜的东西，当你寻求解决问题时才会有源源不断的灵感涌现。

作者简介：艾天伦，英文名Alan，校导网Web前端开发工程师，拥有2年前端开发经验，精通(X)HTML/CSS/JavaScript/DOM，致力于通过技术改善用户体验。