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

// 麻辣牛蛙

現(xiàn)場沒有任何人覺得有哪里不對。

一、了解前端工程師

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

Web前端開發(fā)工程師，主要職責(zé)是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術(shù)進(jìn)行 客戶端產(chǎn)品的開發(fā)

2.要做哪些事情？

1、為網(wǎng)站上提供的產(chǎn)品和服務(wù)實(shí)現(xiàn)一流的Web界面，優(yōu)化代碼并保持良好兼容性

2、Web前端表現(xiàn)層及與前后端交互的架構(gòu)設(shè)計(jì)和開發(fā)

3、JavaScript程序模塊開發(fā)，通用類庫、框架編寫

4、利用各種Web技術(shù)模擬開發(fā)產(chǎn)品原型

5、配合后臺(tái)開發(fā)人員實(shí)現(xiàn)產(chǎn)品界面和功能

6、Web新技術(shù)調(diào)研和資訊整理。

可以分三個(gè)階段

初級：頁面搭建

這是比較容易達(dá)成，我們只需要能夠利用，html、css、和JavaScript將頁面搭建出來就可以 了，這個(gè)時(shí)候其實(shí)就已經(jīng)具備一定的生產(chǎn)力，可以稱為初級工程師。那么我們要做的事情就是 先學(xué)習(xí)HTML、CSS、JavaScript的語法，然后在學(xué)習(xí)這三個(gè)語言所帶來的能力，學(xué)習(xí)并理解 它能讓我們有邏輯有條理的把頁面實(shí)現(xiàn)出來。除此之外，其實(shí)有很多初級選手很容易忽略掉的 是團(tuán)隊(duì)協(xié)作的能力。而其中具體到工具來說，就是 Git 的使用。我們進(jìn)入到團(tuán)隊(duì)當(dāng)中，不是一 個(gè)人在戰(zhàn)斗，所以我們必須掌握代碼版本控制工具的基本使用。

中級：像搭積木一樣搭頁面

組件化的思維，現(xiàn)在已經(jīng)是我們在除了把基礎(chǔ)的 HTML、CSS 和 JS 學(xué)好之外，馬上需要學(xué)習(xí) 的一種前端開發(fā)能力，它也是是我們從入門小白，轉(zhuǎn)變成初中級工程師的必備能力。

組件化為我們帶來的實(shí)質(zhì)上是整個(gè)前端開發(fā)思維的轉(zhuǎn)變，原本的開發(fā)模式是這樣的：畫頁面框 架（HTML）> 寫樣式（CSS）> 寫功能（JS），我們會(huì)從上而下地瀑布式地開發(fā)頁面，并且 一個(gè)頁面往往由單獨(dú)一個(gè)人來開發(fā)；而在組件化思維下，我們的開發(fā)模式變?yōu)椋喊秧撁娌鸾獬?多個(gè)組件 > 分別去實(shí)現(xiàn)這些組件 > 將組件搭起來，這樣是先拆解，然后從下而上地搭積木式 地開發(fā)頁面，而由于組件之間是相互獨(dú)立，最后才被組裝在一起的，所以我們可以將組件分配 給很多個(gè)不同的人去并行地進(jìn)行開發(fā)，最后再組裝到一起。所以說，組件化給我們帶來了質(zhì)的 改變，極大地提升了我們的開發(fā)效率。

當(dāng)然了，除了組件化之外，還有性能優(yōu)化、設(shè)計(jì)模式、工具鏈（構(gòu)建工具、測試工具、調(diào)試工 具、持續(xù)集成工具等）等，都需要進(jìn)行學(xué)習(xí)。

高級：規(guī)劃、復(fù)盤、視野

對于我們前端工程師，甚至包括客戶端在內(nèi)的終端工程師來說，要進(jìn)階到技術(shù)專家級別，主要 是從這三個(gè)方面來入手：規(guī)劃、復(fù)盤和視野。當(dāng)然除了這三者之外，還有再高層次的一個(gè)領(lǐng)域 就是商業(yè)思維，我這里說的商業(yè)思維指的是，我們對業(yè)務(wù)非常熟練，從最初的用技術(shù)支撐業(yè) 務(wù)，到通過研究出一些更好的技術(shù)，來反向驅(qū)動(dòng)業(yè)務(wù)的發(fā)展的能力。大家都很熟悉的一個(gè)例子 就是人工智能。但這個(gè)能力在終端上并不是很容易做，所以我們主要關(guān)注的還是規(guī)劃、復(fù)盤和 視野這三個(gè)方面，它們是三個(gè)不同的方向。

總結(jié)

想要做一名真正的前端高級架構(gòu)師，道路肯定是艱難的，但是他所給你帶來的成就感是很多事都無可比擬的，所以堅(jiān)持很重要，很多人初識(shí)前端，都覺得很有意思，但是一遇到瓶頸，努力一下就會(huì)放棄了，這也是前端缺人才的重點(diǎn)。并不是說前端不好找工作，一個(gè)前端工程師的工資是非?？陀^的，當(dāng)你站在了頂端，會(huì)發(fā)現(xiàn)任何的努力都是值得的(包括任何職業(yè)，觸發(fā)法的除外)

寫在最后

整理這個(gè)的是一些大企業(yè)的大佬，認(rèn)真地和他們學(xué)習(xí)了很多經(jīng)驗(yàn)以及獲取了很多直觀的資料，現(xiàn)在全部拿出來奉獻(xiàn)給大家！想系統(tǒng)學(xué)習(xí)前端web的朋友，我都整理在文件中了，可以這邊的交流裙前面103，中間8130，最后565，裙子里從學(xué)生到阿里大佬都有，資源給大家拉滿，不見不散哦！