怎樣成長(zhǎng)為一個(gè)優(yōu)秀的 Web 前端開(kāi)發(fā)工程師？

時(shí)間：2023-12-01 11:06:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-12-01 11:06:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

怎樣成長(zhǎng)為一個(gè)優(yōu)秀的 Web 前端開(kāi)發(fā)工程師？：前端工程師……跟其他語(yǔ)言方向的程序員相比，前端工程師反而更像是幕后的人，雖然名稱(chēng)很前端。作為一個(gè)入門(mén)簡(jiǎn)單、進(jìn)階難的工作，前端是很多程序員的選擇，想要成為優(yōu)秀的前端，經(jīng)驗(yàn)與態(tài)度缺一不可，當(dāng)然必不可少的還有興趣，畢竟興趣才是最好的老師啊。學(xué)而不思則罔，思而不學(xué)則殆，長(zhǎng)路漫漫，要記得背好行囊，做好與知識(shí)相伴相知的心理準(zhǔn)備~




前端工程師也是程序員的一份子，想成為優(yōu)秀的前端，確實(shí)有難度，學(xué)習(xí)之前先想想為什么要學(xué)前端，學(xué)習(xí)前端要耗費(fèi)多少成本（主要是時(shí)間成本，也可以叫機(jī)會(huì)成本），學(xué)習(xí)了之后能帶來(lái)什么好處，要學(xué)到什么程度。




當(dāng)然也必須具備優(yōu)秀程序員一些共通的特征。

一、 熱愛(ài)，有信念，寫(xiě)起代碼有激情

二、 優(yōu)秀的編碼習(xí)慣，提高易讀性

三、 較強(qiáng)的學(xué)習(xí)能力，能夠舉一反三

這些特征小慕在之前的回答中也提到過(guò)，這里就不再多說(shuō)啦，咱們還是把重點(diǎn)放在“前端工程師”的專(zhuān)業(yè)素養(yǎng)上。

1. 較高的審美水平和交互設(shè)計(jì)能力

一個(gè)沒(méi)有任何藝術(shù)美感的人，很難去畫(huà)出一幅飽含感情的畫(huà)作，敲代碼也是同理。有人會(huì)感覺(jué)這個(gè)是UI設(shè)計(jì)和產(chǎn)品經(jīng)理的任務(wù)，但作為功能的實(shí)現(xiàn)者，肯定需要考慮美感和用戶的體驗(yàn)。




優(yōu)秀前端寫(xiě)出的代碼，不僅僅是為了完成任務(wù)，為了應(yīng)付項(xiàng)目經(jīng)理，而是需要真正站在用戶的角度，把用戶的體驗(yàn)做到極致。為什么有的前端完成任務(wù)后可以一次通過(guò)，而有的則需要不斷修改返工，其實(shí)關(guān)鍵就在于有沒(méi)有站在用戶立場(chǎng)上去考慮一些問(wèn)題，這一點(diǎn)說(shuō)到容易做到難。

2. 解決問(wèn)題能力和調(diào)試能力

這兩個(gè)能力，需要的是更多的積累。再優(yōu)秀的程序員也不可能做到代碼永遠(yuǎn)不會(huì)出現(xiàn)問(wèn)題，從小白時(shí)期遇到問(wèn)題直接上網(wǎng)搜索，然后慢慢自己根據(jù)報(bào)錯(cuò)信息定位問(wèn)題，到最后終于可以看到問(wèn)題就知道問(wèn)題出在哪里……







“久病成良醫(yī)”，在“爬坑”中積累出血淚經(jīng)驗(yàn)是每個(gè)前端工程師都必經(jīng)的歷程……除此之外，搭建良好的日志系統(tǒng)和熟練使用調(diào)試工具，對(duì)于前端，瀏覽器中的審查元素、測(cè)試框架、抓包工具等等，都是前端必備，絕大多數(shù)的debug過(guò)程都使用以上幾種工具和途徑。

3. 架構(gòu)水平

優(yōu)秀的前端開(kāi)發(fā)，必然要有大型項(xiàng)目的開(kāi)發(fā)經(jīng)驗(yàn)。他們相對(duì)普通前端，對(duì)大型代碼有著更好的掌控能力，以及對(duì)多變的需求有著從容的應(yīng)變力和預(yù)測(cè)能力，從而使整個(gè)項(xiàng)目有著很強(qiáng)的擴(kuò)展性。此外，網(wǎng)站的安全性、穩(wěn)定性，性能優(yōu)化，都是一名優(yōu)秀前端應(yīng)該考慮到的。




要想成為優(yōu)秀的前端，肯定是需要一步一步提升的，就算具備了以上優(yōu)秀前端要擁有的特性，也需要經(jīng)歷以下兩個(gè)階段：入門(mén)階段+進(jìn)階階段。




1）入門(mén)階段（看書(shū)，看blog）




初期的話，就是看書(shū)，小慕不說(shuō)廢話直接上圖，推薦大家以下兩本：




第一本




《JaveScript高級(jí)程序設(shè)計(jì)》




第二本




《HTML5高級(jí)程序設(shè)計(jì)》




看Blog或者其他基礎(chǔ)學(xué)習(xí)方面，大家可以來(lái)我們慕課網(wǎng)學(xué)習(xí)，有關(guān)前端開(kāi)發(fā)的課程有很多：

【免費(fèi)課-前端】

【實(shí)戰(zhàn)課-前端】

【針對(duì)小白入門(mén)到進(jìn)階全方位學(xué)習(xí)和服務(wù)的一體化職業(yè)路徑學(xué)習(xí)體系—前端】







以上大家可以按需選擇學(xué)習(xí)，當(dāng)然，表誤會(huì)，不是為了廣告而廣告，免費(fèi)課很多不錯(cuò)的視頻內(nèi)容都可以免費(fèi)學(xué)習(xí)，付費(fèi)的實(shí)戰(zhàn)和路徑大家看自己是否有需求就好。能讓大家在學(xué)習(xí)前端的路上不迷茫，少走彎路，不斷進(jìn)步才是最終目的。筆芯。







2） 進(jìn)階階段（自學(xué)框架、寫(xiě)后端，掌握后臺(tái)語(yǔ)言）




前端開(kāi)發(fā)的進(jìn)階階段是比較難的，想成為一個(gè)優(yōu)秀的前端，需要自學(xué)各種框架、寫(xiě)后端。




（取自和前端朋友聊天的截圖）




現(xiàn)在主流框架是react、 vue、 Angularjs，例如現(xiàn)在大家看到的本站新版，它的框架就是react（好像說(shuō)了什么了不得的事情，哈哈），還有很多網(wǎng)站的后臺(tái)是vue，不過(guò)這些一般人是看不到的。




另外至少還要懂一門(mén)后臺(tái)語(yǔ)言，比如易上手的python，node。如果能一直保持這種學(xué)習(xí)新技術(shù)的狀態(tài)，一般兩到三年就能達(dá)到中高級(jí)水平。所以說(shuō)實(shí)踐很重要（敲黑板），就拿這個(gè)前端來(lái)說(shuō)，就是要不停地實(shí)踐、學(xué)習(xí)、踩坑和解決，你才有機(jī)會(huì)越來(lái)越強(qiáng)。




小慕看了一些大家的回答，最喜歡要屬@小虎這個(gè)，6年前的答案依舊很有價(jià)值，一看就是一位“有故事”的男同學(xué)。







雖然小慕洋洋灑灑說(shuō)了這么多，但是每個(gè)人的情況不一樣，所以這篇回答也不一定就具有很高的普適性。不管如何，為了讓產(chǎn)品經(jīng)理提幾個(gè)需求，也要加油?。⊥扑]《小魔女學(xué)院》里的一段給大家，據(jù)說(shuō)這是程序員和產(chǎn)品經(jīng)理的日常，哈哈，可以說(shuō)是非常形象生動(dòng)了：小魔女學(xué)院




附圖一張（露出一個(gè)挑事兒的微笑）：







最后，大家一定要知道自己做前端的初衷是什么、在前端工程師這個(gè)領(lǐng)域想要達(dá)到怎樣的高度，前面在開(kāi)頭也有說(shuō)到。明確目標(biāo)，砥礪前行。無(wú)論學(xué)什么，心態(tài)很重要！??！如果，你是抱著學(xué)著玩玩，學(xué)不會(huì)也無(wú)所謂，甚至是抗拒的心態(tài)來(lái)學(xué)前端的話，一定學(xué)不好前端。前端不是一時(shí)半會(huì)能學(xué)會(huì)的。在學(xué)習(xí)的過(guò)程中，會(huì)遇到一個(gè)個(gè)困難。這時(shí)，消極的心態(tài)會(huì)讓你就打退堂鼓，或者三天打魚(yú)，兩天曬網(wǎng)，學(xué)的還沒(méi)忘的快。如果，我們抱著積極主動(dòng)的心態(tài)去學(xué)前端。每天都學(xué)習(xí)一點(diǎn)，進(jìn)步一點(diǎn)。遇到問(wèn)題主動(dòng)的去找解決的辦法，不怨尤人。我相信，你一定可以學(xué)好前端，也一定能成長(zhǎng)為一個(gè)優(yōu)秀的前端！




以上。

---

更多慕課網(wǎng)相關(guān)回答：

有哪些新手程序員不知道的小技巧？

在真實(shí)工作中的編程是怎么樣的，與學(xué)校里有什么不同？

是不是程序員總會(huì)遇到一個(gè)瓶頸期，覺(jué)得自己沒(méi)有進(jìn)步了，該怎么解決？

程序員新人怎樣在復(fù)雜代碼中找 bug？

程序員面試要準(zhǔn)備哪些方面的內(nèi)容？