做前端碼農沒有技術含量？

知識 07-23

大家好，我叫曉明，現在是一家外企的前端工程師，年薪在前端這個領域也算中等偏上。作為一名入行已經五年的 Web 前端工程師，今天想分享一些有用的攻略，對我剛工作的前兩年影響非常大，也希望可以幫助大家飛速成長。

在我自己成為前端工程師前，身邊學編程的同學都普遍認為前端沒有技術含量，且容易被替代。但其實進入前端圈子感受最大的是變化速度太快：過去的客戶端以瀏覽器為主， HTML/CSS/Javascript 是唯一選擇，現在則是 mobile first，大量前端開發者被原生開發分流。

不過隨著 H5 在傳播上體現的巨大商業價值，無論是創業團隊還是 BATJ 自然重視這塊低成本高收益的事。前端的春天又來了，但現在局面是後備人才不足，想轉前端開發的又會發現貴圈比以前還亂，除了標準依然滯後，各種框架、工具相繼冒出來，沒一兩年又淘汰，過去好像會 jQuery 就可以混，現在的門檻確實高不少。

比如最近 Facebook 大規模重構 React Native，Airbnb 則棄用 RN 回歸原生技術，Google 發布新的 Flutter 預覽版，Flutter 也早已紛紛獲得國內 BAT 互聯網企業的擁護。可見，前端技術的培訓、積累和創新上，並不比如今火爆的 AI 領域要差。之前有人說 Web 已死，現在看說這話的人可以去死了。在前端技術儲備上加大投入，很長一段時間內都是非常值得的。那麼該如何在前端圈子不斷提升自己的技術，獲得薪資和職位的晉陞呢？

對於和我一樣，如今已經從事前端開發的工程師或開發者，我的第一個建議是：擁抱變化，不斷學習。

熱愛跨瀏覽器開發帶來的挑戰、熱愛異端，熱愛同行，熱愛工具；

了解和適應前端技術的快速變化，Stay hungry，Stay foolish；

多學習，多動手，保證自己的才能與日俱增。參與一些開源軟體的開發，學習新的知識和框架；

沉浸到負責的每一個項目中，具體問題具體分析，不生搬硬套，獨立思考。

那麼如何從零開始學習前端？

學習對於每一個人都有自己獨特的方式，我也不例外。在此我不能說我的學習方法就是好的，我只是想藉此機會說說自己是如何學習前端技術的。在學校時學到的前端技能一般並不全面，也不是最新的，因此我會推薦以下方式：

系統的規劃學習路徑，如 HTML + CSS，再到 JavaScript、React、Vue 等等；

不斷練習，例如模仿網站，從博客類的到電商類的，從 HTML 到 CSS 模仿抄送；

認識圈內人士，至少是 level 比自己高，知識比自己豐富的人，有一個導致或者和你水平接近的圈內朋友；

提高英語閱讀水平，可以第一時間了解圈內的新聞和讀懂國外的文檔；

學習國外網站的不斷更新的課程，前端一定要不斷更新知識儲備和技能，才能跟上國內企業的招聘要求。

我在提高前端技術時，最欣賞的是優達學城（Udacity）的相關課程，可能它在國內名聲不顯，但在海外甚至全球，優達學城是一個非常有名的在線教育平台。我在優達學城就上過前端開發和 React 的課程，對我在職業上的幫助非常大。

優達學城，英文名 Udacity，是由斯坦福大學教授，谷歌無人車之父 Sebastian Thrun 創立的。 Sebastian 創立優達學城的最初是因為他在斯坦福開了人工智慧這門課，通過在線授課的方式向全世界開放。結果註冊的人數連連突破，達到了 16 萬人。這讓 Sebastian 認識到了這世界上通過網路接受教育的需求有多大。

可能你會問，既然是人工智慧起家，為什麼我要去它家上前端開發？

優達學城的前端開發是和Amazon、GitHub 以及 AT&T(美國最大的電信公司）聯合製作，而 React 課程則是和 React 社區和 Google 的專家一起製作。剛剛我也提到，相比國內，國外網站的課程，是會根據每年前端圈子變化而更新內容的。另外一方面，在美國，優達學城是和 Coursera 以及 Edx 並列為三大在線教育平台。在這三家中，Coursera 和 Edx 都是面向於大學的課程。前者是斯坦福大學創立，後者則是麻省理工和哈佛大學聯合創辦。在 Coursera 和 Edx 兩位重量級選手的比拼下，大多數人卻會選擇優達學城這個平台。我自己這三個平台上都上過前端類的課，最喜歡的依然是優達學城。

這是因為和 Coursera 以及 Edx 不同，優達學城的課是精心設計的，注重工業界實戰經驗的課，而非 Coursera 或者 Edx 那樣大學裡面的教授方式。學員在課程中，可以邊學邊練，迅速的掌握工業界開發的技巧。這就讓優達學城畢業的人能很快的脫穎而出，迅速找到好工作。

在上課的時候，優達學城的課被課程設計專家分割成很多的短小的模塊，有視頻有練習。學員在學習過程中邊練習邊測試，很快就可以掌握知識點。

事實上，Udacity 不只是騰訊的培訓合作夥伴， AT&T、通用電氣等名企都在和 Udacity 合作提升企業工程師的技術。現在你也有機會加入他們，隨時隨地學習來自矽谷的前端技術。

以前端開發入門課程為例，你能夠通過以下實戰項目鞏固知識，打磨技能：

實戰項目1用 HTML 為博客文章排版

我們將提供一個網站的原型（以及其中的文本，這樣你就不用手動輸入網頁中的文本了）。而你的任務是使用 HTML 將原型轉換為真的網頁的樣子。

實戰項目2創建動物卡片

此項目將考察你在 HTML、CSS 課程中所學到的技能，並要求你依據設計原型，重新創建一個網頁。當然，我們為你提供了設計原型和 HTML 文件。此項目中使用的設計原型的靈感來自動物交換卡，你要選擇一種自己喜歡的動物，然後創建它的卡片。

實戰項目3編寫作品集網頁

在本項目中，你將構建一個作品集網站。你將根據我們所提供的設計原型 PDF 文件，使用 HTML 和 CSS 再現該設計。你需要開發一個響應式網站，針對在前端納米學位課程中完成的各作品集項目，顯示其相應的圖片、說明和鏈接。建議在成功再現設計模型之後，還可以繼續對設計進行調整和自定義製作，通過個性化來創建屬於自己的設計！自己動手實現的作品集網站首先要讓自己滿意。