這一兩年許多人看中了網際網路行業的高薪,紛紛湧入這個行業,同時瞭解到前端入門比較簡單,就從前端入手了。
我剛入行那會兒,還是 jQuery 橫行的年代,服務端渲染頁面,JavaScript 處理互動,模組化和構建工具都是新鮮玩意兒,那個時候前端入門確實比較容易的,在那個時候入門的人,容易給後來者一個前端入門容易的印象。
這一兩年,Web應用興起,前後端分離,許多開發內容移到了前端,前端開發越來越像傳統的客戶端開發,前端開發人員的需求量雖然增多了,但同時面臨的問題也越來越複雜,技術迭代迅速,招人依舊不容易,入門的門檻也在不斷提高。
許多湧入的人,努力學習到了三年前的入行水平,在當下找前端開發的工作是很難的,用三四年前的技術標準招人的公司不多,新湧入的人很多,同時還要面臨技術水準停留在了 jQuery 時代的前輩們的競爭。之前湧入的消化不掉,後來者又源源不斷的湧入,就導致了現在這種一個前端崗位收到幾十上百份簡歷,看似前端滿天飛,卻依然招不到人的囧境。
=================== 上面是回答。有人感興趣今天的入行標準和幾年前的入行標準比起來多了哪些東西,下邊就簡單說說。
在幾年前的基礎上,現在入行至少理解目前常用的客戶端模式的一種,比如 MVVM FLUX。至少一個跟那些模式相關的前端框架,比如 Angular,React,Vue。一定要學會專案的構建,使用 Webpack 或是 Gulp 。一定要會一種 CSS 預處理語言,例如 SCSS,LESS 。一定要了解 NodeJS 的常識,例如使用 NPM 做依賴管理,使用 Express 跑起最簡單的應用。
上面是必須的,往後說說加分項。
會 ES6,TypeJS 是加分項,懂得多終端適配是加分項,懂得如何進行單元測試和功能測試是加分項,懂得函數語言程式設計是加分項,懂得後端開發的知識是加分項,懂得一門不是 JS 的程式語言是加分項。
如此一來,可以甩掉不少競爭者吧,但是比起只需掌握 HTML CSS JS jQuery 就能找工作的三四年前,要多了不少內容呢。
=========== 如果你已經學會了 HTML CSS JavaScript jQuery,還想要往前一步的話,我推薦:
首先你需要安裝 NodeJS 然後看這裡(《一起學 Node.js》徹底重寫完畢 - CNode技術社群)免費的 NodeJS 教程哎,時間多,可以看完順便學習後端知識,時間不多,看前三章,看完後有收穫,記得給作者打賞,請他喝杯咖啡。接下來馬馬虎虎就知道 NodeJS 是什麼鬼了。
然後學習 Vue 技術棧,現在有許多公司在使用,崗位數量有保證。同時它簡單易學,不像 AngularJS 那麼重,也沒有 React 那麼多文縐縐的概念,文件齊全教程豐富,隨便在 GitHub 上搜 Vue 都能找到許多例項專案可以參考學習。 先跟著 Vue 官方教程(https://cn.vuejs.org/v2/guide/)走一遍,基本上 Vue 技術棧中常用的幾個模組就能一一碰到了,它們分別是 vue-router vuex。
然後當你看完教程想要新建目錄準備大幹一場的時候,發覺自己什麼都不會,別擔心,這是人之常情。學過 NodeJS 的你,可以在 5 秒鐘內敲出指令,透過 NPM 安裝一個 vue-cli (文件地址:vuejs/vue-cli: Simple CLI for scaffolding Vue.js projects)然後使用它的 webpack 模版(文件地址:vuejs-templates/webpack: A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.)不出三分鐘,你就得到了一個配置完善的 Vue 專案,有一整套的基於 Webpack 的構建流程,連目錄都給你建好了,你只需在此基礎上不斷的增加自己的程式碼。
接著可以在 GitHub 上找一個你喜歡的專案模仿學習,比如在 GitHub 上搜索「vue 知乎日報」就能出現許多相關專案。儘量找新的,並且使用了全套 Vue 技術(Vue、Vue-Router、Vuex、Vue-Resource)的專案來參考。
接著,對著各種文件,邊檢視邊練習吧,當你磕磕碰碰完成一個完整的專案時,你會發覺自己更上一層樓了,找工作也沒原來那麼難了。再看原來那些 jQuery 程式碼,你就會發現那是上個時代的產物了。
另外,當你想要讓 Webpack 幫你處理更多的東西時你可以看看 Webpack(webpack) 的文件,然後修改 vue-cli 給你生成的 Webpack 的配置程式碼,你就能嘗試配置自己的專案了,順便學習 Webpack 的使用。 想寫 SCSS ?Webpack 有個 scss-loader。 想寫 ES6 ? Webpack 有個 babel-loader。 等等等等……
這題,是越答越歪了....
=== 2017.4 更新===
前文提到的 Vue-Resource 作者已經停止維護,替代品是 axios 地址在這 :mzabriskie/axios
如果 Webpack 一下子不好弄懂,這裡有個非常不錯的 webpack 中文教程:Introduction · Webpack for fools
這一兩年許多人看中了網際網路行業的高薪,紛紛湧入這個行業,同時瞭解到前端入門比較簡單,就從前端入手了。
我剛入行那會兒,還是 jQuery 橫行的年代,服務端渲染頁面,JavaScript 處理互動,模組化和構建工具都是新鮮玩意兒,那個時候前端入門確實比較容易的,在那個時候入門的人,容易給後來者一個前端入門容易的印象。
這一兩年,Web應用興起,前後端分離,許多開發內容移到了前端,前端開發越來越像傳統的客戶端開發,前端開發人員的需求量雖然增多了,但同時面臨的問題也越來越複雜,技術迭代迅速,招人依舊不容易,入門的門檻也在不斷提高。
許多湧入的人,努力學習到了三年前的入行水平,在當下找前端開發的工作是很難的,用三四年前的技術標準招人的公司不多,新湧入的人很多,同時還要面臨技術水準停留在了 jQuery 時代的前輩們的競爭。之前湧入的消化不掉,後來者又源源不斷的湧入,就導致了現在這種一個前端崗位收到幾十上百份簡歷,看似前端滿天飛,卻依然招不到人的囧境。
=================== 上面是回答。有人感興趣今天的入行標準和幾年前的入行標準比起來多了哪些東西,下邊就簡單說說。
在幾年前的基礎上,現在入行至少理解目前常用的客戶端模式的一種,比如 MVVM FLUX。至少一個跟那些模式相關的前端框架,比如 Angular,React,Vue。一定要學會專案的構建,使用 Webpack 或是 Gulp 。一定要會一種 CSS 預處理語言,例如 SCSS,LESS 。一定要了解 NodeJS 的常識,例如使用 NPM 做依賴管理,使用 Express 跑起最簡單的應用。
上面是必須的,往後說說加分項。
會 ES6,TypeJS 是加分項,懂得多終端適配是加分項,懂得如何進行單元測試和功能測試是加分項,懂得函數語言程式設計是加分項,懂得後端開發的知識是加分項,懂得一門不是 JS 的程式語言是加分項。
如此一來,可以甩掉不少競爭者吧,但是比起只需掌握 HTML CSS JS jQuery 就能找工作的三四年前,要多了不少內容呢。
=========== 如果你已經學會了 HTML CSS JavaScript jQuery,還想要往前一步的話,我推薦:
首先你需要安裝 NodeJS 然後看這裡(《一起學 Node.js》徹底重寫完畢 - CNode技術社群)免費的 NodeJS 教程哎,時間多,可以看完順便學習後端知識,時間不多,看前三章,看完後有收穫,記得給作者打賞,請他喝杯咖啡。接下來馬馬虎虎就知道 NodeJS 是什麼鬼了。
然後學習 Vue 技術棧,現在有許多公司在使用,崗位數量有保證。同時它簡單易學,不像 AngularJS 那麼重,也沒有 React 那麼多文縐縐的概念,文件齊全教程豐富,隨便在 GitHub 上搜 Vue 都能找到許多例項專案可以參考學習。 先跟著 Vue 官方教程(https://cn.vuejs.org/v2/guide/)走一遍,基本上 Vue 技術棧中常用的幾個模組就能一一碰到了,它們分別是 vue-router vuex。
然後當你看完教程想要新建目錄準備大幹一場的時候,發覺自己什麼都不會,別擔心,這是人之常情。學過 NodeJS 的你,可以在 5 秒鐘內敲出指令,透過 NPM 安裝一個 vue-cli (文件地址:vuejs/vue-cli: Simple CLI for scaffolding Vue.js projects)然後使用它的 webpack 模版(文件地址:vuejs-templates/webpack: A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.)不出三分鐘,你就得到了一個配置完善的 Vue 專案,有一整套的基於 Webpack 的構建流程,連目錄都給你建好了,你只需在此基礎上不斷的增加自己的程式碼。
接著可以在 GitHub 上找一個你喜歡的專案模仿學習,比如在 GitHub 上搜索「vue 知乎日報」就能出現許多相關專案。儘量找新的,並且使用了全套 Vue 技術(Vue、Vue-Router、Vuex、Vue-Resource)的專案來參考。
接著,對著各種文件,邊檢視邊練習吧,當你磕磕碰碰完成一個完整的專案時,你會發覺自己更上一層樓了,找工作也沒原來那麼難了。再看原來那些 jQuery 程式碼,你就會發現那是上個時代的產物了。
另外,當你想要讓 Webpack 幫你處理更多的東西時你可以看看 Webpack(webpack) 的文件,然後修改 vue-cli 給你生成的 Webpack 的配置程式碼,你就能嘗試配置自己的專案了,順便學習 Webpack 的使用。 想寫 SCSS ?Webpack 有個 scss-loader。 想寫 ES6 ? Webpack 有個 babel-loader。 等等等等……
這題,是越答越歪了....
=== 2017.4 更新===
前文提到的 Vue-Resource 作者已經停止維護,替代品是 axios 地址在這 :mzabriskie/axios
如果 Webpack 一下子不好弄懂,這裡有個非常不錯的 webpack 中文教程:Introduction · Webpack for fools