Vue.js學習路徑 & Web前端工程知識體系

* ECMAScript 6

ECMAScript 6.0（簡稱 ES6）是 JavaScript 語言的下一代标準，已經在 2015 年 6 月正式釋出了。它的目标，是使得 JavaScript 語言可以用來編寫複雜的大型應用程式，成為企業級開發語言。

學習資源： 【技術胖帶你玩轉ES6視訊教程】

參考連結： 【ES6這些就夠了】 【ECMAScript 6 阮一峰手冊】

* webpack

webpack是一個前端子產品化方案，更側重子產品打包，我們可以把開發中的所有資源（圖檔、js 檔案、css 檔案等）都看成子產品，通過 loader（加載器）和 plugins（插件）對資源進行處理，打包成符合生産環境部署的前端資源。

學習資源： 【官方學習指南】 【Webpack4.0視訊教程】

參考連結：  【官網中文版】

注：【Webpack4.0視訊教程】可通過本地FTP下載下傳（web前端進階視訊教程）  ftp://172.16.15.165/

* Vue.js

Vue (讀音 /vjuː/，類似于 view) 是一套用于建構使用者界面的漸進式架構。與其它大型架構不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫隻關注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。另一方面，當與現代化的工具鍊以及各種支援類庫結合使用時，Vue 也完全能夠為複雜的單頁應用提供驅動。

Vue.js入門： 【vue2.5入門（慕課教程）】 【官方文檔】

基礎案例： 【Vue+Webpack打造todo應用（慕課教程）】

進階項目教程：【Vue2.5開發去哪兒網App（提取碼: a94h ）】

參考連結：【Vue Router】【Vuex】【vue學習路徑（簡書）】

注：【Vue2.5開發去哪兒網App】可通過本地FTP下載下傳（web前端進階視訊教程）  ftp://172.16.15.165/

後續提升

微信公衆号+小程式開發：【Vue+Node+MongoDB進階全棧開發(提取碼：j9h5)】

餓了麼開源項目：【GitHub位址】

其他參考

babel

Babel是一個廣泛使用的轉碼器，可以将ES6代碼轉為ES5代碼，進而在現有環境執行。

參考連結： 【阮一峰教程】 【中文官網】

stylus

Stylus - 富有表現力的、動态的、健壯的CSS

參考連結： 【stylus基本使用】【stylus中文版參考文檔】【stylus @github】

Git教程

參考連結：【廖雪峰Git教程】