璦逮云暮
如今在整個(gè)技術(shù)領(lǐng)域,Web前端開發(fā)永遠(yuǎn)站在第一線直面用戶體驗(yàn),已成為當(dāng)下互聯(lián)網(wǎng)行業(yè)緊俏的高端技術(shù)崗位,越來(lái)越多的人想要學(xué)習(xí)Web前端,成為一名Web前端開發(fā)工程師。
今天安妹就來(lái)跟大家詳細(xì)說(shuō)說(shuō):什么是Web前端?前端工程師這一職位又是具體做些什么的
什么叫Web前端?
Web前端開發(fā)是從網(wǎng)頁(yè)制作演變而來(lái)的,互聯(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)的。無(wú)論是開發(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)用程序等。那么,合起來(lái)的意思也就是這些瀏覽器、app、應(yīng)用程序的界面展現(xiàn)以及用戶交互就是“前端”。前端的主要職能:把網(wǎng)頁(yè)界面更好的呈現(xiàn)給用戶,與后端相比更加注重頁(yè)面性能與用戶體驗(yàn)。
Web前端開發(fā)有很明顯的時(shí)代特征,它掌控著非常重要的內(nèi)容和信息的傳達(dá),前端開發(fā)人員影響著用戶的視覺(jué)體驗(yàn),并且在很大程度上決定著大眾的信息攝入,以及用戶讀取信息的有效方式,所以企業(yè)對(duì)于前端開發(fā)的人才需求量也越來(lái)越大。
從招聘網(wǎng)站分析,其用人數(shù)量已經(jīng)遠(yuǎn)遠(yuǎn)超過(guò)主流編程語(yǔ)言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á)到幾十萬(wàn)。目前,北京、上海、廣州、深圳等地Web前端工程師的薪資待遇更是一飆再飆。安妹所在的成都地區(qū),目前Web前端發(fā)展也是一片向好,具體可以看看安妹之前寫的文章,已經(jīng)講過(guò)很多了,此處略去不表。
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)容。
lukylukycat
前端開發(fā)工程師需要具備能力如下:
一、三大基礎(chǔ)技能,js、css、html這三項(xiàng)技能是前端工程師能力中的基礎(chǔ),任何框架、工具、庫(kù)都是基于這三者只上的。這是硬實(shí)力,決定了整個(gè)前端生涯能夠達(dá)到的高度,以及在后面的技術(shù)棧拓展中的順暢程度和能夠達(dá)到的效果。
二、工程能力要有,前端工程師首先是個(gè)工程師,做項(xiàng)目就是在做工程,所以懂得如何把一個(gè)項(xiàng)目的前端部分的工程運(yùn)行起來(lái),是另一項(xiàng)必備技能。grunt、gulp、webpack都是著名的工程類工具,這些工具只要能熟練使用,就基本符合工程能力的要求。
三、調(diào)試能力要必備,如果還在用alert、console來(lái)調(diào)試程序定位問(wèn)題,那么你還不符合要求。學(xué)習(xí)chrome調(diào)試工具的使用,Elements查看元素、Network查看網(wǎng)絡(luò)請(qǐng)求、Sources查看代碼,設(shè)置斷點(diǎn)定位問(wèn)題、call stack查看調(diào)用棧。
四、團(tuán)隊(duì)協(xié)作能力指的就是git,在項(xiàng)目開發(fā)中必不可少,熟練使用git,掌握常用的命令,學(xué)會(huì)解決沖突。
五、熱門框架的使用vue、react是當(dāng)前兩個(gè)最熱門的框架,能夠熟練使用是基本要求,如果你想在眾多求職者中脫穎而出,你還需要理解原理,還是那句話,你跟offer的差距就是使用與實(shí)現(xiàn)的差距。試著理解virtual dom的原理,響應(yīng)式的原理,雙向數(shù)據(jù)綁定的原理。
六、項(xiàng)目經(jīng)驗(yàn)要可靠,不是“仿了幾個(gè)頁(yè)面”,而是“項(xiàng)目”的經(jīng)驗(yàn),是經(jīng)歷過(guò)整個(gè)項(xiàng)目從0到1全過(guò)程的經(jīng)驗(yàn),在這個(gè)過(guò)程中遇到了什么坑,如何解決的,解決的過(guò)程中是如何思考的。
優(yōu)質(zhì)工程師考試問(wèn)答知識(shí)庫(kù)