几个程序员去吃饭，有人点了一道菜，麻辣牛蛙。然后其中有个人说自己不吃牛蛙，于是负责点菜的直接在麻辣牛蛙前划了两道斜线，就像这样：

// 麻辣牛蛙

现场没有任何人觉得有哪里不对。

一、了解前端工程师

1.Web前端工程师是做什么？

Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行 客户端产品的开发

2.要做哪些事情？

1、为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性

2、Web前端表现层及与前后端交互的架构设计和开发

3、JavaScript程序模块开发，通用类库、框架编写

4、利用各种Web技术模拟开发产品原型

5、配合后台开发人员实现产品界面和功能

6、Web新技术调研和资讯整理。

可以分三个阶段

初级：页面搭建

这是比较容易达成，我们只需要能够利用，html、css、和JavaScript将页面搭建出来就可以 了，这个时候其实就已经具备一定的生产力，可以称为初级工程师。那么我们要做的事情就是 先学习HTML、CSS、JavaScript的语法，然后在学习这三个语言所带来的能力，学习并理解 它能让我们有逻辑有条理的把页面实现出来。除此之外，其实有很多初级选手很容易忽略掉的 是团队协作的能力。而其中具体到工具来说，就是 Git 的使用。我们进入到团队当中，不是一 个人在战斗，所以我们必须掌握代码版本控制工具的基本使用。

中级：像搭积木一样搭页面

组件化的思维，现在已经是我们在除了把基础的 HTML、CSS 和 JS 学好之外，马上需要学习 的一种前端开发能力，它也是是我们从入门小白，转变成初中级工程师的必备能力。

组件化为我们带来的实质上是整个前端开发思维的转变，原本的开发模式是这样的：画页面框 架（HTML）> 写样式（CSS）> 写功能（JS），我们会从上而下地瀑布式地开发页面，并且 一个页面往往由单独一个人来开发；而在组件化思维下，我们的开发模式变为：把页面拆解成 多个组件 > 分别去实现这些组件 > 将组件搭起来，这样是先拆解，然后从下而上地搭积木式 地开发页面，而由于组件之间是相互独立，最后才被组装在一起的，所以我们可以将组件分配 给很多个不同的人去并行地进行开发，最后再组装到一起。所以说，组件化给我们带来了质的 改变，极大地提升了我们的开发效率。

当然了，除了组件化之外，还有性能优化、设计模式、工具链（构建工具、测试工具、调试工 具、持续集成工具等）等，都需要进行学习。

高级：规划、复盘、视野

对于我们前端工程师，甚至包括客户端在内的终端工程师来说，要进阶到技术专家级别，主要 是从这三个方面来入手：规划、复盘和视野。当然除了这三者之外，还有再高层次的一个领域 就是商业思维，我这里说的商业思维指的是，我们对业务非常熟练，从最初的用技术支撑业 务，到通过研究出一些更好的技术，来反向驱动业务的发展的能力。大家都很熟悉的一个例子 就是人工智能。但这个能力在终端上并不是很容易做，所以我们主要关注的还是规划、复盘和 视野这三个方面，它们是三个不同的方向。

总结

想要做一名真正的前端高级架构师，道路肯定是艰难的，但是他所给你带来的成就感是很多事都无可比拟的，所以坚持很重要，很多人初识前端，都觉得很有意思，但是一遇到瓶颈，努力一下就会放弃了，这也是前端缺人才的重点。并不是说前端不好找工作，一个前端工程师的工资是非常客观的，当你站在了顶端，会发现任何的努力都是值得的(包括任何职业，触发法的除外)

写在最后

整理这个的是一些大企业的大佬，认真地和他们学习了很多经验以及获取了很多直观的资料，现在全部拿出来奉献给大家！想系统学习前端web的朋友，我都整理在文件中了，可以这边的交流裙前面103，中间8130，最后565，裙子里从学生到阿里大佬都有，资源给大家拉满，不见不散哦！