Web前端行業近幾年尤為火爆，前端行業不僅發展前景越來越好，薪資也不斷飆升。未來的職場將是充滿了競爭的職場，隨著人才機制的創新，每年都有大量新人加入到競爭隊伍中，讓您每時每刻都面臨著被淘汰的危險。

　　在經過一系列的演變之後，Web前端逐漸開始向商業智慧、貿易、遊戲、娛樂以及移動網際網路等不同領域多樣化地發展。

　　因此，你學習Web前端可以從事Web前端小遊戲、手機頁遊的3D化、影片應用、輕應用、WebApp、微站、動漫、二次元、Web前端移動營銷、線上直播以及VR應用等開發。

　　隨著Web前端開發人員的工作技能要求不同，其薪資待遇也不盡相同，通常包含以下四種：

　　1)切圖熟練、能寫一些JS效果(HTML+CSS+jQuery)，薪資5K~10K+;

　　2)具備第一條，並可以熟練用JS開發各種元件，薪資8K～15K+;

　　3)具備第二條，熟悉1～N個後端語言，薪資13K～30K+;

　　4)具備第三條，對前端架構、效能最佳化方面有深入瞭解，薪資20K以上。

　　面對競爭，要避免被淘汰的命運，只有不斷學習，而參加Web前端專業學習則是高效快捷的方式。

當然是前端頁面啦，除此之外，也可以做桌面應用和手機app，下面我簡單介紹一下具體實現過程，主要內容如下：

桌面應用

這裡需要先安裝node環境，然後藉助electron打包前端網頁為桌面應用，主要步驟如下，很簡單：

1.首先，安裝node，這個直接到官網上下載就行，如下，選擇適合自己平臺的版本即可：

2.安裝完成後，這裡需要安裝一下electron和electron-packager這2個工具包，後面前端網頁的打包中需要用到這2個包，安裝的話，直接在cmd視窗輸入命令“npm install electron electron-packager”就行，如下：

3.這裡為了方便演示，我新建了一個html網頁，測試程式碼如下，非常簡單，就是一個靜態的登陸介面：

用瀏覽器開啟這個html網頁，效果如下：

4.最後就是具體的打包過程，主要步驟及截圖如下：

首先，新建一個資料夾，將上面的html網頁複製進去，同時新建2個檔案，分別是package.json和main.js，目錄如下：

package.json檔案主要指明打包應用名稱、版本號以及配置檔案等，配置如下，非常簡單：

main.js檔案主要指明具體打包過程，基本配置如下（網上參考資料非常多，可以搜一下），這裡重點需要指明打包的html檔名稱：

最後就是打包，開啟cmd視窗，切換到新建的目錄，執行命令“electron-packager . APP --win --out AppDir --arch=x64 --electron-version=3.0.10 --overwrite”就會開始自動打包過程，這裡的引數主要是指明打包的應用名稱、輸出目錄、位數、版本號等：

打包完成後，就會在輸出目錄AppDir下找到打包的應用APP.exe，雙擊就可正常執行，效果如下，和瀏覽器的效果差不多：

手機app

這裡主要用到HBuilder這個工具，可以直接將前端網頁打包為手機app（雲端打包功能），下面我具體介紹一下實現過程：

1.首先，下載安裝HBuilder，這個直接到官網上下載就行，如下，這裡選擇功能比較全面的“APP開發版”：

2.下載完成後，一個zip壓縮包，直接解壓到本地即可，如下：

3.接著，雙擊開啟這個軟體，新建專案，這裡的專案型別選擇“5+APP(A)”，模板選擇“Hello H5+”，如下，將剛才的html檔案拖到這個專案中來：

4.最後就是打包過程，具體步驟如下：

首先，雙擊專案中的mainfest.json配置檔案，在基礎配置頁面獲取唯一AppID，後面打包時要用到，同時選擇程式的入口檔案，也就是剛才的html檔案：

mainfest.json檔案配置完成後，右鍵專案，在彈出的選單列表中依次選擇“發行”->“原生App-雲端打包(P)”，這裡以打包android為例，在android包名出輸入剛才獲取的AppID就行，如下：

手機安裝後的效果如下，還不錯：

至此，我們就完成了將前端開發的網頁打包為桌面應用和手機app。總的來說，整個過程不難，就是步驟有些繁瑣，只要你熟悉一下流程，多操作幾遍，很快就能掌握的，不過，有時打包出來的效果沒有原生語言開發的好，需要最佳化改進才行，網上也有相關資料和教程，介紹的非常詳細，感興趣的話，可以搜一下，希望以上分享的內容能對你有所幫助吧，也歡迎大家評論、留言進行補充。

學完了吧，你可以繼續學，因為你可以迴圈學，學完了這個，新的技術又出來了，可以一直學，學了舊版學新版，學到天荒地老、海枯石爛。

一點不胡說，現在市面上的前端技術，你都學完了，學精了，沒個幾年也差不多，等你學完了，基本上也就過時了，新的技術也就出來了，你就可以繼續學了，然後不斷推陳出新，以新知識替換舊的知識，就這樣，一直學下去就行了。不過還有個前提，還得有個人養著你才行，不然會餓死。

所以，明白了吧，前端是學不完的，具體前端做什麼的，一搜索一大堆，不過那不是問題，問題是你該問問你自己適不適合學前端，或者說你想達到的高度，你得考慮下技術之外的問題。

可以從事如下崗位：

Web前端開發工程師

移動端開發工程師

以上為主流的崗位，具體崗位的職能和職業範圍根據公司負責人和具體業務來定。

其實真做到資深後端也是可以勝任的，建議前端從業者掌握一門程式語言，建議後端開發者掌握一些前端技能，這樣交流才更順暢。

最後一句話你眼睛能看到軟體介面(PC軟體、移動app、小程式等)動態效果絕大多數屬於前端開發人員做出來的。