HTML5行業現狀與未來 - 2016年終大盤點

来源:http://www.cnblogs.com/h5course/archive/2017/01/21/6336926.html
-Advertisement-
Play Games

HTML5(WEB前端),在2012年及以前,一直處於一種萌芽期的狀態當中,直至2013年才進入行業的成長期。HTML5(WEB前端)在2013和2014年,隨著行業的推動慢慢的增長,直至2015年迎來了行業的大爆發,HTML5迅速被推上舞臺,這個詞語也成了不少人閑談中的常見辭彙。 2016年,泡... ...


以匠人之心,碼出多彩程式人生

1. 大幅動蕩後,即將進入平穩期

HTML5(WEB前端),在2012年及以前,一直處於一種萌芽期的狀態當中,直至2013年才進入行業的成長期。HTML5(WEB前端)在2013和2014年,隨著行業的推動慢慢的增長,直至2015年迎來了行業的大爆發,HTML5迅速被推上舞臺,這個詞語也成了不少人閑談中的常見辭彙。

2016年,泡沫開始瀰漫整個行業,在行業狀態以及供求關係的共同驅使下,HTML5終於進入了大幅調整期

一起來看基本數據

  • 數據採集來源:智聯招聘網;
  • 數據採集人:HTML5學堂(碼匠)-利利、堡堡、國榮
  • 採集時間:每周周三下午17:00;
  • 搜索關鍵詞:"WEB";
  • 搜索類型:根據"職位"進行搜索,只選擇當天發佈的職位,進行數量統計;
  • 備註:除過年前後、節假日,以及部分時間段沒有採集數據之外,其他所有周均進行了數據採集,並計算了月度和年度的就業需求平均值。

1.1 2012年~2016年,年度就業需求量走向

HTML5行業現狀與未來 - 2016年終大盤點 - 獨行冰海 - 獨行冰海  

1.2. 2015年與2016年,月度就業需求量對比

HTML5行業現狀與未來 - 2016年終大盤點 - 獨行冰海 - 獨行冰海

 

2. 未來行業看跌還是看漲?

未來行業的變化,應該說整體看跌,特別是2017年上半年,大概會成為最難度過的一個階段吧~在經濟還沒有太好轉的前提下,新手和以前的開發工程師共同競爭一個職位,供求關係不平衡。

 

雖說是看跌,但是應該不會跌的太慘,整個HTML5行業,之後將會進入一種“穩定波動”的狀態,在穩定當中緩慢下滑(應該不會再出現2015到2016年的這種“大跳水”)。

 

之所以這麼說,原因在於三點:

第一,供求關係的不平衡。

2015年自己聽到的最多的詞語是“創業”,而2016年下半年開始,自己聽到的最多的詞語則是“倒閉”。與各個創業公司拔地而起同時發生的,還有大批其他行業工作者涌入HTML5這個當前比較火爆的行業。

 

“公司數量的變化”與“大量從業者的涌入”這兩點直接影響著供求關係。在當前以及未來的一段時間之內,會呈現典型的“供大於求”的行業狀態;

 

第二,互聯網行業日益成熟。

在最初互聯網剛剛起步之時,各類的內容、功能都不足夠完善,需要大量的人去做“重覆的事”,也需要不少人去研究和探索新的事物和技術。隨著行業逐漸走向成熟,前端當中的主流框架層出不窮,除了最為經典的jQuery之外,還有VUE、React、Angular、MVC等等,而定製類網站或宣傳頁(又稱廣告頁/專題頁),早在2013年就有公司開始著手研究,至今也可謂是日益成熟。

 

當下,“前端”已經開始步入模塊化、工程化,曾經大量繁瑣而複雜的工作逐漸被模板或工具所替代。

 

當一個行業日益成熟,勢必會降低行業中的重覆性工作,一個工作者在同一時間內完成的工作量也會大大增加,那麼所需要的工作者數量自然會有所下降。(舉一個傳統行業的例子,一旦有了機械化和大規模的紡織廠,就會有不少人工紡織的工作量被替代)

 

第三,小程式並非救命稻草。

微信這個月(2017.01)正式推出的小程式,又引來了不少HTML5行業人員的炒作,很多人認為微信小程式會有很大的發展,也會帶來不少HTML5的就業機會。

 

個人比較看好微信小程式,也認為微信小程式會有不錯的發展,但是,“微信小程式有市場”並不等價於“增加了HTML5的就業機會”。我們團隊當中的成員,恰好在幾個月之前也拿到了微信小程式的內測資格,也進行了相關的測試和操作,嘗試編寫了微信小程式。在編寫時發現,微信小程式的編寫方法和HTML5相差還是蠻大的,它相當於是重新定義了一套“編寫規則”。但是,對於已經掌握HTML5開發的人來說,微信小程式的學習難度和成本並不高,畢竟微信方提供了豐富的API文檔。

 

所以,縱然微信小程式未來市場有多大,公司當前現有的HTML5開發工程師也能夠直接hold住微信小程式的開發。並不會因為這個“噱頭”而讓HTML5再“大燒一場”。

 

3. 入職薪資的大起大落

從2012年到2016年,自己都有一批批的學生畢業,能夠很清晰的感覺到,初始薪資的變化。一句話來概括,就是:新手前端開發工程師的入職薪資,一路伴隨著行業的變化而波動。

 

HTML5行業現狀與未來 - 2016年終大盤點 - 獨行冰海 - 獨行冰海

 

北京:從2012年的3500~5000,發展到2013年的4000~6000,再發展到2015年的6000~10000,之後在2016年回歸到5000~8000。

 

在互聯網二線城市當中,薪資同樣隨著行業的變化而波動,所不同的是,對於二線互聯網城市來說,行業熱潮要比一線城市來的晚一兩年,而行業的衰退卻只是稍晚於一線城市一些(主要是需求量較少,易飽和),以廈門這個城市為例:

HTML5行業現狀與未來 - 2016年終大盤點 - 獨行冰海 - 獨行冰海   2013年,入行薪資範圍為3000~4500,2014年有了很緩慢的上升,大概為4000~5500,在2015年和2016上半年達到5000~8000的薪資高峰(月薪6000~7000的比例較多),至2016的下半年,入行薪資下跌至4000~7000(月薪5000~6000的比例較多)。

4. 行業最佳時期已過,能否進入這個行業?

進入一個行業的最佳時機,是行業處於增長期階段時,而今時機已過,已經經歷了高峰和第一次“大跌”,進入到了行業的一種相對穩定的狀態當中,這個行業不再新鮮,也不再能夠代表潮流,從“神台”回歸了“常態”。

 

此時,依舊可以進入這個行業,與2015年所不同的是,起始的薪資相對就要低一些了。而且有一些行業的變化,你應當有所瞭解和知曉。

4.1. 行業整體失信

大城市中,兩年開發經驗成起點。為何好好的,招聘開發工程師,要求一定要兩年或兩年以上開發經驗呢?由於在部分培訓機構當中,會針對培訓生進行簡歷包裝,為其提供一兩年的工作經驗,這些簡歷和工作經驗包裝過的人們去找工作,當此類人的數量增多之時,整個行業就失去了平衡,出現了整體失信的狀態。對於企業來說,一個一兩年工作經驗的人(經驗造假)可能都無法勝任的職位,就更不必說沒有工作經驗的人了。

 

自從行業整體失信之後,招聘方要麼加強了招聘時的審核工作,要麼提升了招聘門檻(對工作經驗以及其他等方面的要求)。

 

###.2. 看上去已經飽和的前端,優秀的新手依舊不多

利利自己原來帶過的學生,有不少已經工作三四年了,其中也不乏做到管理層的人,他們有時會去招聘或面試WEB前端開發工程師。

 

去年(2016年)自己和以前學生聊天時,聽到他們抱怨最多的話就是:“雖然現在有不少的前端,真正優秀或不錯的新手幾乎招不到”。

 

首先我們要搞明白什麼樣的新手在招聘方眼中算是“優秀”:

1 責任心、認真細心、工作態度端正

2 自學能力(學習能力)

3 基本的溝通能力

4 對前端有比較濃厚的興趣

5 基礎知識扎實,對當前的流行技術或事物有所瞭解

4.3. 培訓與自學為何無法帶來太多的優秀新手

從學習者角度來說,當行業火爆起來的時候,進入機構學習或自學的人們當中,真正熱愛該行業的人員比例就會大幅度下降,更多的是因行業利益而來。很多人在學習時,不能夠做到足夠的細心,對代碼的要求也不足夠高。快速的培訓雖然能夠較快的掌握當前知識,但是更多的是知其然而不知所以然,同時,在培訓過程中,自學能力以及分析問題解決問題方面,比較難得到培養和鍛煉(除非課程設置合理或遇到很優秀的老師時刻引導)。

 

從培訓機構的角度來說,一旦大量的人們開始涌入行業,就會催生出大量的培訓機構(2012年在北京做HTML5/WEB前端培訓的沒有幾家,而今則是滿大街都是)。

 

大量的培訓機構會有什麼問題呢?對於培訓機構,最核心的是兩個部分,一部分是招生,另一部分是課程。對於招生方面,會有大量的銷售人員來填補這個崗位的“空白”,而對於課程講解方面,行業里優秀的講師並不多。如果一個機構當中,講師的技術、管理、授課不夠優秀,就更不必說他培養出來的學生了。

 

大量的招生也意味著班容量的增大,一個講師要同時照顧數十人,這在培訓當中其實根本就是不可能完成的任務。一個學習者得到的引導少了,自然也會導致在知識或能力上的不足。此外,大量的招生,也意味著講師帶班時間的延長,而一個機構,當講師花費過多的時間在課程的講解以及學生輔導上時,也就意味著課程方面會出現一定的問題(最典型的就是課程過時,自己所瞭解的一些機構當中,有些採用的是幾年前課程,還有一些連體系化的課程都沒有)。技術行業的發展日新月異,新技術的出現與研究,到能夠將新技術轉換為課程,不僅需要大量的時間,還需要大量的人力。

 

如果是自學呢?

 

本身單獨依靠自學的人就不多,所以,自學能夠帶來的高質量新手就更少了。我自己也是大學時期自學WEB前端的,自學需要的時間相對較為長久,並非是半年一年就能夠搞定的了的。更何況學習者還需要讓自己的技術知識跟上時代,與真正的行業需求與實踐掛鉤,此處的難度非比尋常。

4.4. 前端工程師路在何方

1 不要隨意造假簡歷

 

“造假簡歷”看上去能夠在談薪水的時候占得優勢,但實際上,招聘部門的人員也不是吃乾飯的。而且,相應的工資也要付出相應的辛苦,對於工資對應的工作難度水平與個人實際水平差別太大的人來說,很難長久的完成當前的工作。

 

對於絕大多數企業來說,誠信都是考量員工的第一標準,一旦發現員工的不誠信行為,都有可能會讓企業直接“開除”員工。

 

對於沒有工作經驗的新手,以誠信為本,不偽造工作經驗,在面試時展示自己的能力和可塑性。

 

2 做優秀的人,依舊有極強的競爭力

 

在絕大多數看似或已經飽和的行業當中,其實都缺乏優秀的人,如果你希望現在進入這個“趨於穩定”的行業,那麼就要讓自己變得足夠優秀,一旦你在“質量”上脫穎而出,那你就擁有了絕對強大的競爭力。

 

3 與比自己工作經驗豐富的開發者競爭,也請挺起胸膛

 

工作更久的開發者,在經驗方面會更有優勢,但是從其他的知識層面來說,未必比工作年限短的工程師全面和深入。

 

在新技術方面,新手通常也具備一定的優勢,畢竟工作之後,能夠把業餘時間放在新技術研究上的人不多。工作越久,在新技術上可能也就會越落後。

 

此外,無論工作幾年的開發工程師,也並非所有的人都是優秀的,還是那句話,如果你夠優秀,你的實力完全可以秒殺掉你的同期競爭者,一個人的能力與一個人的工作經驗並不絕對相關,英雄不問年少,聞道不分長幼

 

4 不要單純的依靠培訓或悶頭學習

 

對於要入行的新手,千萬不要單純的依靠培訓,特別是處於當前培訓行業一片狼藉的狀態之下。如果選擇培訓,更合適的是選擇一些課程或者一些小而美的機構(雖然這種課程和機構並不多)。

 

此外,單純的悶頭學習也是不可取的,必須瞭解行業的標準,瞭解行業的狀態,需要知道這個行業看重什麼,需要什麼樣的技能和知識,再有意識的去加強或培養。

 

合理的選擇書籍以及媒介(可以考慮部分收費的線上課程或階段性的培訓)。在學習過程當中,除了掌握知識和技術之外,要讓自己具備學習的方法和能力,只有這樣才能夠在未來更好的走下去(話說這也是我自己在講課時最為看重的,可惜的是很多學生都不看重這一點)。

 

5 謹慎選擇工作(未來)

 

在前端這個行業當中,一旦跨入具體公司當中,實際上也就產生了工作類別上的差異,根據公司規模、所處城市、業務的不同,技術成長的方向也有所不同。考慮問題需長遠些,讓自己當前的這份工作成為未來成功的墊腳石

5. 小城市與大城市,前端的未來

5.1. 一線互聯網城市

在大城市大公司當中,前端的工作要求越來越精細化,對於一個工作者的專業度要求越來越高。這個工作者不需要去做設計,不需要做專業測試的工作,只需要將自己的“一畝三分地”做好。對於技術方面的要求則是“深而精”,註重開發的人效率與團隊效率,在溝通、工具化、工程化、正規化方面的要求較高。

 

在大城市的前端崗位工作,最快的成長方式是藉助當前的工作任務促成自身技術以及能力、思維的成長。不同類型的公司當中,前端開發也並不相同。諸如廣告類的公司,會更偏重於表現層;主業務是管理系統這一類的公司,會更偏重於介面層面。進入了不同的公司,也就意味著進入了不同的“行業”(無非這些“行業”都屬於前端開發,只不過是細化了而已),再想更換,也會有“隔行如隔山”的感覺。

 

5.2. 二線互聯網城市

在二線互聯網或其他小城市當中,前端的工作要求變得廣而粗(這種現象主要集中在小型與創業型企業當中)。

 

在這些公司的“前端崗職”當中,並不要求一個開發工作者的技術深度有多深,代碼有多麼標準和規範,而是希望一個開發者既能夠掌握前端,又能夠瞭解後臺,hold住設計,搞得了測試,如果能再出去談個項目,想必也是極好的在二線互聯網的小公司當中,沒有絕對的“前端”,更多的是多面手,個人發展的方向也會因為行業的千變萬化而不斷的調整,掌握新的技術,轉向全新的技術都是有可能發生的。

 

雖然能夠在很大的程度上滿足工作者對新鮮感的訴求,但是長期工作之後並沒有在某個特定領域下有所積累,一旦當前公司關門大吉或者發展策略調整,需要去尋找新的工作時,就很容易處於一種“高不成低不就”的狀態,大公司的專業度要求會將這個員工排除在外,而同類型的小公司依舊還是原樣,沒有什麼太大的變化與深入發展的空間。

 

 

 

HTML5學堂(碼匠):2016已經過去,2017已經開始,希望所有熱愛HTML5的人們,都能夠在新的一年當中得到更多的成長!快要放假了,提前預祝各位一路平安!新年快樂!

 


更多知識

更多資源歡迎關註“HTML5學堂”公眾號,也可以進入“HTML5學堂(碼匠)”官網~~~HTML5學堂~ http://www.h5course.com 。在HTML5學堂,技術也可以通俗易懂!

無論這個時代是否充斥著炒作,充斥著投機取巧,我偏偏要做一個真實的自己,用一顆匠人之心面對生活和工作,面對我內心深處的夢想! —— HTML5學堂(碼匠)

HTML5行業現狀與未來 - 2016年終大盤點 - 獨行冰海 - 獨行冰海
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 最後的效果圖如下: ...
  • 1.目的:學習nodejs連接使用mongodb,用angularjs2展示數據 2.使用技術: 資料庫: mongodb 後端數據獲取: nodejs 前端數據展示: angularjs2 ...
  • 基本操作 安裝與配置 init add與commit git add 快照的內容寫入緩存區 git commit 將緩存區內容添加到倉庫中。 clone vim 狀態的意思是,這個文件在我們將它添加到緩存之後又有改動 status diff 尚未緩存的改動:git diff 查看已緩存的改動: gi ...
  • ▓▓▓▓▓▓ 大致介紹 這次是一個簡單的效果,就是思路的問題 效果: ▓▓▓▓▓▓ 思路 旋轉的效果就是根據滑鼠的的移動距離來顯示不同的圖片,形成視覺差,仿佛就是在正真的旋轉 由於效果是根據滑鼠的移動距離來操作的,即移動的像素值。如果按照預設的情況,移動滑鼠的時候圖片就旋轉的太快了,所以我們要給滑鼠 ...
  • 項目中有個需求,下拉框既可以下拉選擇,也可以手動填寫 html代碼 js代碼 獲取值 用了這個插件以後,這塊是一個input,type="text" 參數 filter 選擇option以後,是否過濾 預設 true effects 點擊的時候,下拉框的過渡效果 有default,slide,fad ...
  • CSS常用屬性 ☛關於CSS屬性個人建議查看手冊更加詳細方便,我這裡就幾種常用屬性進行分類並簡單取幾個常用屬性值,僅供跟我一樣剛學習前端的人作為入門而用。 1.字體樣式 字體的縮寫,寫法是font:font-style|| font-variant ||font-weight||font-size| ...
  • CSS的優先順序和繼承問題 ★CSS的衝突,即優先順序 CSS本身的設置可以同時應用多個樣式在同一個元素,此時樣式之間可能出現衝突而達不到用戶所想要的效果。 ★解決CSS衝突的優先順序規則: ● CSS層疊樣式表引入方法的優先順序:內聯式>內嵌式>鏈接式>導入式 ● 在多個外部樣式中,後出現的樣式的優先順序高 ...
  • CSS選擇符 【通配選擇符】 *星號選擇器將匹配頁面里的每一個元素,但我建議你永遠不要再生產代碼中使用它。它給瀏覽器帶來大量不必要的負擔。 *{ margin:0; padding:0; } 【標簽選擇符】(也叫類型選擇符):也就是把html標簽名作為選擇符 demo: ul {} 【id選擇符】: ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...