前端開(kāi)發(fā)工程師進(jìn)階
最幸福的米蟲(chóng)
WaimanTong
前端工程師主要是指完成頁(yè)面制作?，F(xiàn)在前端工程師更偏向于全棧，不光是前端，后端也需要進(jìn)行了解。下面的步驟就是學(xué)習(xí)路線(xiàn)，應(yīng)該學(xué)習(xí)哪些內(nèi)容，具體內(nèi)容后面的經(jīng)驗(yàn)會(huì)分享，也可以自己前往搜索相關(guān)資源。第一部分：HTML。HTML是標(biāo)記語(yǔ)言，也就是經(jīng)常能在代碼中看到的
,?，F(xiàn)在有了HTML5,提供了一些新的標(biāo)簽語(yǔ)言，例如
吃貨阿呀
分享一份完整版的web前端學(xué)習(xí)路線(xiàn)，可以參考下。1、PC端頁(yè)面制作與動(dòng)畫(huà)特效學(xué)習(xí)HTML+CSS搭建網(wǎng)頁(yè)、CSS動(dòng)畫(huà)特效、PhotoShop切圖等基礎(chǔ)知識(shí)，獲得初級(jí)Web前端工程師技能，主要進(jìn)行PC端網(wǎng)頁(yè)制作與樣式設(shè)計(jì)實(shí)現(xiàn)，能夠配合UI設(shè)計(jì)師進(jìn)行項(xiàng)目開(kāi)發(fā)。2、移動(dòng)端頁(yè)面制作與響應(yīng)式實(shí)現(xiàn)講解移動(dòng)端布局與設(shè)備適配、響應(yīng)式設(shè)計(jì)與實(shí)現(xiàn)等，獲得移動(dòng)端頁(yè)面適配工程師技能，主要進(jìn)行移動(dòng)端網(wǎng)頁(yè)的布局制作與樣式設(shè)計(jì)實(shí)現(xiàn)。可以適配各種手機(jī)尺寸，并能利用響應(yīng)式進(jìn)行移動(dòng)端與PC端適配。3、JavaScript與jQuery開(kāi)發(fā)同HTML5基礎(chǔ)知識(shí)一樣，JavaScript開(kāi)發(fā)與jQuery開(kāi)發(fā)是職業(yè)晉升必備的技能包，獲得中級(jí)Web開(kāi)發(fā)工程師技能，主要進(jìn)行頁(yè)面行為交互，實(shí)現(xiàn)網(wǎng)站常見(jiàn)特效，加輪播圖，選項(xiàng)卡，拖拽效果等，并能配合UI和后端進(jìn)行項(xiàng)目開(kāi)發(fā)。4、HTML5高級(jí)框架技術(shù)開(kāi)發(fā)常用的Vue框架開(kāi)發(fā)，React框架開(kāi)發(fā)，Angular框架開(kāi)發(fā)，數(shù)據(jù)可視化技術(shù)?？色@得中級(jí)Web前端工程師技能，主要適用框架開(kāi)發(fā)企業(yè)項(xiàng)目，實(shí)現(xiàn)單頁(yè)面應(yīng)用開(kāi)發(fā)?？梢酝瓿蓮?fù)雜的數(shù)據(jù)交互應(yīng)用場(chǎng)景，具備獨(dú)立開(kāi)發(fā)項(xiàng)目能力。5、全棧前后端技術(shù)開(kāi)發(fā)技術(shù)，其他后端技術(shù)，如Java或PHP?？色@得高級(jí)Web前端工程師技能，主要進(jìn)行前后端全棧樣式開(kāi)發(fā)，能獨(dú)立完成一個(gè)中小型項(xiàng)目的前后臺(tái)，對(duì)于網(wǎng)站開(kāi)發(fā)有著非常熟練的編程能力。可以從零開(kāi)始，一步步的掌握前端開(kāi)發(fā)的各項(xiàng)相關(guān)技能，最終達(dá)到企業(yè)對(duì)初級(jí)前端開(kāi)發(fā)工程師、中級(jí)前端開(kāi)發(fā)工程師、高級(jí)開(kāi)發(fā)工程師等職位的要求。學(xué)web前端一般在2萬(wàn)左右，4-6個(gè)月左右的時(shí)間。應(yīng)該根據(jù)自己的實(shí)際需求去千 鋒看一下，面授的，先好好試聽(tīng)之后，再選擇適合自己的。只要努力學(xué)到真東西，前途自然不會(huì)差。
涼風(fēng)正正
Web前端職位：“網(wǎng)頁(yè)制作”、“前端制作工程師”、“網(wǎng)站重構(gòu)工程師”、“前端開(kāi)發(fā)工程師”、“資深前端開(kāi)發(fā)工程師”以及“前端架構(gòu)師”。一般來(lái)說(shuō)，幾個(gè)人的小團(tuán)隊(duì)這個(gè)職位的名稱(chēng)沒(méi)有那么嚴(yán)格了，叫網(wǎng)頁(yè)制作或者前端制作什么的；規(guī)模較小的UED中的Web前端團(tuán)隊(duì)，叫做“網(wǎng)頁(yè)制作工程師”或者“Web前端制作工程師”；騰訊的Web前端設(shè)置比較特殊，他們的規(guī)模較大，不叫UED，而是叫做ISD，他們的分工一般來(lái)說(shuō)也是只負(fù)責(zé)Web頁(yè)面的HTML和CSS部分，可能也包含少部分的JavaScript代碼，而他們的這個(gè)職位叫做“Web重構(gòu)工程師”。而類(lèi)似淘寶UED這種比較大的UED團(tuán)隊(duì)，其Web前端人員的職責(zé)范圍也更大一些，他們的Web前端人員不僅要做HTML和CSS，還要做全部的JavaScript或者ActionScript，并且進(jìn)一步擴(kuò)展到Ajax甚至PHP等腳本語(yǔ)言的范圍，而其相關(guān)的職位則主要分為“前端開(kāi)發(fā)工程師”、“資深前端開(kāi)發(fā)工程師”以及“前端架構(gòu)師”。
千年小猴妖
前端工程師和任何一個(gè)崗位一樣，想要由淺入深，從初級(jí)走向高級(jí)，不僅需要理論和實(shí)踐的大量積累，還需要方法論。有無(wú)方法論的區(qū)別就如同這句話(huà)：過(guò)去一年，有些人活了一年365天，而有些人只活了1天重復(fù)了365次。方法論的意義就是要告訴我們?cè)谕瑯拥臅r(shí)間維度下，時(shí)間在走，你的知識(shí)體系的廣度和深度也在不斷的加強(qiáng)。所以本文的關(guān)鍵詞就是知識(shí)體系和方法論。 前端知識(shí)體系主要包含html(h5)、css(ccs3)、js(es6)、前端js庫(kù)（比如jquery）、前端樣式庫(kù)（如bootstrap）、前端框架（angular、react、vue）、移動(dòng)端開(kāi)發(fā)、模塊化、組建化、工程化、前端安全、前端性能。廣度就是盡可能將自己的知識(shí)體系對(duì)前端的方方面面都有覆蓋，深度就是前端的任何問(wèn)題別人問(wèn)到你時(shí)，你盡可能的可以給別人解釋個(gè)一二三，是什么、為什么、怎么用。 基于知識(shí)體系，先有個(gè)宏觀(guān)的知識(shí)體系架構(gòu)，這是進(jìn)階的很關(guān)鍵一點(diǎn)：剛開(kāi)始要好讀書(shū)而不求甚解，概覽全貌后深入微觀(guān)。也就是說(shuō)先將知識(shí)體系劃分板塊，提綱挈領(lǐng)，而后對(duì)每個(gè)板塊進(jìn)行深挖。期間對(duì)大塊繼續(xù)進(jìn)行小板塊劃分，直至將知識(shí)細(xì)分到點(diǎn)。深度講究的是對(duì)知識(shí)體系的每個(gè)板塊、小版塊、知識(shí)點(diǎn)進(jìn)行深挖。深挖需要消耗大量時(shí)間，所以就有行業(yè)中的專(zhuān)業(yè)進(jìn)階規(guī)律，三年入門(mén)、五年小成、八年有所成。 本次主要分享前端工程師的知識(shí)體系和進(jìn)階方法論。 后續(xù)會(huì)先分板塊宏觀(guān)概覽前端知識(shí)體系全貌，然后再對(duì)板塊分門(mén)別類(lèi)深挖，有道是：深挖洞，才能廣積糧。
小S媽是顧大廚
前端需要學(xué)習(xí)的內(nèi)容很多，涵蓋較多方面，大致可以分為以下幾個(gè)階段。一、初級(jí)階段：前端初體驗(yàn)，感受視覺(jué)沖擊，提升學(xué)習(xí)興趣，打消學(xué)習(xí)疑慮PS入門(mén)（前端UI協(xié)同工具藍(lán)湖與標(biāo)你妹工具使用)HTML5，cSS3(大量CSS3網(wǎng)頁(yè)特效制作)移動(dòng)端布局基礎(chǔ)(媒體查詢(xún)、頁(yè)面適配)，響應(yīng)式頁(yè)面布局。二、中級(jí)階段：夯實(shí)基礎(chǔ)，打通任督二脈，杜絕做一個(gè)API的搬運(yùn)工JS入門(mén)，DOM操作，BOM，H5常用新API，Jquery之DOM操作，Ajax ;JS高階，面向?qū)ο?OOP)，原型、原型鏈，執(zhí)行上下文棧，作用域、作用域鏈，This，閉包，ES6/頁(yè)面特效+插件封裝;服務(wù)器知識(shí) (Express4) , MongoDB(mongoose)/Mysql. Websocket.三、高級(jí)階段：通往前端實(shí)戰(zhàn)之路，時(shí)下最新開(kāi)發(fā)框架與使用技巧，杜絕過(guò)時(shí)技術(shù)炒剩飯Vue全家桶()React全家桶()微信小程序（登錄態(tài)+微信支付)
優(yōu)質(zhì)工程師考試問(wèn)答知識(shí)庫(kù)
