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

你可能感兴趣的:(web前端,vue,web前端,web前端工程,学习路径)