前端工程師-web前端工程師的發(fā)展和規(guī)劃

1、.：.；web 前端開發(fā)何去何從(2021-02-17 13:52:08) blog.sina/s/blog_6b7683130100plob.html老是有人喜歡討論說做前端開發(fā)有出路沒有， 說實(shí)話我也不知道怎樣樣， 但是我很喜歡做前 端開發(fā)。要說做業(yè)務(wù)是挑戰(zhàn)本人，做前端開發(fā)也是很挑戰(zhàn)自我，由于技術(shù)更新速度很快，要 斷地學(xué)習(xí)、研討。下面是我從網(wǎng)上轉(zhuǎn)來的一篇文章，寫的很有道理。希望我們做前端開發(fā)的 人心能靜下了，好好的學(xué)習(xí)。由于要學(xué)習(xí)的知識(shí)太多了。在這里我說一句，三百六十行，行 行出狀元！關(guān)于一個(gè) WEB 前端的職業(yè)規(guī)劃，其實(shí)是有各種的答案，沒有哪種答案是完全正確的，全憑 本人的選擇，只需是本

2、人選定了，堅(jiān)持做下去就有收獲。有一個(gè)觀念想要分享給大家：任何 規(guī)劃和目的的實(shí)現(xiàn)都依賴于知識(shí)的積累， 而知識(shí)的積累來源于學(xué)習(xí)及學(xué)習(xí)后大量的實(shí)際。 我 提供一個(gè)實(shí)際時(shí)機(jī)， 我們可以在任務(wù)之余在網(wǎng)上或外包公司那里接一些私單做， 由于目的不 是賺錢， 我們可以用最低的價(jià)錢來提升本身競(jìng)爭(zhēng)力， 獲得大量訂單就意味著獲得大量的實(shí)際 時(shí)機(jī)，同時(shí)，還有一些收入作為任務(wù)成就感之外的撫慰獎(jiǎng)，還是不錯(cuò)的。一、職業(yè)方向定位首先，只需確定好本人的職業(yè)方向，才干做好職業(yè)規(guī)劃。在我看來，做 WEB 前端技術(shù)可以 找到的職業(yè)方向有以下幾種：1資深 WEB 前端工程師 這個(gè)方向算是一個(gè) WEB 前端最根本的選擇了，在國(guó)外，很多老

3、外都可以把本人的專業(yè)做到 極致，能一輩子就在一個(gè)專業(yè)領(lǐng)域不斷學(xué)習(xí)和積累。主要在于內(nèi)因和外因兩方面，內(nèi)因是老 外通常思想比較簡(jiǎn)單直接，容易不斷專注于一個(gè)領(lǐng)域；外因是國(guó)外的環(huán)境很好，有很大的需 求。反觀國(guó)內(nèi)，從內(nèi)因來講，WEB 前端技術(shù)人員還是蠻浮躁的，通常會(huì)由于 WEB 前端知 識(shí)的更新速度太快而覺得學(xué)習(xí)起來辛勞，最終轉(zhuǎn)向后臺(tái)或其他道路。從外因來講，WEB 前 端人員沒有獲得公平的待遇，能夠從 HTML 頁(yè)面制培育開場(chǎng)并沿襲下來的，從來 WEB 前 端人員都比后端人員低一等，貌似前端就是“粗淺的代名詞、后端就是“深?yuàn)W的代名詞，這也直接培育了前端人員的收入無法和后端人員媲美， 同時(shí)直接影響到前端人

4、才市場(chǎng)的活潑程 度。另一方面，前端技術(shù)入門較容易，構(gòu)成呵斥另一個(gè)極端局面-人員泛濫、人才稀缺。我 想對(duì)一切的 WEB 前端工程師說：面包總會(huì)有的，要耐得住寂寞！我個(gè)人比較引薦這個(gè)職業(yè) 開展方向，由于，在這個(gè)方向下，只需足夠耐心、厚積薄發(fā)，勝利的概率是非常高的。同時(shí)， 這是一條最單純的路，我們更多精神破費(fèi)在技術(shù)的研討上，而不是辦公室政治等其它瑣事。2資深 WEB 架構(gòu)師 說功利點(diǎn)兒，我喜歡這個(gè)方向，既兼顧了任務(wù)的單純性、又可以減少 Coding 的任務(wù)量，能 騰出更多時(shí)間研討技術(shù)。在國(guó)內(nèi)，WEB 前端工程師遇到較多的情況是總是反復(fù)編寫著同樣 的代碼，總是面對(duì)著同樣的技術(shù)和產(chǎn)品，容易覺得枯燥。由于

5、我們擁有最為廣泛的 WEB 相 關(guān)知識(shí)沉淀，使得我們更加容易成為一名架構(gòu)師。這個(gè)職業(yè)開展方向不如第一種來得平滑， 主要是作為一名架構(gòu)師不得不學(xué)習(xí)后端技術(shù)、DBA、Platform 等內(nèi)容，而這種學(xué)習(xí)通常需求 工程實(shí)際，不是本人在家里寫兩個(gè) Demo 就能到達(dá)要求了， 這就勢(shì)必會(huì)遭遇一段時(shí)間的陣痛 期。雖然不是很平滑，但是，對(duì)于一個(gè)大局觀好、悟性好、知識(shí)面廣的前端工程師，我引薦 他們努把力，走一條光彩的架構(gòu)師之路。3本人創(chuàng)業(yè)其實(shí)，本人創(chuàng)業(yè)是最好的道路、也是勝利率最低的道路，挑戰(zhàn)和機(jī)遇并存。這里，作為一個(gè) 前端技術(shù)人員，需求將本人的視野更多放在行業(yè)的動(dòng)態(tài)、產(chǎn)業(yè)鏈的動(dòng)態(tài)、相關(guān)產(chǎn)品領(lǐng)域的動(dòng) 態(tài)，把關(guān)注

6、細(xì)節(jié)的優(yōu)勢(shì)繼續(xù)堅(jiān)持，同時(shí)，加強(qiáng)本人把控一個(gè)產(chǎn)品乃至一個(gè)公司命運(yùn)的才干。 但是，這條道路和技術(shù)之路稍有分歧，后續(xù)將不再贅述。4 轉(zhuǎn)崗管理或其他由于這條職業(yè)道路和 WEB 前端技術(shù)之路關(guān)系不大，故而，這里不做過多討論，但是，無論 能否走上這條道路，我覺得對(duì)于任何技術(shù)之路，更好的大局觀、更廣泛的視野是良好開展的 必備條件， 擁有良好的大局觀和更廣泛的視野別無他法， 只能不斷的進(jìn)展知識(shí)的橫向拓展和 積累，同時(shí)，多在橫向拓展知識(shí)的時(shí)候進(jìn)展實(shí)際，把知識(shí)變成技藝。二、職業(yè)開展目的我都有一個(gè)最終的目的，在這個(gè)目的之上，我們需求給本人制定一系列學(xué)習(xí)和生長(zhǎng)方案，制 定的方法如下：第一、梳理知識(shí)架構(gòu)；梳理知識(shí)架構(gòu)的

7、目的在于，我們要了解清楚，哪些技術(shù)是前置、哪些技術(shù)是后繼，那些技術(shù) 是深度、哪些技術(shù)是廣度，按照這兩個(gè)維度梳理好知識(shí)架構(gòu)之后，我們才干準(zhǔn)確地制定明晰 的生長(zhǎng)目的、高效的生長(zhǎng)方案。第二、分解目的；我以為，大抵可分解為三個(gè)階段，包括：起步階段、提升階段、成型階段。這三個(gè)階段分別 對(duì)應(yīng)著不同的目的：起步階段：1、根本知識(shí)的掌握 在我們梳理的知識(shí)架構(gòu)中，按照我們分析的兩個(gè)維度里最前置的、最粗淺的部分，作為打基 礎(chǔ)的階段，必需求在這個(gè)過程中更多投入到實(shí)際中去，我們通常做的多了、熟練了，就以為 這部分知識(shí)和內(nèi)容掌握了。2、常用工具的掌握 對(duì)于常用工具的掌握應(yīng)該掌握一些有大公司或?qū)I(yè)團(tuán)隊(duì)背景的流行工具， 這

8、些工具的熟練掌 握可以提升專業(yè)度、職業(yè)度，同時(shí) ，能提升我們的任務(wù)效率。我們只需在檢驗(yàn)本人對(duì)于知識(shí) 和技藝熟練程度的時(shí)候，才會(huì)自虐式的用 Notepad 去編寫頁(yè)面、css 和腳本等內(nèi)容。3、溝通技巧的掌握 通常做技術(shù)的人會(huì)被定位為“不善溝通的人，這是為什么呢？究其緣由，主要是由于多跟程 序和代碼打交道，跟人的溝通較少導(dǎo)致。這種時(shí)候我們要特別留意添加和人溝通的時(shí)機(jī)，著 重提升這塊兒的才干。 另一方面， 我們通常被稱為“不懂溝通技巧的人。 作為一個(gè)技術(shù)人員， 包括我本人，似乎天生就有一些難以接受挑戰(zhàn)的缺陷。在國(guó)內(nèi)，我們的技術(shù)人員通常都是自己制定方案、本人執(zhí)行方案，在執(zhí)行過程中又缺乏相關(guān)產(chǎn)品、交互

9、設(shè)計(jì)等人員的溝通，大多 是在本人的思緒貫徹下進(jìn)展開發(fā)，久而久之，我們習(xí)慣于信任本人的觀念、在本人的視角看 問題， 對(duì)于挑戰(zhàn)總是百般地“據(jù)理力爭(zhēng)。 我們需求更多提升的是， 如何在對(duì)方的視角看問題、 如何在用戶的視角看問題。4、良好的開發(fā)習(xí)慣 開發(fā)習(xí)慣是養(yǎng)成的，一旦有不好的習(xí)慣，對(duì)于未來去修正帶來的將是很大的費(fèi)事，我們?cè)谂?養(yǎng)良好開發(fā)習(xí)慣一定要從起步時(shí)做起，例如：寫代碼之前先分析、先寫文檔、先寫注釋。定 義變量最好能用直接可了解的語(yǔ)義，最好是拼音，別整英文，尤其是生僻單詞，未來本人忘 了還要開金山詞霸。文件最好有有意義的文件夾命名來管理，文件名最好有意義，需求版本 號(hào)的最好能和工程版本號(hào)一同更新等

10、等。提升階段：1、高級(jí)技術(shù)的掌握 在提升階段對(duì)于知識(shí)和技藝掌握， 我們需求從梳理好的知識(shí)架構(gòu)中選擇更深一層次的技術(shù)進(jìn) 行學(xué)習(xí)，選擇之前，我們先經(jīng)過類比或預(yù)估的方法，衡量本身學(xué)習(xí)的難點(diǎn)，以學(xué)習(xí)難點(diǎn)和自 己最不感興趣的部分為主。這樣引薦大家的緣由是：這個(gè)階段我們興趣正濃，曾經(jīng)度過了苦 澀的起步階段，到達(dá)了興奮的提升階段，我們要用興趣和興奮去挑戰(zhàn)最困難的部分，在我們 自信心受挫和興趣濃重之中找到平衡。同時(shí)，輔以其他的深層次知識(shí)一同窗習(xí)和研討。2、產(chǎn)品思想的學(xué)習(xí) 沒有正確的產(chǎn)品思想，很難設(shè)計(jì)出良好的程序，無論從界面、交互，還是接口、邏輯，不能 夠了解產(chǎn)品、了解用戶需求，我們會(huì)給本人呵斥很大的費(fèi)事，例如

11、：我們千辛萬(wàn)苦用最新技 術(shù)、最復(fù)雜的實(shí)現(xiàn)做出的功能，卻得不到運(yùn)用者或指點(diǎn)、同事的認(rèn)可。為了使我們的任務(wù)和 學(xué)習(xí)更加有效率、防止無用功，我們需求不斷的學(xué)習(xí)產(chǎn)品的思想，只需了解了產(chǎn)品的思緒， 我們才知道用我們的技術(shù)去輸出什么。3、各種框架的學(xué)習(xí)框架是我們提高任務(wù)效率的優(yōu)秀手段， 對(duì)于框架的學(xué)習(xí)是生長(zhǎng)必經(jīng)之路。 我們學(xué)習(xí)框架的路 線通常應(yīng)該是：運(yùn)用分析個(gè)性化定制模擬編寫本人的框架。只需大量的 運(yùn)用，才干明白設(shè)計(jì)框架者在設(shè)計(jì)背后的思緒，只需了解到設(shè)計(jì)的思緒，才干做正確全面的 分析，只需正確全面的分析才干支撐我們?nèi)?duì)其裁剪或擴(kuò)展，只需經(jīng)過實(shí)踐分析、修正他人 的框架，才有能夠?qū)懗鰞?yōu)秀的、本人的框架。學(xué)習(xí)通

12、常的道路是：學(xué)習(xí)、了解、模擬、發(fā)明。4、富客戶端運(yùn)用的學(xué)習(xí) 隨著帶寬和計(jì)算機(jī)性能的提升，以及 WEB2.0 的如火如荼，富客戶端運(yùn)用充斥著互聯(lián)網(wǎng)，如 果他不懂得富客戶端運(yùn)用，他就不能稱之為一個(gè)合格的前端技術(shù)人員?？梢园凑眨篎lash 動(dòng) 畫Flash 編程FlexAirSilverlight 動(dòng)畫Silverlight 編程 的步驟學(xué)習(xí)，先學(xué) Flash 后學(xué) Siverlight 的緣由，一來 Silverlight 還不太成熟，二來，實(shí)踐 Silverlight 自創(chuàng)了很多 Flash 的思想，最好在學(xué)習(xí)的時(shí)候不要本末倒置。5、各種網(wǎng)絡(luò)協(xié)議的學(xué)習(xí) WEB 前端技術(shù)就是云上的技術(shù)， 云的協(xié)議

13、有 N 種， 我們應(yīng)該著重學(xué)習(xí)： TCP/IP， UDP， ， POP3，SMTP 這幾種協(xié)議，在開發(fā) WEB 前端運(yùn)用過程中，這些協(xié)議是我們的技術(shù)的載體， 有時(shí)候決議了我們的運(yùn)用能否能實(shí)現(xiàn)、有時(shí)候決議了我們的運(yùn)用能否高性能，同時(shí)，這些協(xié) 議還是我們和后端技術(shù)交互的重要手段， 這些協(xié)議就像是密碼字典， 協(xié)助 我們把后端傳輸過 來的密文解釋成我們前端技術(shù)可以了解的明文。6、程序設(shè)計(jì) 這個(gè)階段我們需求學(xué)習(xí) OO、UML、設(shè)計(jì)方式、設(shè)計(jì)方法，我們要讓技術(shù)開發(fā)任務(wù)變成 有目的性、有方案性，并且，這些目的和方案必需有實(shí)際的支持，這樣，我們?cè)O(shè)計(jì)出來的程 序才可以更優(yōu)秀、我們的開發(fā)才更有效率，這樣，我們的技術(shù)才干有所提升。為什么要學(xué)習(xí) 程序設(shè)計(jì)呢？主要是，就算我們不用 Flash 的 ActionScript 編寫程序的前端邏輯，我們至少 要把我們本人的 JavaScript 函數(shù)、包的定義規(guī)劃起來，防止未來本人或他人維護(hù)代碼的時(shí)候 出現(xiàn)問題。程序設(shè)計(jì)才干，在技術(shù)人員依然被看作是程序員的這個(gè)年代，是灰常、灰常重要 滴。成型階段： 三、 成型階段：到了這個(gè)階段，我也沒什么好說的了，假設(shè)能到達(dá)這個(gè)階段，就證明后續(xù)的生長(zhǎng)之路是異彩 紛呈的，是成為一個(gè)資深 WEB 前端工程師，還是成為一個(gè)資深 WEB 架構(gòu)師，亦或其他， 都要詳細(xì)分析本身的特點(diǎn)和