• 入門級(jí)做頁(yè)面。就這么簡(jiǎn)單。把Designer出的各種設(shè)計(jì)圖轉(zhuǎn)化成html+css+js+image的靜態(tài)網(wǎng)頁(yè)，并把它們交給后端開(kāi)發(fā)人員制作成頁(yè)面模板。這就是入門級(jí)的前端工程師所做的事情。

• 進(jìn)階級(jí)還是做頁(yè)面。不過(guò)稍微復(fù)雜一些，你需要開(kāi)始注意一些更復(fù)雜的問(wèn)題，首當(dāng)其沖的就是瀏覽器兼容性問(wèn)題。老實(shí)說(shuō)瀏覽器兼容性問(wèn)題真的不是那么好搞定的，畢竟每個(gè)項(xiàng)目對(duì)瀏覽器版本的要求都不一樣，而且現(xiàn)在不光有PC瀏覽器還有各種移動(dòng)設(shè)備上的瀏覽器，同時(shí)國(guó)內(nèi)廠家的瀏覽器種類也越來(lái)越多，坑也是密密麻麻。除了兼容性，你可能還要關(guān)注一下性能問(wèn)題，包括但不限于網(wǎng)絡(luò)性能、渲染性能、js邏輯的性能等等，這個(gè)展開(kāi)講可以寫本小冊(cè)子了，呵呵。

• 中級(jí)帶團(tuán)隊(duì)。你可能會(huì)奇怪，一個(gè)中級(jí)工程師就能帶團(tuán)隊(duì)了？可是真的很多公司就是這樣，尤其是小公司。當(dāng)你了解了html、js、css以及各種瀏覽器的各種特性細(xì)節(jié)之后，你會(huì)被任命帶領(lǐng)一個(gè)小的開(kāi)發(fā)團(tuán)隊(duì)，當(dāng)然是前端開(kāi)發(fā)團(tuán)隊(duì)?？赡芗幽阋还惨簿腿膫€(gè)人，甚至更少。這時(shí)候你的工作內(nèi)容除了自己寫一點(diǎn)頁(yè)面以外，還會(huì)幫助組員解決各種各樣的細(xì)節(jié)問(wèn)題，畢竟，組里，你是最懂技術(shù)細(xì)節(jié)的。這個(gè)時(shí)候，一部分人開(kāi)始停步不前，而另一部分人開(kāi)始關(guān)注另一個(gè)新的問(wèn)題：工程化。前端代碼都是非常松散的，項(xiàng)目結(jié)構(gòu)性差，一旦開(kāi)發(fā)人員數(shù)量多起來(lái)，業(yè)務(wù)復(fù)雜起來(lái)，如何管理這么多人、這么多代碼是個(gè)非常大的問(wèn)題。能否在這個(gè)問(wèn)題上得到突破，決定了你能否邁向下一個(gè)級(jí)別。

• 高級(jí)架構(gòu)設(shè)計(jì)。此時(shí)你熟悉前端開(kāi)發(fā)的各種技術(shù)細(xì)節(jié)（當(dāng)然忘了一部分細(xì)節(jié)也沒(méi)事 ^_^），同時(shí)對(duì)各種前端框架、技術(shù)的特性聊熟于胸，你知道如何組織和管理項(xiàng)目讓大家能以最快的速度達(dá)到項(xiàng)目要求，你甚至了解手下每個(gè)人的所長(zhǎng)所短。于是當(dāng)新項(xiàng)目到來(lái)，你迅速根據(jù)自身過(guò)往的經(jīng)驗(yàn)選取若干種技術(shù)和工具，配上你認(rèn)為最合適的人選組成項(xiàng)目團(tuán)隊(duì)，披荊斬棘日夜兼程將產(chǎn)品汪的各種奇葩需求斬于馬下。這么做了一兩個(gè)項(xiàng)目之后，你可能又覺(jué)得空虛了，你要尋求新的目標(biāo)。恰好，NodeJS打開(kāi)了通往新世界的大門。

• 非典型前端穿過(guò)NodeJS打開(kāi)的大門，你進(jìn)入了全新的世界——后端。全新的世界，無(wú)限的可能。樓上寸老師說(shuō)的“上天入地，無(wú)所不能”，我猜就是這個(gè)狀態(tài)。愛(ài)干嘛干嘛吧，這個(gè)時(shí)候，你應(yīng)該不會(huì)再來(lái)問(wèn)“后端程序員都在干嘛”這種問(wèn)題了。其實(shí)，要成為一名“非典型前端”并不一定非得經(jīng)過(guò)1~4的步驟。只是現(xiàn)在已經(jīng)上了年紀(jì)的前端大多是這樣過(guò)來(lái)的，畢竟，NodeJS出來(lái)的時(shí)間也并不算很久。

主要是用超文本標(biāo)示語(yǔ)言（HTML）、層疊樣式表、JAVA腳本、動(dòng)畫（FLASH）等技術(shù)，開(kāi)發(fā)客戶端程序（即瀏覽端程序）。