视频教程-vue基础入门系列课程+仿魅族商城-Vue

vue基础入门系列课程+仿魅族商城

螺钉课堂讲师，擅长Vue、React、ReactNative、NodeJS等前端框架及技术

邓老师

¥199.00

立即订阅

扫码下载「CSDN程序员学院APP」，1000+技术好课免费看

APP订阅课程，领取优惠，最少立减5元 ↓↓↓

订阅后：请点击此处观看视频课程

 

视频教程-vue基础入门系列课程+仿魅族商城-Vue

学习有效期：永久观看

学习时长：1931分钟

学习计划：33天

难度：中

 

「口碑讲师带队学习，让你的问题不过夜」

讲师姓名：邓老师

CTO/CIO/技术副总裁/总工程师

讲师介绍：螺钉课堂讲师，擅长Vue、React、ReactNative、NodeJS等前端框架及技术

☛点击立即跟老师学习☚

 

「你将学到什么？」

 

「课程学习目录」

第1章：第一部分：夯实基础之ES6+系统入门

1.es6是什么

2.let是什么

3.const是什么

4.什么是解构赋值

5.数组和对象的解构赋值

6.解构赋值应用总结

7.什么是扩展运算符

8.扩展运算符应用总结

9.数组扩展-数组的相关方法1

10.数组扩展-数组的相关方法2

11.函数扩展-默认参数和rest参数

12.函数扩展-什么是箭头函数？

13.箭头函数注意事项

14.对象扩展1

15.对象扩展2

16.Symbol是什么？

17.Symbol注意事项

18.Set是什么？

19.Map是什么？

20.Map的相关方法

21.同步和异步代码

22.Promise是什么？

23.Promise的用法1

24.Promise的用法2

25.Promise的用法3

26.Promise练习

27.Promise的相关方法-catch方法

28.Promise的相关方法-all方法

29.Promise的相关方法-race方法

30.Iterator接口是什么？

31.iterator和for...of.

32.什么是generator

33.generator注意事项

34.generator应用-限制抽奖次数

35.generator应用-异步读取文件

36.co模块

37.async函数

38.class的基本写法

39.继承

40.es5中模块封装

41.打包编译环境准备

42.export和import命令

43.export和import注意事项

44.export default命

45.模版字符串

46.总结

第2章：第二部分：vue核心基础之初体验

1.vue简介

2.vue的安装和使用

3.vue的实例初识

第3章：第二部分：vue核心基础之语法精讲

1.事件绑定形式

2.事件绑定补充和事件修饰符1

3.事件修饰符2

4.按键修饰符

5.系统修饰符

6.什么是指令？

7.v-text和v-html指令

8.v-show指令

9.v-if指令

10.v-for指令

11.v-for指令注意事项

12.变异方法

13.v-on、v-bind、v-model指令

14.v-once、v-pre、v-cloak指令

15.样式绑定1-class样式绑定

16.样式绑定2-style绑定

17.表单输入绑定

18.什么是计算属性

19.计算属性和方法的区别

第4章：第二部分：vue核心基础之组件基础

1.什么是组件

2.组件注册实例

3.父组件向子组件传值

4.实例：新闻列表渲染

5.子组件向父组件发送消息

6.实例-简单todo练习

7.实例-简单todo练习2

8.难点重讲

第5章：第二部分：vue核心基础之实战案例

1.实例：选项卡结构搭建

2.实例：选项卡逻辑实现

3.实例：选项卡代码重构

4.实例：后台管理菜单列表渲染1

5.实例：后台管理-子菜单渲染

6.实例：购物车商品渲染

7.实例：购物车商品数量增加

8.实例：购物车商品数量减少和计算单个商品总价

9.实例：删除购物车商品

10.实例：统计购物车所有商品数量和选中商品数量

11.实例：统计选中商品总价

12.实例：删除选中商品

13.实例：实现商品全选功能

14.总结和bug修复

第6章：第三部分：vue-cli环境详解

1.什么是脚手架以及vue-cli安装

2.使用vue-Cli创建项目

3.Vue-Cli创建项目目录介绍

4.单文件组件介绍

5.单文件组件注意点

6.项目配置知识点补充

7.单文件组件实例

第7章：第四部分：vue-router详解

1.什么是前端路由

2.Vue-Router使用步骤

3.Hash和history模式

4.Router-Link相关配置

5.嵌套路由

6.命名路由

7.命名视图

8.重定向和别名

9.编程式导航

10.编程式导航2

11.动态路由匹配

12.如何监听动态参数

13.路由组件传参

14.滚动行为

15.过渡效果

16.钩子函数

17.全局钩子-Beforeeach

18.全局钩子函数-Aftereach

19.写到路由记录里的钩子函数

20.写在组件内部的钩子函数

第8章：第五部分：axios数据交互详解

1.Axios是什么？以及简单使用

2.响应数据结构和模拟数据

3.Post方式、错误处理、参数传递

4.请求方法的别名

5.一次发送多个请求

6.创建自定义实例

7.拦截器的简单使用

8.在全局使用axios

第9章：第六部分：vuex状态管理详解

1.组件共享数据产生的问题1

2.组件共享数据产生的问题2

3.使用vuex重构代码

4.Vuex中的核心概念和注意事项

5.mutation细节

6.action详解

7.vuex流程解析

8.getter详解

9.辅助函数1

10.辅助函数2

11.拆分模块

12.总结

第10章：第七部分：项目实战之项目初始化

1.课程简介

2.使用vue-Cli创建项目

3.项目启动及目录分析

第11章：第七部分：项目实战之需求分析和Mock数据

1.项目需求分析

2.项目资源

3.Mock数据

第12章：第七部分：项目实战header组件和悬浮列表动画

1.创建目录，配置路由

2.主页布局分析

3.Header组件的创建及引用

4.Header组件的样式（上）

5.Header组件样式（下）

6.Header的悬浮列表

7.从mockserver获取数据header数据

8.悬浮列表的动画（上）

9.悬浮列表的动画（下）

第13章：第七部分：项目实战之轮播组件

1.创建轮播图组件及功能分析

2.轮播图组件样式

3.轮翻组件动画（上）

4.轮播图动画（下）

5.轮播组件的菜单列表

6.轮播的广告图片

第14章：第七部分：项目实战之商品列表、广告商品组件

1.创建商品列表

2.商品列表的结构

3.商品列表功能完善

4.广告商品组件

5.Footer组件上

6.Footer组件下

第15章：第七部分：项目实战之分类、图片展示等组件

1.创建分类页

2.创建分类列表组件（上）

3.分类列表组件（下）

4.图片展示组件（上）

5.图片展示组件（下）

6.条件筛选组件（上）

7.条件筛选组件（中）

8.条件筛选组件（下）

9.排序组件（上）

10.排序组件（中）

11.排序组件（下）

12.推荐商品组件（上）

13.推荐列表组件（下）

第16章：第七部分：项目实战之详情页

1.创建详情页

2.详情页（上）

3.详情页（中）

4.详情页（下）

5.详情页完

6.创建vuex

7.vuex实现添加到购物车（上）

8.vuex实现添加到购物车（下）

第17章：第七部分：项目实战之购物车

1.创建购物车页面

2.购物车样式（上）

3.购物车样式（中）

4.购物车样式（下）

5.通过vuex实现购物车数量加减

6.购物车全选操作的实现

7.购物车数量计算及删除

8.弹框组件的封装（上）

9.弹框组件的封装（中）

10.弹框组件的封装（下）

第18章：第七部分：项目实战之提交订单

1.创建订单页面

2.订单界面样式（上）

3.订单界面样式（中）

4.订单界面样式（下）

5.订单界面样式（完）

6.提交订单功能完善

 

「7项超值权益，保障学习质量」

• 大咖讲解

技术专家系统讲解传授编程思路与实战。

• 答疑服务

专属社群随时沟通与讲师答疑，扫清学习障碍，自学编程不再难。

• 课程资料+课件

超实用资料，覆盖核心知识，关键编程技能，方便练习巩固。（部分讲师考虑到版权问题，暂未上传附件，敬请谅解）

• 常用开发实战

企业常见开发实战案例，带你掌握Python在工作中的不同运用场景。

• 大牛技术大会视频

2019Python开发者大会视频免费观看，送你一个近距离感受互联网大佬的机会。

• APP+PC随时随地学习

满足不同场景，开发编程语言系统学习需求，不受空间、地域限制。

 

「什么样的技术人适合学习？」

• 想进入互联网技术行业，但是面对多门编程语言不知如何选择，0基础的你
• 掌握开发、编程技术单一、冷门，迫切希望能够转型的你
• 想进入大厂，但是编程经验不够丰富，没有竞争力，程序员找工作难。

 

「悉心打造精品好课，33天学到大牛3年项目经验」

【完善的技术体系】

技术成长循序渐进，帮助用户轻松掌握

掌握Vue知识，扎实编码能力

【清晰的课程脉络】

浓缩大牛多年经验，全方位构建出系统化的技术知识脉络，同时注重实战操作。

【仿佛在大厂实习般的课程设计】

课程内容全面提升技术能力，系统学习大厂技术方法论，可复用在日后工作中。

 

「你可以收获什么？」

系统掌握vue重要知识

系统学习vue全家桶

可以实现魅族商城项目

掌握完整实现一个项目的流程

 

订阅课程 开始学习