計(jì)算機(jī)前端工程師
杰愛小吃
阿拉朱旺
前端工程師的英文名為front-endengineer，簡(jiǎn)稱FE，下文將用FE來代稱?，F(xiàn)在意義上的前端（并非只制作網(wǎng)頁(yè)），國(guó)內(nèi)最早開始有大規(guī)模招聘崗位應(yīng)該是2011年左右的事情吧，在此之前，F(xiàn)E的工作基本都是由服務(wù)端工程師包辦的，或者是由設(shè)計(jì)師來產(chǎn)出HTML頁(yè)面。那么，是什么樣的原因催生出了FE這一職位呢？本文將從FE的工作內(nèi)容、專業(yè)FE應(yīng)具備的技能和品質(zhì)來聊聊這個(gè)職業(yè)。
如今在整個(gè)技術(shù)領(lǐng)域，Web前端開發(fā)永遠(yuǎn)站在第一線直面用戶體驗(yàn)，已成為當(dāng)下互聯(lián)網(wǎng)行業(yè)緊俏的高端技術(shù)崗位，越來越多的人想要學(xué)習(xí)Web前端，成為一名Web前端開發(fā)工程師。
今天安妹就來跟大家詳細(xì)說說：什么是Web前端？前端工程師這一職位又是具體做些什么的
什么叫Web前端？
Web前端開發(fā)是從網(wǎng)頁(yè)制作演變而來的，互聯(lián)網(wǎng)的演變進(jìn)程，網(wǎng)站的前端也由此發(fā)生了翻天覆地的變化。網(wǎng)頁(yè)不再只是承載單一的文字和圖片，各種富媒體讓網(wǎng)頁(yè)的內(nèi)容更加生動(dòng)，網(wǎng)頁(yè)上軟件化的交互形式為用戶提供了更好的使用體驗(yàn)，這些都是基于前端技術(shù)實(shí)現(xiàn)的。無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁(yè)制作都更接近傳統(tǒng)的網(wǎng)站后臺(tái)開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁(yè)制作，而是叫Web前端開發(fā)。
通俗的講，“前”代表與人直接展示的部分，包括界面與用戶的交互等，“端”代表輸出終端，如pc瀏覽器、手機(jī)瀏覽器，以及app、應(yīng)用程序等。那么，合起來的意思也就是這些瀏覽器、app、應(yīng)用程序的界面展現(xiàn)以及用戶交互就是“前端”。前端的主要職能：把網(wǎng)頁(yè)界面更好的呈現(xiàn)給用戶，與后端相比更加注重頁(yè)面性能與用戶體驗(yàn)。
Web前端開發(fā)有很明顯的時(shí)代特征，它掌控著非常重要的內(nèi)容和信息的傳達(dá)，前端開發(fā)人員影響著用戶的視覺體驗(yàn)，并且在很大程度上決定著大眾的信息攝入，以及用戶讀取信息的有效方式，所以企業(yè)對(duì)于前端開發(fā)的人才需求量也越來越大。
從招聘網(wǎng)站分析，其用人數(shù)量已經(jīng)遠(yuǎn)遠(yuǎn)超過主流編程語言Java、ASP、和iOS等的開拓人員的數(shù)量。隨著谷歌、YouTube、Twitch等大型企業(yè)紛紛將視線轉(zhuǎn)投向Web前端，更加確認(rèn)了Web前端在互聯(lián)網(wǎng)時(shí)代的發(fā)展遠(yuǎn)景。據(jù)統(tǒng)計(jì)，我國(guó)對(duì)于Web前端工程師人員的缺口將達(dá)到幾十萬。目前，北京、上海、廣州、深圳等地Web前端工程師的薪資待遇更是一飆再飆。安妹所在的成都地區(qū)，目前Web前端發(fā)展也是一片向好，具體可以看看安妹之前寫的文章，已經(jīng)講過很多了，此處略去不表。
Web前端開發(fā)工程師是做什么的？
Web前端開發(fā)崗位有五大特點(diǎn)：
一、行業(yè)緊俏度高：技術(shù)更新快、需求高漲、用人缺口大；
二、學(xué)習(xí)難度低：初期以背單詞為主、中期培養(yǎng)程序思維、后期注重項(xiàng)目練習(xí)；
三、就業(yè)選擇多：涵蓋包括網(wǎng)站、游戲、手機(jī)APP、物聯(lián)網(wǎng)、桌面應(yīng)用、小程序、3D渲染、數(shù)據(jù)可視化、VR&AR等應(yīng)用領(lǐng)域，應(yīng)用范圍極為廣闊，十分受互聯(lián)網(wǎng)企業(yè)青睞；
四、起始薪資高：高于大部分非編碼類崗位、高于部分后臺(tái)開發(fā)類崗位；
五、職業(yè)生涯廣：與用戶需求/體驗(yàn)直接關(guān)聯(lián)、與項(xiàng)目數(shù)據(jù)/邏輯直接關(guān)聯(lián)、快速接觸到更多崗位內(nèi)容。
sashimi女神
主要進(jìn)行網(wǎng)站開發(fā)，優(yōu)化，完善的工作。網(wǎng)頁(yè)制作是Web 時(shí)代的產(chǎn)物，那時(shí)網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。一位好的Web前端開發(fā)工程師在知識(shí)體系上既要有廣度，又要有深度，所以很多大公司即使出高薪也很難招聘到理想的前端開發(fā)工程師?，F(xiàn)在說的重點(diǎn)不在于講解技術(shù)，而是更側(cè)重于對(duì)技巧的講解。技術(shù)非黑即白，只有對(duì)和錯(cuò)，而技巧則見仁見智。以前會(huì)Photoshop和Dreamweaver就可以制作網(wǎng)頁(yè)，現(xiàn)在只掌握這些已經(jīng)遠(yuǎn)遠(yuǎn)不夠了。無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁(yè)制作都更接近傳統(tǒng)的網(wǎng)站后臺(tái)開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁(yè)制作，而是叫Web前端開發(fā)。Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好，這方面的專業(yè)人才近兩年來備受青睞。
冷月無痕MNG
【前端開發(fā)工程師】是Web前端開發(fā)工程師的簡(jiǎn)稱，是近五年才真正開始受到重視的一個(gè)新興職業(yè)。Web前端開發(fā)技術(shù)是一個(gè)先易后難的過程，主要包括三個(gè)要素：HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）、級(jí)聯(lián)樣式表和JavaScript，這就要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識(shí)，而且要學(xué)會(huì)運(yùn)用各種工具進(jìn)行輔助開發(fā)以及理論層面的知識(shí)，包括代碼的可維護(hù)性、組件的易用性、分層語義模板和瀏覽器分級(jí)支持等。
【前端開發(fā)工程師的主要工作】前端開發(fā)工程師的主要工作是組織和實(shí)行網(wǎng)站重構(gòu)：
1、優(yōu)化：根據(jù)W3C標(biāo)準(zhǔn)進(jìn)行重構(gòu)后，可以讓前端的代碼組織更有序，顯著改善網(wǎng)站的性能，提高網(wǎng)站訪問速度，還能提高可維護(hù)性，對(duì)搜索引擎也更友好；
2、加速：重構(gòu)后的網(wǎng)站能帶來更好的用戶體驗(yàn)，用XHTML+CSS重新布局后的頁(yè)面，文件更小，下載速度更快。
3、目的：網(wǎng)站重構(gòu)的目的不是為了讓網(wǎng)頁(yè)更符合Web標(biāo)準(zhǔn)，重構(gòu)的本質(zhì)是構(gòu)建一個(gè)前端靈活的MVC框架，即HTML作為信息模型（Model），CSS控制樣式（View），JavaScript負(fù)責(zé)調(diào)度數(shù)據(jù)和實(shí)現(xiàn)某種展現(xiàn)邏輯（Controller）。同時(shí)，代碼需要具有很好的復(fù)用性和可維護(hù)性。這是高效率、高質(zhì)量開發(fā)以及協(xié)作開發(fā)的基礎(chǔ)。
隨著人們對(duì)用戶體驗(yàn)的要求越來越高，前端開發(fā)的技術(shù)難度越來越大，Web前端開發(fā)工程師這一職業(yè)終于從設(shè)計(jì)和制作不分的局面中獨(dú)立出來。
冰河水心
前端工程師是互聯(lián)網(wǎng)時(shí)代軟件產(chǎn)品研發(fā)中不可缺少的一種專業(yè)研發(fā)角色。從狹義上講，前端工程師使用 HTML、CSS、JavaScript 等專業(yè)技能和工具將產(chǎn)品UI設(shè)計(jì)稿實(shí)現(xiàn)成網(wǎng)站產(chǎn)品，涵蓋用戶PC端、移動(dòng)端網(wǎng)頁(yè)，處理視覺和交互問題。從廣義上來講，所有用戶終端產(chǎn)品與視覺和交互有關(guān)的部分，都是前端工程師的專業(yè)領(lǐng)域。
前端工程師的發(fā)展方向
專家方向
經(jīng)過幾年的技術(shù)積累，大量的項(xiàng)目歷練，很自然地就朝著專家的方向過渡了。技術(shù)人普遍具有的一個(gè)特征就是不喜歡管一些亂七八糟的事，更愿意鉆研感興趣的技術(shù)，解決一些技術(shù)難題。走專家路線可能是大多數(shù)技術(shù)人的選擇。
管理方向
另一個(gè)職業(yè)方向就是技術(shù)管理。技術(shù)管理要求的更綜合，日常的工作涉及項(xiàng)目管理，跨部門溝通，團(tuán)隊(duì)管理，技術(shù)體系建設(shè)等方面。做技術(shù)管理意味著遠(yuǎn)離一線coding，漸漸失去自己的技術(shù)優(yōu)勢(shì)，80%的精力是幫助團(tuán)隊(duì)同學(xué)成長(zhǎng)，通過團(tuán)隊(duì)完成既定目標(biāo)。
技術(shù)人要經(jīng)歷一個(gè)心態(tài)的轉(zhuǎn)變。但企業(yè)招人過去最主要的目的是解決實(shí)際面臨的技術(shù)問題，所以對(duì)于技術(shù)管理來說，技術(shù)還是一個(gè)基本面，不能完全放下，還是要時(shí)刻關(guān)注技術(shù)大方向。
產(chǎn)品&業(yè)務(wù)方向
還有一個(gè)職業(yè)方向是轉(zhuǎn)型做產(chǎn)品經(jīng)理更多地貼近業(yè)務(wù)。我身邊有越來越多的前端做了幾年的研發(fā)后轉(zhuǎn)型做了產(chǎn)品。技術(shù)人轉(zhuǎn)型做產(chǎn)品，其實(shí)是比較有優(yōu)勢(shì)的，一方面懂技術(shù)能更好地和研發(fā)溝通，另一方面產(chǎn)品設(shè)計(jì)上更容易落地。
肚皮吃飽了
前端是什么？
前端，也稱web前端。對(duì)于網(wǎng)站來說，通常是指網(wǎng)站的前臺(tái)部分，包括網(wǎng)站的表現(xiàn)層和結(jié)構(gòu)層（通俗點(diǎn)就是用戶可以看到的部分）。
總結(jié)一下，瀏覽器、APP、應(yīng)用程序的界面展現(xiàn)和用戶交互就是前端
前端能干什么？
前端工程師，別稱web前端開發(fā)攻城獅，是在2005年由淘寶發(fā)明出來的稱呼。前端工程師通過前端技術(shù)完成界面設(shè)計(jì)（聽說大公司分工較明細(xì)，這部分交給設(shè)計(jì)師）,界面制作，用戶交互，網(wǎng)站維護(hù)、網(wǎng)站優(yōu)化等等。
通俗點(diǎn)講，可以設(shè)計(jì)、制作網(wǎng)頁(yè)，給網(wǎng)頁(yè)加上各種各樣的特效和功能。
前端需要學(xué)會(huì)哪些技術(shù)？
基礎(chǔ)：html+css+javascript,html5+css3
進(jìn)階：各種框架，如Bootstrap,jquery,react,vue,angular等等
其他：http,一門后端語言，網(wǎng)站優(yōu)化等等
優(yōu)質(zhì)工程師考試問答知識(shí)庫(kù)