據(jù)統(tǒng)計(jì),國(guó)外的前端開(kāi)發(fā)人員和后端開(kāi)發(fā)人員比例約為1:1,但是在國(guó)內(nèi)的比例卻在1:3以下,web前端開(kāi)發(fā)職位的人才缺口巨大。
根據(jù)網(wǎng)上數(shù)據(jù)統(tǒng)計(jì),上海web前端開(kāi)發(fā)工程師這一職位的月平均收入為1.5萬(wàn)元,工作經(jīng)驗(yàn)達(dá)到3年的web前端工程師甚至達(dá)到3萬(wàn)元以上。
而且web前端工程師一般工作1年左右,年薪一般就能有15w,工作5年以上的通常能成為互聯(lián)網(wǎng)公司技術(shù)總監(jiān)或者產(chǎn)品經(jīng)理,年薪達(dá)到40W左右。
我們先用三個(gè)數(shù)據(jù)了解一下。
web前端北京地區(qū)薪資:
北京前端開(kāi)發(fā)工程師平均工資:¥ 18690/月,取自 23348 份樣本。
按工作年限統(tǒng)計(jì):
從圖表中可以發(fā)現(xiàn),web前端工程師月薪2-3萬(wàn)的人群占比*,達(dá)到了30%以上,而10-15K月薪的人群也占到了11.8%。這個(gè)薪資水平遠(yuǎn)超其他行業(yè)。
web前端工程師發(fā)展路徑:
工作1~2 年后可成為年薪15 萬(wàn)以上的HTML5/Web前端高級(jí)軟件工程師;
工作3-5年后可成為年薪30萬(wàn)左右的高級(jí)工程師或團(tuán)隊(duì)負(fù)責(zé)人。
工作5 年后通常能成為互聯(lián)網(wǎng)公司的技術(shù)總監(jiān)或產(chǎn)品經(jīng)理,年薪將達(dá)到50 萬(wàn)左右;
地區(qū)薪資排行
可以看到,在北上深、web前端的平均薪資都在15000左右,而即使在二線城市的南京、成都、前端工程師的薪資也都超過(guò)10000元,且相對(duì)于其他IT崗位,web前端的工作崗位非常多!
薪資變化趨勢(shì)
web前端從2010年起,平均薪資都在大幅提升,并且在2021年達(dá)到*點(diǎn),至月薪20K左右。在2021年雖然稍有下降,但是依然很高,超過(guò)18000元。
各階段web前端工程師的薪資范圍
當(dāng)然也只是一個(gè)范圍,僅供參考:
1、切圖熟練、能寫(xiě)一些JS效果(HTML+CSS+jQuery):月收入5k~1w
2、會(huì)切圖會(huì)JS,并可以熟練用JS開(kāi)發(fā)各種組件:月收入8K~1.5w
3、具備前兩條件,熟悉幾個(gè)個(gè)后端語(yǔ)言:月收入1.5w~3w
4、具備以上所有條件,并對(duì)前端架構(gòu)、性能優(yōu)化方面有深入了解:月收入平均4w,并且企業(yè)搶著要!(畢竟現(xiàn)在人才缺口,而且越頂尖的人才越稀缺)
大部分人學(xué)習(xí)一項(xiàng)技術(shù)肯定是以就業(yè)為目標(biāo),那么學(xué)習(xí)web前端哪些知識(shí)才能找到一份工作?小蝸這里根據(jù)行業(yè)的變化以及企業(yè)的用人需求,整理了一份web前端的學(xué)習(xí)路線,只要掌握了以下內(nèi)容,找到一份工作基本不難。
*階段:專業(yè)核心基礎(chǔ)
階段目標(biāo):
1. 熟練掌握HTML5、CSS3、Less、Sass、響應(yīng)書(shū)布局、移動(dòng)端開(kāi)發(fā)。
2. 熟練運(yùn)用HTML+CSS特性完成頁(yè)面布局。
4. 熟練應(yīng)用CSS3技術(shù),動(dòng)畫(huà)、彈性盒模型設(shè)計(jì)。
5. 熟練完成移動(dòng)端頁(yè)面的設(shè)計(jì)。
6. 熟練運(yùn)用所學(xué)知識(shí)仿制任意Web網(wǎng)站。
7. 能綜合運(yùn)用所學(xué)知識(shí)完成網(wǎng)頁(yè)設(shè)計(jì)實(shí)戰(zhàn)。
知識(shí)點(diǎn):
1、Web前端開(kāi)發(fā)環(huán)境,HTML常用標(biāo)簽,表單元素,Table布局,CSS樣式表,DIV+CSS布局。熟練運(yùn)用HTML和CSS樣式屬性完成頁(yè)面的布局和美化,能夠仿制任意網(wǎng)站的前端頁(yè)面實(shí)現(xiàn)。
2、CSS3選擇器、偽類、過(guò)渡、變換、動(dòng)畫(huà)、字體圖標(biāo)、彈性盒模型、響應(yīng)式布局、移動(dòng)端。熟練運(yùn)用CSS3來(lái)開(kāi)發(fā)網(wǎng)頁(yè)、熟練開(kāi)發(fā)移動(dòng)端,整理網(wǎng)頁(yè)開(kāi)發(fā)技巧。
3、預(yù)編譯css技術(shù):less、sass基礎(chǔ)知識(shí)、以及插件的運(yùn)用、BootStrap源碼分析。能夠熟練使用 less、sass完成項(xiàng)目開(kāi)發(fā),深入了解BootStrap。
4、使用HTML、CSS、LESS、SASS等技術(shù)完成網(wǎng)頁(yè)項(xiàng)目實(shí)戰(zhàn)。通過(guò)項(xiàng)目掌握*階段html、css的內(nèi)容、完成PC端頁(yè)面設(shè)計(jì)和移動(dòng)端頁(yè)面設(shè)計(jì)。
第二階段:Web后臺(tái)技術(shù)
階段目標(biāo):
1. 了解的發(fā)展歷史、掌握Node環(huán)境搭建及npm使用。
2. 熟練掌握的基本數(shù)據(jù)類型和變量的概念。
3. 熟練掌握中的運(yùn)算符使用。
4. 深入理解分之結(jié)構(gòu)語(yǔ)句和循環(huán)語(yǔ)句。
5. 熟練使用數(shù)組來(lái)完成各種練習(xí)。
6.熟悉es6的語(yǔ)法、熟練掌握面向?qū)ο缶幊獭?/p>
7.DOM和BOM實(shí)戰(zhàn)練習(xí)和H5新特性和協(xié)議的學(xué)習(xí)。
知識(shí)點(diǎn):
1、軟件開(kāi)發(fā)流程、算法、變量、數(shù)據(jù)類型、分之語(yǔ)句、循環(huán)語(yǔ)句、數(shù)組和函數(shù)。熟練運(yùn)用的知識(shí)完成各種練習(xí)。
2、面向?qū)ο蠡A(chǔ)、異常處理機(jī)制、常見(jiàn)對(duì)象api,js的兼容性、ES6新特性。熟練掌握面向?qū)ο蟮拈_(kāi)發(fā)以及掌握es6中的重要內(nèi)容。
3、BOM操作和DOM操作。熟練使用BOM的各種對(duì)象、熟練操作DOM的對(duì)象。
4、h5相關(guān)api、canvas、ajax、數(shù)據(jù)模擬、touch事件、mockjs。熟練使用所學(xué)知識(shí)來(lái)完成網(wǎng)站項(xiàng)目開(kāi)發(fā)。
第三階段:數(shù)據(jù)庫(kù)和框架實(shí)戰(zhàn)
階段目標(biāo):
1. 綜合運(yùn)用Web前端技術(shù)進(jìn)行頁(yè)面布局與美化。
2. 綜合運(yùn)用Web前端開(kāi)發(fā)框架進(jìn)行Web系統(tǒng)開(kāi)發(fā)。
3. 熟練掌握Mysql、Mongodb數(shù)據(jù)庫(kù)的發(fā)開(kāi)。
4. 熟練掌握vue.js、webpack、elementui等前端框技術(shù)。
5. 熟練運(yùn)用Node.js開(kāi)發(fā)后臺(tái)應(yīng)用程序。
6. 對(duì)Restful,Ajax,JSON,開(kāi)發(fā)過(guò)程有深入的理解,掌握git的基本技能。
知識(shí)點(diǎn):
1、數(shù)據(jù)庫(kù)知識(shí),范式,MySQL配置,命令,建庫(kù)建表,數(shù)據(jù)的增刪改查,mongodb數(shù)據(jù)庫(kù)。深入理解數(shù)據(jù)庫(kù)管理系統(tǒng)通用知識(shí)及MySQL數(shù)據(jù)庫(kù)的使用與管理,為Node.js后臺(tái)開(kāi)發(fā)打下堅(jiān)實(shí)基礎(chǔ)。
2、模塊系統(tǒng),函數(shù),路由,全局對(duì)象,文件系統(tǒng),請(qǐng)求處理,Web模塊,Express框架,MySQL數(shù)據(jù)庫(kù)處理,,文件上傳等。熟練運(yùn)用Node.js運(yùn)行環(huán)境和后臺(tái)開(kāi)發(fā)框架完成Web系統(tǒng)的后臺(tái)開(kāi)發(fā)。
3、vue的組件、生命周期、路由、組件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解,能夠運(yùn)用Vue.js完成基礎(chǔ)前端開(kāi)發(fā)、熟練運(yùn)用Vue.js框架的高級(jí)功能完成Web前端開(kāi)發(fā)和組件開(kāi)發(fā),對(duì)MVVM模式有深刻理解。
4、需求分析,數(shù)據(jù)庫(kù)設(shè)計(jì),后臺(tái)開(kāi)發(fā),使用vue、node完成pc和移動(dòng)端整站開(kāi)發(fā)。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git,實(shí)現(xiàn)整站項(xiàng)目完整功能并上線發(fā)布。
第四階段:移動(dòng)端和微信實(shí)戰(zhàn)
階段目標(biāo):
1.熟練掌握React.js框架,熟練使用React.js完成開(kāi)發(fā)。
2.掌握移動(dòng)端開(kāi)發(fā)原理,理解原生開(kāi)發(fā)和混合開(kāi)發(fā)。
3.熟練使用react-native和Flutter框架完成移動(dòng)端開(kāi)發(fā)。
4.掌握微信小程序以及了解支付寶小程序的開(kāi)發(fā)。
5.完成大型電商項(xiàng)目開(kāi)發(fā)。
知識(shí)點(diǎn):
1、React面向組件編程、表單數(shù)據(jù)、組件通信、監(jiān)聽(tīng)、聲明周期、路由、Redux基本概念。練使用react完成項(xiàng)目開(kāi)發(fā)、掌握Redux中的異步解決方案Saga。
2、react-native、開(kāi)發(fā)工具、視圖與渲染、api操作、Flutter環(huán)境搭建、路由、ListView組件、網(wǎng)絡(luò)請(qǐng)求、打包。練掌握react-native和Flutter框架,并分別使用react-native和Flutter分別能開(kāi)發(fā)移動(dòng)端項(xiàng)目。
3、微信小程序基本介紹、開(kāi)發(fā)工具、視圖與渲染、api操作、支付寶小程序的入門和api學(xué)習(xí)。掌握微信小程序開(kāi)發(fā)了解支付寶小程序。
4、大型購(gòu)物網(wǎng)站實(shí)戰(zhàn),整個(gè)項(xiàng)目前后端分離開(kāi)發(fā);整個(gè)項(xiàng)目分為四部分:PC端網(wǎng)頁(yè)、移動(dòng)端APP、小程序、后臺(tái)管理。團(tuán)隊(duì)協(xié)作開(kāi)發(fā),使用git進(jìn)行版本控制。目期間可以擴(kuò)展Three.js 、。
web前端學(xué)習(xí)路線思維導(dǎo)圖
馬云一向?qū)ψ约旱墓芾砗皖I(lǐng)導(dǎo)方法非常自信,認(rèn)為自己那一套方法勝過(guò)馬化騰和李彥宏,是**的。阿里最厲害的地方在于團(tuán)隊(duì)配合和文化,很明顯馬云也這么認(rèn)為:
" 別人開(kāi)4倍工資也挖不走我的員工!"馬云有這樣的自信。
阿里的價(jià)值觀如此明晰,很大程度上來(lái)源于馬云的號(hào)召力。馬云每一次大型演講,都能讓每個(gè)阿里人的價(jià)值觀滿血復(fù)活,并且永遠(yuǎn)都是互聯(lián)網(wǎng)的焦點(diǎn)。那你知道,身為阿里人,待遇究竟有多好嗎?如果說(shuō)BAT三家公司誰(shuí)*方,那一定是阿里巴巴??赐赀@篇文章,你就會(huì)知道阿里人對(duì)阿里的“忠貞不渝”到底來(lái)自哪里。
一、阿里人的工資
P6是阿里的職級(jí),比P5高一級(jí),比P7低一級(jí),對(duì)標(biāo)騰訊,大概是T2-3或T3-1的職級(jí)。
阿里的老P6或社招P6平均月薪都在20K左右,這類人的共同點(diǎn)是年輕有為、能力出色、經(jīng)濟(jì)獨(dú)立。阿里巴巴在美國(guó)上市之前,公司會(huì)給老P6或社招P6以上職級(jí)的員工發(fā)股票。這就意味著:假如P6拿到了2000集團(tuán)股,按照阿里巴巴收盤(pán)價(jià)82.77美刀計(jì)算,2000股合計(jì)人民幣100萬(wàn),也就是說(shuō)達(dá)到P6職級(jí)的人至少身家百萬(wàn)。
每年4月30日,是阿里人銀行賬戶數(shù)字集體飆升的日子,因?yàn)檫@一天阿里要發(fā)年終獎(jiǎng)。和引考核優(yōu)異而獎(jiǎng)勵(lì)的股票期權(quán)比起來(lái),這3到10個(gè)月的年終獎(jiǎng)實(shí)在算不得什么。
據(jù)透露,螞蟻金服的小微股內(nèi)部公允價(jià)超過(guò)150元,假如你拿到了10000股小微股,這就是人民幣150萬(wàn)吶,而且這不是特例,而是常態(tài)!只要你的工作能力得到主管認(rèn)可,你就能享受到這一切。
二、阿里人的食堂
之前網(wǎng)上紅過(guò)一篇關(guān)于美國(guó) IT 巨頭公司內(nèi)部食堂的文章,《谷歌、蘋(píng)果等公司食堂24小時(shí)“放毒”,吃貨看到這些眼都直了!》,但其實(shí)國(guó)內(nèi)的 IT 巨頭公司的食堂也不是蓋的,尤其是阿里巴巴。
阿里巴巴的食堂總共有兩層,人均20元就可以吃到各種豪華菜品!20元在北京這塊地,大概就是一份普通快餐的價(jià)錢。西式的牛排套餐只要22元你敢信?不管哪家西餐店都不敢賣這個(gè)價(jià)錢吧……
在北京還能吃到4元一份的菜品,簡(jiǎn)直感人!15元的套餐也是誠(chéng)意滿滿。
食堂裝修更是簡(jiǎn)單大方,實(shí)乃“別人家的食堂”之模范!
有一年雙11,馬云大手一揮,現(xiàn)場(chǎng)手機(jī)掃描拍下一條售價(jià) 38888 元的大魚(yú)作為員工食堂福利。那一天,阿里西溪園區(qū)食堂爆滿,長(zhǎng)達(dá)300米隊(duì)伍一直排到了食堂外面。
畢竟對(duì)于*人來(lái)說(shuō),吃飯是件天大的事,吃飽喝好了,什么都好說(shuō)。美美飽餐一頓的阿里人,干起工作來(lái)也會(huì)更加帶勁兒。因此阿里人對(duì)阿里巴巴的食堂滿意度滿分。
三、阿里人的員工福利
這個(gè)實(shí)在太多了,得仔細(xì)理一理。
1、買房子算件大事不?對(duì)阿里人來(lái)說(shuō)這都不算事兒,因?yàn)榘⒗飼?huì)給要買房子的員工提供 30 萬(wàn)無(wú)息貸款用于購(gòu)房首付。除此之外,阿里杭州總部附近新建的 380 套員工專享公寓售價(jià)只有市面價(jià)格的6成。
2、房子有了,就該結(jié)婚了。阿里會(huì)為每位要結(jié)婚的阿里人舉辦集體婚禮,馬云親自做證婚人。工作 1 年是" 一年香 "、工作 3 年是 " 三年醇 "、工作 5 年則是 " 五年陳 ",員工會(huì)按照工齡領(lǐng)取到相應(yīng)的紀(jì)念物品," 五年陳 " 可以領(lǐng)到一枚白金戒指哦~據(jù)說(shuō),這枚戒指單價(jià)4000元左右,如今已有2W+名員工領(lǐng)到。
3、結(jié)了婚的員工接下來(lái)得生孩子了吧?女員工有超長(zhǎng)帶薪孕假,男員工有陪產(chǎn)假。不止如此,阿里巴巴的行政曾經(jīng)采購(gòu)了一批 300 元左右的孕婦防輻射服發(fā)給懷孕的員工,每人可以領(lǐng)到兩件,價(jià)值 600 元。
4、阿里人除去每年一次的公費(fèi)體檢,每個(gè)阿里人還享有2 名公費(fèi)體檢的名額,你可以隨意支配,留給自己父母也好,拿給配偶父母也成。
總而言之,待遇留人,阿里是把這點(diǎn)做到了極致。在馬云的帶領(lǐng)下,“挖不走”的阿里人不是神話,而是必然。
你好,阿里作為互聯(lián)網(wǎng)大廠薪資待遇是不錯(cuò)的,但不同職級(jí)年薪也有不同,具體如下。
1、互聯(lián)網(wǎng)大廠薪資*的阿里巴巴
國(guó)內(nèi)互聯(lián)網(wǎng)大廠中,百度晉升快、騰訊最穩(wěn)定、阿里巴巴獨(dú)占薪酬高地。
即使是新入職的應(yīng)屆畢業(yè)生,剛?cè)肼毜桨⒗镄劫Y也是很可觀的。阿里巴巴集團(tuán)采用雙序列職業(yè)發(fā)展體系:
一套體系是專家路線【P序列=技術(shù)崗】,程序員、工程師,某一個(gè)專業(yè)領(lǐng)域的人才,一共分為 14 級(jí),從 P1 到 P14,目前校招*從 P4 開(kāi)始。
一套體系是M路線,即管理者路線【M序列=管理崗】,從M1到M10。
應(yīng)屆畢業(yè)生剛?cè)肼毜桨⒗餅镻5,工作1-3年之后升職到 P6,阿里一般到 P7 才給配股票。
但12+1+3=16的薪資結(jié)構(gòu)已經(jīng)是足夠吸引人了。目前阿里需求量*的職級(jí)范圍分布在 P6-P8,這也是阿里集團(tuán)占比*的級(jí)別。P6 級(jí)別的程序員 title 是高級(jí)工程師,P7 便已經(jīng)是專家級(jí)別,P8 則是高級(jí)專家。
2、阿里旗下淘寶員工
每個(gè)崗位都有一定的職級(jí),以淘寶前端工程師為例。淘寶作為國(guó)內(nèi)電商大平臺(tái),用戶數(shù)量非常多,招聘也非常熱門。它的前端工程師要做什么工作?
實(shí)際上,Web前端開(kāi)發(fā)工程師是一個(gè)很新的職業(yè),在國(guó)內(nèi)乃至國(guó)際上真正開(kāi)始受到重視的時(shí)間不超過(guò)10年。如今web前端已經(jīng)成為重要的互聯(lián)網(wǎng)職位,同時(shí)大廠也是給到非常高薪的待遇。
“web前端開(kāi)發(fā)工程師” 這個(gè)職位好多人并不知道是怎么叫出來(lái)的,其實(shí)就是淘寶團(tuán)隊(duì),發(fā)明出來(lái)的本土化的名稱。
因?yàn)闅v史原因,淘寶在2005以后迅速崛起,并且爆發(fā)式的訪問(wèn)量,讓淘寶網(wǎng)的用戶體驗(yàn)受到巨大考驗(yàn)和急需前進(jìn)。然后淘寶官方*次有了“web前端開(kāi)發(fā)”這個(gè)字眼和招聘職位,或許其他網(wǎng)站也想到了這樣一種描述,但是畢竟*度巨高的淘寶,受關(guān)注度自然高。
3、淘寶Web前端開(kāi)發(fā)能拿40萬(wàn)年薪?
Web前端的語(yǔ)言基礎(chǔ)有三個(gè):HTML、CSS、。而淘寶作為阿里的熱門,因?yàn)闆](méi)有一定的技術(shù)功底,面試依然很難。
像騰訊阿里這樣的大廠,每年要從十幾萬(wàn)份簡(jiǎn)歷中選擇一千多人作為員工,即使面的并非P7級(jí)以上的職級(jí),要想在這么多人中脫穎而出,在技術(shù)方面一定是要有過(guò)人之處的。
來(lái)看淘寶特價(jià)版的近期招聘:
雖然掌握web前端的語(yǔ)言基礎(chǔ)已經(jīng)能夠勝任普通的web前端開(kāi)發(fā)工作了,但不管是行業(yè)趨勢(shì)或是大廠需求,都對(duì)工程師提出了更高的要求。單純的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)已經(jīng)不能滿足當(dāng)下大廠的要求。
自HTML5與CSS3出現(xiàn)以來(lái),web前端的功能實(shí)現(xiàn)了質(zhì)的飛躍。大廠需要的均是Web前端+全棧工程師的全能型人才,并開(kāi)出高薪聘用,而普通高校一般還未能開(kāi)設(shè)相關(guān)課程。對(duì)于想學(xué)習(xí)web前端的無(wú)基礎(chǔ)同學(xué)來(lái)說(shuō),北大青鳥(niǎo)、課工場(chǎng)等優(yōu)秀品牌都是不錯(cuò)的選擇。課程根據(jù)招聘需求制定,包含大廠要求的所有技術(shù)需求,對(duì)標(biāo)阿里P6級(jí)別。
希望我的回答對(duì)你有所幫助!
web前端就是用代碼的形式,還原UI設(shè)計(jì)師設(shè)計(jì)的界面,并實(shí)現(xiàn)各種交互效果。web前端工程師是程序員里面入行門檻較低的一個(gè)職業(yè),就前端應(yīng)用開(kāi)發(fā)框架而言,已經(jīng)形成了HTML5、CSS3、《 6》標(biāo)準(zhǔn)規(guī)范。
要學(xué)的內(nèi)容主要有:
①計(jì)算機(jī)基礎(chǔ)以及PS基礎(chǔ)
②前端開(kāi)發(fā)基礎(chǔ)(HTML5開(kāi)發(fā)、基礎(chǔ)到高級(jí)、jQuery網(wǎng)頁(yè)特效、Bootstrap框架)
③移動(dòng)開(kāi)發(fā)
④前端高級(jí)開(kāi)發(fā)(、Veu.js框架開(kāi)發(fā)、webpack、前端頁(yè)面優(yōu)化、React框架開(kāi)發(fā)、AngularJS 2.0框架開(kāi)發(fā)等)
⑤小程序開(kāi)發(fā)
⑥全棧開(kāi)發(fā)(MySQL數(shù)據(jù)庫(kù)、Python編程語(yǔ)言、Django框架等)
⑦就業(yè)拓展(網(wǎng)站SEO與前端安全技術(shù))
互聯(lián)網(wǎng)行業(yè)目前還是最熱門的行業(yè)之一,學(xué)習(xí)IT技能之后足夠優(yōu)秀是有機(jī)會(huì)進(jìn)入騰訊、阿里、網(wǎng)易等互聯(lián)網(wǎng)大廠高薪就業(yè)的,發(fā)展前景非常好,普通人也可以學(xué)習(xí)。
想要系統(tǒng)學(xué)習(xí),你可以考察對(duì)比一下開(kāi)設(shè)有相關(guān)專業(yè)的熱門學(xué)校,好的學(xué)校擁有根據(jù)當(dāng)下企業(yè)需求自主研發(fā)課程的能力,建議實(shí)地考察對(duì)比一下。
祝你學(xué)有所成,望采納。
只要一個(gè)電話
我們免費(fèi)為您回電