幾個程序員去吃飯，有人點了一道菜，麻辣牛蛙。然后其中有個人說自己不吃牛蛙，于是負責點菜的直接在麻辣牛蛙前劃了兩道斜線，就像這樣：

// 麻辣牛蛙

現場沒有任何人覺得有哪里不對。

一、了解前端工程師

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，裙子里從學生到阿里大佬都有，資源給大家拉滿，不見不散哦！