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教程】