首頁(yè)技術(shù)文章正文

web前端開(kāi)發(fā)培訓(xùn)之如何成為一名優(yōu)秀的前端工程師

更新時(shí)間:2017-06-28 來(lái)源:黑馬程序員web前端開(kāi)發(fā)培訓(xùn)學(xué)院 瀏覽量:

一、技術(shù)是必須的
作為一名最基礎(chǔ)的前端工程師你必須掌握HTML、CSS和JavaScript。三者必須同時(shí)精通，類似我這樣對(duì)前端知識(shí)一知半解的，一遇到問(wèn)題就 停下工作就四處搜索解決方案的，首先就算不上一個(gè)合格的前端人員。像我這樣的如果當(dāng)了前端工程師那工期肯定是不能保證的。合格的前端工程師第一要學(xué)會(huì)的就 是在沒(méi)有任何外來(lái)幫助的情況下（包括搜索引擎），能夠完成大多數(shù)任務(wù)。
以下知識(shí)點(diǎn)是作為一個(gè)前端工程師必須了解和熟悉的：
  • DOM結(jié)構(gòu)——兩個(gè)節(jié)點(diǎn)之間可能存在哪些關(guān)系以及如何在節(jié)點(diǎn)之間任意移動(dòng)。
  • DOM操作——怎樣添加、移除、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)。
  • 事件——怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別。
  • XMLHttpRequest——這是什么、怎樣完整地執(zhí)行一次GET請(qǐng)求、怎樣檢測(cè)錯(cuò)誤。
  • 嚴(yán)格模式與混雜模式——如何觸發(fā)這兩種模式，區(qū)分它們有何意義。
  • 盒模型——外邊距、內(nèi)邊距和邊框之間的關(guān)系，IE < 8中的盒模型有什么不同。
  • 塊級(jí)元素與行內(nèi)元素——怎么用CSS控制它們、它們?cè)鯓佑绊懼車脑匾约澳阌X(jué)得應(yīng)該如何定義它們的樣式。
  • 浮動(dòng)元素——怎么使用它們、它們有什么問(wèn)題以及怎么解決這些問(wèn)題。
  • HTML與XHTML——二者有什么區(qū)別，你覺(jué)得應(yīng)該使用哪一個(gè)并說(shuō)出理由。
  • JSON——它是什么、為什么應(yīng)該使用它、到底該怎么使用它，說(shuō)出實(shí)現(xiàn)細(xì)節(jié)來(lái)。


上述這些知識(shí)點(diǎn)都應(yīng)該是你“想都不用想”就知道的東西。除了上述的前端知識(shí)，也還需學(xué)會(huì)至少一門后端編程語(yǔ)言，讓你自己學(xué)會(huì)如何與后端進(jìn)行更好的交互。
很多前端工程師對(duì)一些庫(kù)非常的熟悉，jQuery，Bootstrap等，但是對(duì)于庫(kù)的熟悉并不能提現(xiàn)你的優(yōu)秀，真正優(yōu)秀的是那些理解庫(kù)背后的機(jī)制，特別是能夠徒手寫出一個(gè)自己的庫(kù)的人。
真正合格的前端工程師是能實(shí)現(xiàn)具體的功能要求，而優(yōu)秀的前端工程師需要解決的問(wèn)題是尋找一個(gè)最優(yōu)的解決方案。
二、溝通很重要
優(yōu)秀的前端工程師需要具備良好的溝通能力，因?yàn)槟愕墓ぷ髋c很多人的工作息息相關(guān)。在任何情況下，前端工程師至少都要滿足下列四類客戶的需求。
  • 產(chǎn)品經(jīng)理——這些是負(fù)責(zé)策劃應(yīng)用程序的一群人。他們能夠想象出怎樣通過(guò)應(yīng)用程序來(lái)滿用戶需求，以及怎樣通過(guò)他們?cè)O(shè)計(jì)的模式賺到錢（但愿如此）。一般來(lái)說(shuō)，這些人追求的是豐富的功能。
  • UI設(shè)計(jì)師——這些人負(fù)責(zé)應(yīng)用程序的視覺(jué)設(shè)計(jì)和交互模擬。他們關(guān)心的是用戶對(duì)什么敏感、交互的一貫性以及整體的好用性。他們熱衷于流暢靚麗但并不容易實(shí)現(xiàn)的用戶界面。
  • 項(xiàng)目經(jīng)理——這些人負(fù)責(zé)實(shí)際地運(yùn)行和維護(hù)應(yīng)用程序。項(xiàng)目管理的主要關(guān)注點(diǎn)，無(wú)外乎正常運(yùn)行時(shí)間——應(yīng)用程序始終正?？捎玫臅r(shí)間、性能和截止日期。項(xiàng)目經(jīng)理追求的目標(biāo)往往是盡量保持事情的簡(jiǎn)單化，以及不在升級(jí)更新時(shí)引入新問(wèn)題。
  • 最終用戶——當(dāng)然是應(yīng)用程序的主要消費(fèi)者。盡管我們不會(huì)經(jīng)常與最終用戶打交道，但他們的反饋意見(jiàn)至關(guān)重要；沒(méi)人想用的應(yīng)用程序毫無(wú)價(jià)值。最終用戶要求最多的就是對(duì)個(gè)人有用的功能，以及競(jìng)爭(zhēng)性產(chǎn)品所具備的功能。


不要在沒(méi)有作出評(píng)估之前就隨便接受某項(xiàng)任務(wù)。你必須始終記住，一定先搞清楚別人到底想讓你干什么，不能簡(jiǎn)單地接受“這個(gè)功能有問(wèn)題”之類的大概其的 說(shuō)法。而且，你還要確切地知道這個(gè)功能或設(shè)計(jì)的真正意圖何在?！凹右粋€(gè)按鈕”之類的任務(wù)并不總意味著你最后會(huì)加一個(gè)按鈕。還可能意味著你會(huì)找產(chǎn)品經(jīng)理，問(wèn) 一問(wèn)這個(gè)按鈕有什么用處，然后再找UI設(shè)計(jì)師一塊探討按鈕是不是最佳的交互手段。要成為優(yōu)秀的前端工程師，這種溝通至關(guān)重要。
那么，前端工程師應(yīng)該最關(guān)注哪些人的意見(jiàn)呢？答案是所有這四類人。優(yōu)秀的前端工程師必須知道如何平衡這四類人的需求和預(yù)期，然后在此基礎(chǔ)上拿出最佳 解決方案。由于前端工程師處于與這四類人溝通的交匯點(diǎn)上，因此其溝通能力的重要性不言而喻。如果一個(gè)非常酷的新功能因?yàn)闀?huì)影響前端性能，必須刪繁就簡(jiǎn)，你 怎么跟產(chǎn)品經(jīng)理解釋？再比如，假設(shè)某個(gè)設(shè)計(jì)如果不改回原方案可能會(huì)給應(yīng)用程序造成負(fù)面影響，你怎么才能說(shuō)服UI設(shè)計(jì)師？作為前端工程師，你必須了解每一類 人的想法從何而來(lái)，必須能拿出所有各方都能接受的解決方案。從某種意義上說(shuō)，優(yōu)秀的前端工程師就像是一位大使，需要時(shí)刻抱著外交官的心態(tài)來(lái)應(yīng)對(duì)每一天的工 作。
專業(yè)技術(shù)可能會(huì)引領(lǐng)你進(jìn)入成為前端工程師的大門，但只有運(yùn)用該技術(shù)創(chuàng)造的應(yīng)用程序以及你跟他人并肩協(xié)同的能力，才會(huì)真正讓你變得優(yōu)秀。
三、提升無(wú)止境
優(yōu)秀的前端工程師應(yīng)該具備快速學(xué)習(xí)能力。推動(dòng)Web發(fā)展的技術(shù)并不是靜止不動(dòng)的，這些技術(shù)幾乎每天都在變化，如果沒(méi)有快速學(xué)習(xí)能力，你就跟不上 Web發(fā)展的步伐。你必須不斷提升自己，不斷學(xué)習(xí)新技術(shù)、新模式；僅僅依靠今天的知識(shí)無(wú)法適應(yīng)未來(lái)。Web的明天與今天必將有天壤之別，而你的工作就是要 搞清楚如何通過(guò)自己的Web應(yīng)用程序來(lái)體現(xiàn)這種翻天覆地的變化。
四、前端開(kāi)發(fā)知識(shí)架構(gòu)




本文版權(quán)歸黑馬程序員web前端開(kāi)發(fā)學(xué)院所有，歡迎轉(zhuǎn)載，轉(zhuǎn)載請(qǐng)注明作者出處，謝謝！
作者：黑馬程序員web前端培訓(xùn)學(xué)院；
首發(fā)：http://web.itheima.com/ 
分享到：
在線咨詢 我要報(bào)名
和我們?cè)诰€交談！