❶ 前端工程師他到底是一種怎樣的職業
前端工程師已經是大家不再陌生的一個軟體行業的工種了,盡管這一工種誕生也沒幾年。作為一名從業三年的前端工程師,我嘗試結合業界標准與我的理解,來盡可能詮釋一下前端工程師這個職業。
前端工程師的英文名為front-end engineer,簡稱FE,下文將用FE來代稱。現在意義上的前端(並非只製作網頁),國內最早開始有大規模招聘崗位應該是2011年左右的事情吧,在此之前,FE的工作基本都是由服務端工程師包辦的,或者是由設計師來產出HTML頁面。那麼,是什麼樣的原因催生出了FE這一職位呢?本文將從FE的工作內容、專業FE應具備的技能和品質來聊聊這個職業。
用戶體驗的操刀者
前端工程師的首要工作就是開發用戶界面,在web系統中,就是指網頁了。為什麼網頁需要專門的FE來寫呢?答案就是「用戶體驗」。隨著web2.0概念的普及以及web3.0的提出,用戶成為互聯網的主要生產者,網頁所承載的功能越來越多。
一方面,企業的「用戶體驗」訴求很強烈。這個很容易就能理解,如果你的產品看上去就像個釣魚網站而且還特別難用,就會有一部分用戶離你而去。非互聯網企業呢?也會面臨這樣的情況,你花了很大的功夫優化資料庫,優化伺服器負載,你的客戶卻很難感知到你的努力。你的系統界面還是八九十年代的風格,客戶的第一感覺就是這系統不行,不買你的帳。相反,如果你花一點時間做一套嶄新風格的界面出來,客戶的第一感覺就是這個系統好炫酷,技術含量很高。不要小看這個第一感覺,對於外行人來說,第一感覺往往起到了決定作用。好多企業都意識到了這一點,所以對用戶體驗的訴求就上去了。
另一方面,現在的用戶也都很挑剔。畢竟他們使用的產品一個比一個炫,都被慣壞了,你的產品稍有點不爽的地方,就上微博去給你宣傳。
前端工程師是用戶體驗的把控者,在產品經理構想出交互原型,設計師設計出交互細節後,FE就用他的雙手一行行敲出這些代碼。他敲出的每一個按鈕,每一張圖片,都被成千上萬的用戶點擊著,FE與用戶可以說是「零距離接觸」。作為產品交互的實現者,除了HTML、CSS這兩門語言要精通外,對前端要求更高的其實是非技術因素。
FE需要對用戶體驗有較深的理解。比如頁面上有一個超鏈接,字體比較小的情況下,用戶可能會一下點不中,因為鏈接的可點擊區域是緊貼著文字邊緣的。前端可以通過很簡單的方法來擴大這個鏈接的可點擊區域,使得用戶更容易點中。這就是用戶體驗,正如《瞬間之美》中提到的那樣,touch到用戶的內心只需要一瞬間。對用戶體驗的理解,還體現在對一些交互常識的把握上。比如用戶操作某個軟體的界面,會感覺它很靈巧,卻具體說不出到底是哪裡。那麼很可能是這個界面上的按鈕有著設計良好的四態(正常、滑鼠移上、滑鼠按下、不可用),它會隨時對你的操作給出反饋。
懂用戶體驗的前端工程師,會讓他的作品與用戶溝通,能夠touch到用戶心中那一塊柔軟的區域。
FE需要有一點強迫症。這體現在對任何瑕疵的不容忍。比如採用技術手段讓頁面的滾動更平滑些,減少頁面的視覺抖動,像素級別的定位校準。當用戶觸碰的內容是一串非電話號碼的數字時,不要讓手機自動調出撥號功能,等等。很多細節是產品經理無法感知的,因為這些都是很零散的技術手段,只有靠FE來點滴積累。再有極致者,追求讓頁面的響應時間再減少幾個毫秒,讓你的手機少耗幾KB流量,少耗一些電量。這些甚至連用戶都無法感知,但是當你的用戶有百萬級別或者千萬級別,這樣做的價值就顯現出來了。
前端工程師需要是一個心思細膩之人,需要對美有所領悟,需要執著地追求完美,需要有品味,有思想,有大局觀,最好還能懂點心理學。
用戶端業務邏輯
做出優雅的界面只是前端工程師的第一步,編程也是必備技能,FE承擔著處理用戶端業務邏輯的任務。放在以前,用戶端就是個IE瀏覽器,沒有什麼業務邏輯可言。但現在不同了,用戶使用瀏覽器發表文章、進行社交活動,更復雜的能使用在線工具完成工作。
javascript就是FE需要掌握的編程語言,他應該通曉這門語言的優勢和缺點,掌握各種編程思想、開發模式。利用各種技巧實現交互越來越豐富的界面,同時還要與服務端的工程師溝通,調試介面,完成:頁面展示——響應用戶操作——提交用戶數據——反饋操作結果這一系列流程。
從這一點上,要求前端工程師要有軟體開發的基礎,了解計算機的基本原理,網路通信的基本原理,所以計算機相關專業出身的前端會更有優勢一些。
前端也需要架構
寫寫網頁也要架構?有什麼好架的?回答這個問題首先得明確一點,FE的工作內容已不再是「寫寫頁面」這么簡單。隨著前端代碼的規模越來越大,逐漸涌現出了模塊化開發、MVC、MVVM等開發模式。團隊規模也從原來的單兵作戰演變為團隊開發。
所以,一個高級前端工程師,要有架構能力。這個架構能力包括不限於:
對現有優秀框架的了解與整合使用
根據項目的業務特點構建出合適的開發模式
設計前端測試方案保證代碼質量
用工程化方案組織起團隊的開發流程。
向前延伸、向後延伸
物聯網的市場越來越熱了,手機是物聯網體系中的一個關鍵節點。前端工程師的戰場已不再是單純的瀏覽器,將來會覆蓋到各種「端設備」上。得益於javascript語言的靈活性,現在用javascript已經可以開發windows應用、ios應用、android應用,可以編寫智能電視上的應用。將來,或許是VR、可穿戴設備、智能家電。這是前端可以向前延伸的方向。
另一方面,由於nodejs的橫空出世,javascript這門語言竟然神奇的有了服務端的能力。之前用java、PHP做的事情,js同樣可以實現了。本來前端陣營中就有一批人是從後端轉過來的,有服務端開發的基礎,得了nodejs這一利器,再加上現在市場的需求,快出產品,敏捷開發,前端工程師向後延伸的路線寬廣而明亮。事實上,全棧工程師的概念在前年就被提出,BAT這樣的業界領頭羊早已用nodejs做一些基礎設施的建設,而很多小而快的創業公司,也在用nodejs進行快速迭代開發。
持續學習
前端領域的技術更新相對於其他領域要快很多,原因大概也是因為這個領域離用戶最近吧。有一些新的技術甚至是顛覆性的,前端工程師必須要跟上時代的步伐,否則你開發出的產品在體驗上就落後別人一截了。
有一些市場人員提出的需求,產品經理根據多年的經驗評估後覺得無法實現,就被打回了。而事實上,隨著新技術的出現,有些你認為無法實現的功能已經可以在前端實現了。隨著HTML5的支持度越來越高,前端擁有的能力也會越強。比如利用canvas能夠獲取到圖片上的每一個像素點,這樣前端就擁有了圖像處理能力。有了FileReader API,前端擁有了本地文件的讀取能力,還有地理位置獲取等等。
而這些新東西,就需要前端工程師來不斷學習。所以,一個稱職的前端必須能夠保持持續學習能力,能夠對新技術有敏銳的嗅覺。活到老,學到老,說的就是前端工程師。
高情商的程序猿
大多數人對程序猿的印象就是情商低、不善言談。但前端工程師應該是個例外,這是由工作性質決定的。
從工作流程來看,FE處於設計師的下游,他要接設計稿,轉化為網頁。同時又是後端工程師的上游,需要把用戶產生的數據提交到服務端。橫向來看,他又與產品經理有著密切接觸,因為他可能隨時和產品經理探討交互的細節。這樣一個連接著團隊中的其他成員的角色,需要他既是一個粘合劑,又是一個潤滑劑。
前端工程師需要有較高的溝通能力和理解能力。我們經常開玩笑說「設計師活在童話故事裡」,因為有時候他們設計的頁面根本不符合常規,無法實現。這個時候你就需要耐心的給設計MM講原理、講原因,並且告訴她設計需要遵循哪些基本規范。對於產品經理的思想,你要能把握到位,你得理解他比劃了半天到底是想要做什麼。與後端工程師打交道的時候,你又得馬上化身編程達人,跟他們聊數據類型,聊面向對象,聊設計模式。
你需要能隨時切換角色,切換你的表達方式和談話內容。所以,你得是一隻高情商的程序員。
以上就是我對前端工程師的理解,前端的門檻低,但要成為一名專業的前端工程師,需要掌握的東西太多了。除了前端技術外,我認為前端更重要的是綜合能力,包括我上面談到的思維細膩、有品味、有思想、情商高等等。畢竟你要通過代碼與用戶產生接觸,給用戶帶來愉悅感。從某種程度上來說,你得是一個好戀人。
❷ web前端工程師是做什麼的前景和薪資待遇如何
1、Web前端工程師,相信大家都不陌生,主要是完成客戶端程序(也就是瀏覽器端)的開發,開發JavaScript以及Flash模塊,同時結合後台開發技術模擬整體效果,進行豐富互聯網的Web開發,致力於通過技術改善用戶體驗。現如今也叫前端工程師。
2、web前端開發常用的軟體有:Sublime Text、Dreamweaver、Visual Studio Code、HBuilder、WebStorm
3、全國
Web前端工程師
全國前端工程師平均工資:¥ 13130/月,取自 154596 份樣本。
全國Web前端開發平均工資:¥ 9390/月,取自 71213 份樣本。
在全國的數據調查中,Web前端工程師與前端工程師的平均薪資相差4000左右。在前端工程師中,20k-30k之間佔比23.1%,10k-15k佔比16.5%,6k-8K佔比15.6%。在Web前端工程師中,20k-30k之間佔比16.5%,6k-8K佔比17.1%,4.5k-6k佔比20%。
4、web前端的技術在不斷的更新,後期肯定要不斷的學習進步地的。相對Java來說,web前端很適合女生來學。web前端語法簡單,非常適合零基礎小白入門。
❸ H5前端工程師是什麼職位
1. 從事基於Web的UI開發工作,參與公司移動端項目研發工作;
2.負責手機端wap站點及app內HTML5自適應頁面開發;
3.獨立完成前端需要用到JS的特效工作;
4.獨立解決開發過程中遇到的各種問題(快速處理頁面自適應、瀏覽器兼容等問題)。
H5的開發使得WEB平台更加完善,使得其中的視頻、音頻、圖像、動畫以及交互等都有了規范法則。HTML5 是Web時代的前沿技術,具有強烈的互聯網時代特徵。但如果要讓網頁的內容更加生動,提供更多交互形式的用戶體驗,以滿足企業級別的需求。那麼還需要掌握基本的Web前端開發技術,其中包括:CSS、HTML、DOM、Ajax、JavaScript等。
❹ 前端開發工程師需要學習什麼知識
web前端開發工程師一般分為三種級別,一般分為初級工程師、中級工程師、高級工程師。
1.初級前端工程師:能熟練使用html、css、js,主要工作還是搭建靜態頁面。進階知識的話就是響應式這一塊了,一套代碼能適配pc+手機是初級前端工程師的進階。
2.中級前端工程師:作為一名中級前端工程師的話,除了上面的以外,還需要會使用一些框架之類的東西,像bootstrap、jquery之類的。進階的知識應該是ajax這一塊了,當然ajax並不是很難,了解怎麼與後台互動式學習ajax的關鍵點。
3.高級前端工程師:想成為高級前端工程師,首先要學習的就是前端工程化,進階框架angular、vue、react ,和jquery有著很大區別,vue是數據控制頁面渲染及狀態,而jquery是DOM節點控制渲染,vue渲染頁面更容易更優雅。vue能夠把前端項目徹底工程化,有配置文件、可以安裝第三方模塊、配合webpack打包、可以實現模塊化開發等等,當然簡單是它最大的優勢。進階就是要學習es6 7 語法、vuex、Element_ui (開發pc端框架)、vux(開發手機端框架)、Mint UI(開發手機端框架)、Nodejs(後端語言,js語法)。
❺ Web 前端高級開發工程師是什麼職位
Web 前端高級開發工程師
1. 負責公司PC端產品的研發、維護
2. 參與產品需求/問題討論,有效理解需求實現、解決問題
3. 與後台人員有效溝通,完成前後端對接工作
❻ web前端職位等級怎麼劃分
任何職業都會分三六九等,更不必說前端技術工程師了,等級完全體現在技術能力的強弱上,十分客觀明顯。
前端開發工程師——有一定的項目執行能力,能嫻熟的應用知識
高級前端開發工程師——能主動執行項目,輔助團隊的整體工作,有創新精神,能將知識融會貫通。
高級的工程師和普通的工程師對於企業的貢獻價值是完全不一樣的,高級工程師可以簡單地做到以下幾點:
1、一開始學習都會選擇在網上找資料,但要記住資料在精不在多,找一套適合自己且體系完整的資料是完全夠用的,過多的資料不益於知識框架的構成,
2、學習的氛圍是十分重要的,如果有很多人和你一起學習的話,會促進學習效率的提升。可以組織一些也要學習的人,建一個學習交流群,一起共同學習,交流經驗。
3、也可以在上文組建的微信群里找一個學習夥伴,仿照上學時的學習小組的形式,倆人一起互相監督,互相鼓勵學習,一起共同進步。
4、在學習的時候,一定要形成每天總結學習內容的規律,這樣不僅能形成學習習慣,而且當學習內容積累到一定程度,還會給人帶來成就感,會讓學習更加有積極性。
5、只學習是一定不夠的,前端是一種應用技術,還是要體現在實戰上面。可以定期組織一些小夥伴,開展項目實戰,在實戰中總結經驗,體會不足之處。一個好的項目經驗也可作為找工作的優勢之處。
我建立了一個交流學習前端的自學團,在自學團里會嚴格監督大家學習打卡,定期分享學習資料,定期組織項目實踐,給大家匹配適合的學習夥伴。想要加入或者了解的話,可以私聊我或是給我留言。
❼ 前端32k什麼水平
拿到32k已經是大佬級別的水平了,三種級別大概是5k、15k和25k。
隨著信息技術不斷發展,前端技術的發展也經歷了不同的階段。前端概念隨著移動智能手機的普及被正式提出,混合APP開始被廣泛開發。近年來,由於前端技術開始實現工程化,一些企業前端開發任務逐漸向後端拓展,邏輯思維能力也逐漸成為前端開發人員必備的能力。從2018年開始,用戶體驗感要求不斷提高,小程序作為一種不用下載就可以使用的應用頗受用戶和開發者歡迎。web前端開發工程師的三種級別,一般分為初級工程師、中級工程師、高級工程師。
初級前端工程師:
能熟練使用html、css、js主要工作還是搭建靜態頁面。進階的知識的話就是響應式這一塊了,一套代碼能適配pc+手機是初級前端工程師的進階。
中級前端工程師:
作為一名中級前端工程師的話,除了上面的以外,還需要會使用一些框架之類的東西,像bootstrap、jquery之類的。進階的知識應該是ajax這一塊了,當然ajax並不難,了解怎麼與後台交互是學習ajax的關鍵點。
高級前端工程師:
想成為高級前端工程師,首先要學習的就是前端工程化,進階框架angular、vue、react。那它和jquery有著很大區別。vue是數據控制頁面渲染及狀態,而jquery是DOM節點控制渲染,vue渲染頁面更容易更優雅。vue能夠把前端項目徹底工程化,有配置文件、可以安裝第三方模塊、配合webpack打包、可以實現模塊化開發..等等,當然簡單是它最大的優勢。進階就是要學習es67語法、vuex、Element_ui(開發pc端框架)、vux(開發手機端框架)、MintUI(開發手機端框架)、Nodejs(後端語言,js語法)。
❽ web前端開發工程師能夠細分為哪幾種
我了解的有那種,只寫HTML和CSS的,但是我感覺作為一個web前端工程師如果不了解JAVASCRIPT的話,是不完整的
❾ WEB前端工程師分級別的嗎
Web前端職位分為:
1 網頁製作
2 前端製作工程師
3 網站重構工程師
4 前端開發工程師
5 資深前端開發工程師
6 前端架構師
❿ web前端工程師做什麼
主要工作是把UI的設計圖按照w3c標准做成html頁面,並且用javascript腳本語言實現頁面上的前端互動。互動效果包括,彈出層,頁簽切換,圖片滾動,ajax非同步互動等。
高級前端工程師還要承擔前端優化的工作,優化的知識就會更多一些,比如文件過期Expires,緩存,非同步緩存,js和css以及圖片的壓縮等。
前端開發是一項很特殊的工作,前端工程師的工作說得輕松,看似輕巧,但做起來絕對不是那麼的簡單。在開發過程中涵蓋的東西非常寬廣,既要從技術的角度來思 考界面的實現,規避技術的死角,又要從用戶的角度來思考,怎樣才能更好地接受技術呈現的枯燥的數據,更好的呈現信息。簡單地說,它的主要職能就將網站的數 據和用戶的接受更好地結合在一起,為用戶呈現一個友好的數據界面。
前端工程師是一個很新的職業,在國內乃至國際上真正開始受到重視的時間不超過5年。互聯網的發展速度迅猛,網頁由WEB1.0到WEB2.0,再 到新生的HTML5、CSS3,到現在手機、3G網路等新科技的興起,網頁也由最原先的圖文為主,到現在各種各樣的基於哀前端技術實現的應用、交互和富媒 體的呈現,更多的信息、更豐富的內容、更友好的體驗,已經成為網站前端開發的要求,網站的前端開發發生了翻天可覆地的變化。網站的開發對前端的需要越來越重要,但目前前端工程師需求遠大於供給,前端人才非常緊缺。所以高質量的前端開發工程師將會是後五年內一個非常熱門的職業,發展的前景非常可觀。
PS:歡迎加入我的前端qq交流群,裡面也是一群學前端的小夥伴,我們可以一起學習,互相監督,互相交流學習經驗,一起進行項目實踐。期待你的加入。