关于WEB前端，你必需要了解它往哪个方向发展

想学习前端的同学们可以看文尾的结语哦，会有免费教程（视频+资料)呢！

职业发展目标

我都有一个最终的目标，在这个目标之上，我们需要给自己制定一系列学习和成长计划，制定的方法如下：

第一、梳理知识架构；

梳理知识架构的目的在于，我们要了解清楚，哪些技术是前置、哪些技术是后继，那些技术是深度、哪些技术是广度，按照这两个维度梳理好知识架构之后，我们才能准确地制定清晰的成长目标、高效的成长计划。

第二、分解目标；

我认为，大抵可分解为三个阶段，包括：起步阶段、提升阶段、成型阶段。这三个阶段分别对应着不同的目标：

起步阶段：

1、基本知识的掌握

在我们梳理的知识架构中，按照我们分析的两个维度里最前置的、最浅显的部分，作为打基础的阶段，必须要在这个过程中更多投入到实践中去，我们通常做的多了、熟练了，就认为这部分知识和内容掌握了。

2、前端技巧的掌握

前端入门真的很简单，但是想要深入前端，你却要花费很多时间去了解前端的各种东西，前端有很多现成的东西，但是这些东西用多了自己也会变懒，特别是对才入门的人来说这就是一个毒瘤。现在网上现成的东西很多都可以拿来直接用，很多新人也是这样，一个项目为了赶进度什么的，很多前端代码都是来源于网络上，各种插件、各种框架等等，最终项目出来了，想要修改却不知道怎么下手，因为东西实在太多了，你根本不知道这个功能修改了其它地方会不会莫名其妙的出问题。所以做前端要花时间去了解别人发布出来代码的逻辑，你至少要知道里面大体是干什么也可以，新手可以多看看别人的代码，找到自己写代码的风格，不断熟悉。

3、良好的开发习惯

我现在这家公司是我上班的第4家公司，做的大项目不是很多，但是平时做的活动专题、节日专题等东西确实不少，不过前端不止我一个，所有我也有闲下来的时候，我现在在公司做的也不只是纯前端的东西，偶尔还是会用node写一些后台的东西，现在我的github上面也放了几个项目上去。其实我们做前端所接触的东西有很多，但是你要吃饭最基础的是html、css、js和ps，这4个是做前端最基础的，其它的你才开始做可以都不会，但是这4个如果你也不会我想你还没有做好做前端这行的准备。html、css、js是一个网站呈现视图和交互最基本的，ps是制作页面所需要的。

4、各种框架的学习

框架是我们提高工作效率的优秀手段，对于框架的学习是成长必经之路。我们学习框架的路线通常应该是：使用——》分析——》个性化定制——》模仿编写自己的框架。只有大量的使用，才能明白设计框架者在设计背后的思路，只有了解到设计的思路，才能做正确全面的分析，只有正确全面的分析才能支撑我们去对其裁剪或 扩展，只有经过实际分析、修改别人的框架，才有可能写出优秀的、自己的框架。学习通常的路线是：学习、理解、模仿、创造。

由于这条职业道路和WEB前端技术之路关系不大，故而，这里不做过多讨论，但是，无论是否走上这条道路，我觉得对于任何技术之路，更好的大局观、更广泛的

视野是良好发展的必备条件，拥有良好的大局观和更广泛的视野别无他法，只能不断的进行知识的横向拓展和积累，同时，多在横向拓展知识的时候进行实践，把知

识变成技能。

6、程序设计

这个阶段我们需要学习OO、UML、设计模式、设计方法……，我们要让技术开发工作变成有目的性、有计划性，并且，这些目的和计划必须有理论的支持，这

样，我们设计出来的程序才能够更优秀、我们的开发才更有效率，这样，我们的技术才能有所提升。为什么要学习程序设计呢？

职业方向定位

首先，只有确定好自己的职业方向，才能做好职业规划。在我看来，做WEB前端技术能够找到的职业方向有以下几种：

（1）资深WEB前端工程师

这个方向算是一个WEB前端最基本的选择了，在国外，很多老外都能够把自己的专业做到极致，能一辈子就在一个专业领域不断学习和积累。主要在于内因和外因两方面，内因是老外通常思想比较简单直接，容易一直专注于一个领域；外因是国外的环境很好，能够良好的支撑这样的职业发展道路。反观国内，从内因来讲，WEB前端技术人员还是蛮浮躁的，通常会因为WEB前端知识的更新速度太快而觉得学习起来辛苦，最终转向后台或其他道路。从外因来讲，WEB前端人员总是面对着同样的技术和产品，容易感觉枯燥。

由于我们拥有最为广泛的WEB相关知识沉淀，使得我们更加容易成为一名架构师。这个职业发展方向不如第一种来得平滑，主要是作为一名架构师不得不学习：后端技术、DBA、Platform等内容，而这种学习通常需要实际操刀做项目，不是自己在家里写两个Demo就好的，这就势必会遭遇一段时间的阵痛期。虽然不是很平滑，但是，对于一个大局观好、悟性好、知识面广的前端工程师，我推荐你们努把力，走一条光荣的架构师之路吧。

（2）资深WEB架构

切勿以为自己能写一手漂亮的代码而自满；

切莫以为别人“尊称”你一声“大侠”你就以 “大侠”自居；

切莫以为自己积累了一些得意的代码就成了框架式开发。

细节决定成败，优秀的方案并不能保证最终的成功。还以“删除指定字符串”为例，原始字符串从格式上来看应该是了个URL链接，在去除“pn=0”之后，最末尾处留了一个尾巴“?”；如果原始字符串是“http://www.xxx.com/?pn=0&a=1”，去除“pn=0”之后 ? 和 & 两个符号紧贴一起，这更是明显的bug。

成型阶段：

你已经从原始积累，到厚积薄发，到破茧而出之后，你所关注的应该不再是一招一式、一个项目、一个模块，而应该是一种思路，一种理论。你可以做以下几个步骤以突破到更高层次：再仔细看几遍HTML/CSS/JavaScript接口帮助文档；选择一门强语言（C++/C#/Java等）观察理解这些语言的组织结构，语言设计；看看原型链，链式语法编程，泛型，接口编程，DOM遥控器等等；仔细阅读成熟的WEB前端开发框架的设计文档，看他们为什么要这样设计。这个阶段已经不再追求一招一式，对你来说不是使用什么创新绝招解决需求，而是给出成熟稳重的方案，从根上解决问题。针对某个当前需求你的代码可能不是最优，但是针对此类的需求你的代码却是最优秀的代码。

力口小编扣君羊：⑦⑥7--O5o--7⑦1,获取web前端资料免费教程（视频+资料）哦！