前端學習，面向招聘程式設計

阿新 • • 發佈：2019-01-03

量變到質變是一個積累的過程，關鍵是堅持，一起加油！

最近幾年前端開發比較受歡迎，本文針對新人入行，簡要分享一點學習工作的心得，希望對決心入行前端的新人有所幫助。

前端三大基礎

HTML，CSS，JavaScript。WEB 前端三劍客，基礎學習沒有捷徑可走，為了避免走彎路浪費時間，很有必要找個好老師，比如我。

HTML 和 CSS 比較簡單，看優秀專案的原始碼會進步飛快，不要一聽到看原始碼就慫，前端的原始碼比較好看，F12 就看到了。

Bootstrap就非常值得一看，其 CSS 部分涉及樣式重置，基礎樣式（表單，表格等），工具 class（如清除浮動），響應式，絕對是寫 CSS 全面又規範的樣式庫，對學習 less

，scss 也有非常直接的幫助，看懂它們 COPY 過來就是你的了；其 JS 部分更是寫 jquery 外掛的最佳實踐，雖然現在已經很少人在用，但不妨礙從中學到很多優秀的思想。

JavaScript 部分就是程式設計了，作用域閉包，基於 prototype 的面向物件，class 語法糖，設計模式，模組化…劃重點，《JavaScript 高階程式設計》前 7 章，重點看，先掌握 ES5，再學好 ES678。

學好 JS，其重要性不言而喻，我始終認為，高階和普通的差距，主要體現在對基礎知識的掌握上，基礎掌握的更紮實，底層理解的更深刻，就是一個更高階的前端工程師。

掌握了 JavaScript 語言，就可以用各種 API 幹活了，BOM，DOM，AJAX，fetch，canvas，audio，video…這下有的玩了，喜歡聽歌可以做個音樂播放器，經常剁手可以仿一下天貓京東，天天叫外賣可以做個餓了嗎，這些都可以在網上找到免費教程，非常實用而且有趣。

WEB 開發所需的知識都是開放的，網上可以輕而易舉的找到各種文件教程，既系統又權威，比如 w3school，MDN。儘早學會並習慣獨立思考（如果之前不具備這個能力），有問題先問 Google 再問人，儘量別做伸手黨，避免給自己給別人造成困擾。

前端三大框架

基礎差不多就直接上手框架，不要等到 JS 掌握的非常好才開始框架的使用，一邊用框架一邊去理解 JS 知識，學習框架仍是前端的基礎要求。

React，Vue，Angular，三大框架至少熟練使用一個，這已經成為當下找工作的基本要求。隨便選擇一個開始學習，從找工作來看，優秀的 Angular 自然是無可爭議要往後排了。

三大框架解決了前端開發中的很多痛點，涉及到的概念一定要好好理解，比如 MVVM，資料驅動，元件化，狀態管理等思想，這些思想並不新鮮，由來已久，就像是放之四海而皆準的道理，框架恰好踐行了這些思想，同時提供了一整套非常優秀的解決方案。

最近幾年，得益於 NODEJS 的出現，前端工程化發展迅速，各種構建工具層出不窮，webpack 是必須要學的，至少目前是。同時加強一下對 NODEJS 的使用，嘗試用 express 或者 koa 搭建一套 RESTful 介面，這對工作中與後端同事合作會很有幫助。

聞道有先後，術業有專攻

前端僅僅是一個工作崗位，相較其他程式設計領域門檻低一點，入門容易些，但要進階，不可避免要回歸計算機基礎。

在做好前端之餘，你需要不斷橫向縱向學習，不斷增強對知識掌握的深度和廣度，比如學習以下內容：

1. 熟練掌握常用 linux 命令，至少可以配置個 nginx，寫點 shell 指令碼啥的。

2. 熟悉常見的演算法和資料結構。

3. 學一門伺服器端開發語言，不限於 NODEJS。

4. HTTP，websocket 等網路協議。

5. mysql，mongo，redis，基礎的增刪改查還是很簡單的。

6. …