精通Vue.js开发(课程包)

包含:part1-核心开发;part2-高级实战开发
01
预备课程
02
第1课、认识vue.js
03
第2课、深入Vue.js
04
第3-4课、路由深入、webpack与vue2.0组件开发-1
05
第3-4课、路由深入、webpack与vue2.0组件开发-2
06
第5课、数据交互与vuex全局数据管理
07
第6课、element-UI
08
第7课、mint-UI
09
第8课、编写自己的UI组件库
10
第9课、项目实战:网易严选商城
11
第10课、项目实战(续)、项目上线部署

适用人群

有js基础

课程概述

智能社《精通vue.js》系列精品课程:

精通Vue全课程分为两部分,本部分为part1.(报名全课程可享受打包优惠,详情咨询客服QQ1813402318):

·Part1- 《精通vue.js—核心开发》:知识为主,配合小型实战案例,适合没有或稍微接触过vue.js的同学学习,从零开始讲解vue的使用,通过案例及练习帮助学员彻底掌握vue.js的使用

·Part2- 《精通vue.js—实战开发》:涵盖vue.js的高级应用,配合完整大型实战案例,适合在工作中曾经或正在使用vue.js的同学学习,通过真实项目的开发帮助学员应对实际工作中的各种问题

授课形式:

1. 直播授课,高效互动、现场解决学员问题(为保证课程体验,如有特殊问题课下单聊)

2. 课后练习,便于讲师发现学员问题、根据大量共通问题调整教学进度

3. 群答疑

4. 不定期分享,分享最新技术发展、帮助学员更新知识体系

△本课程,不只是讲解vue.js的使用,更会 深入分析 vue.js 的实现原理及实际工作中的各类思想,助大家早日征服vue.js

《精通vue.js —— Part1. 核心开发》课程内容:

预备课程

讲解课程中用到的基础知识、介绍课程内容,为正式课程做好准备

· 课程内容介绍

· ES6基础:promise、async/await、模块化

· webpack:安装、基础配置

· 前端渲染与后端渲染:比较、区别、如何选择

· MVC模式:理解、发展过程、MVVM模式

第1课、认识vue.js

学习vue.js的基本使用,认识vue的组成、各部分功能和用法

· 为什么使用vue.js:优点、自动视图同步、vue+react+angular三大框架的横向比较

· vm对象基本使用:容器、vue结构、常用options

· 视图自动同步

· vue表达式:变量、表达式、函数

· vue指令:v-bind、v-model、v-text和v-html、v-for和key、v-if和v-show、v-pre

· 虚拟DOM的概念

· vue事件、v-once

· 事件修饰符

· v-cloak遮蔽的使用

本课实战:用户注册表单

本课练习: B 站主播信息

第2课、深入Vue.js

在这一课中,会将vue.js剩余的基础知识讲完,同时讲解vue.js的内核原理,帮助大家更好的使用vue.js

· 深入理解vue.js源码:自动视图同步、双向数据绑定、虚拟DOM、computed 、watch

· computed计算属性:有什么用、和函数的区别

· getter和setter

· watch监听

· vue-router路由基础:安装、基本使用、link、路由样式

· vue组件基础:全局组件、局部组件、组件嵌套

本课实战:自定义表单组件

本课练习:简易后台管理开发

第3-4课、路由深入、webpack与vue2.0组件开发

本课我们将告别传统的vue1.x组件,通过webpack+vue-loader的帮助,掌握vue2.0组件写法,学会真实项目中的开发方式

· webpack中的loader:style-loader、css-loader、file-loader、url-loader、vue-loader(及VueLoaderPlugin)

· vue-cli的使用

· vue2.0组件:vue文件的结构、组件生命周期、ref引用、插槽(slot)

· 组件的传参

· 组件间数据通信

· 动态组件、Jest单元测试

· 路由高级应用:命名路由、路由参数、js路由跳转、多视图、路由嵌套

本课实战:后台管理系统开发

本课练习:网易云音乐

第5课、数据交互与vuex全局数据管理

数据通信对于任何应用都是极其重要的,而任何应用中数据在各个组件之间都需要进行同步、共享,而vuex是vue中数据全局管理的重要组件,在本课中我们会学习它们的使用

· 原生js数据交互(仅用于引入后续内容)

· fetch的使用:GET、POST

· axios库的使用:GET、POST

· FormData:创建、配合fetch、配合axios、文件上传

· 认识vuex:安装和引用、Vuex三大对象、mutations和actions

· 深入vuex:getters和computed、异步数据、数据模块

本课实战:网易云音乐 - 播放列表

本课练习:京东购物车

第 6 课、 element-UI

本课将带领大家学习element-UI——用于Web端的一套UI组件库,合理使用ui组件库可以在开发中节约大量时间,而且最重要的是可以为我们自己开发属于自己的UI库铺平道路

· element-UI基础:安装、use、引入

· 布局(layout)、响应式布局

· 基本组件:Icon、Header、Footer、Aside、Tabs、Slider、Loading等

· 表单组件:Button、ButtonGroup、Input、Select、Dropdown、Radio、Dialog、Autocomplete等

· 其他常用组件:Table、Dialog等

本课实战:后台数据管理系统

本课练习:个人简历编辑器

第 7 课、 mint-UI

mint-UI是一套用于移动端的UI组件库

· 基本使用

· 基本组件:上拉、下拉、指示器、提醒、弹出框、导航、懒加载、tab等

· 表单组件:按钮、滑块、单选、多选、日历、action sheet等

本课实战:手机日程管理

本课练习:联系人管理

第 8 课、编写自己的 UI 组件库

当现有UI库的设计风格无法与项目同一时,我们可以选择自己定义一套UI库,不但可以极大的降低重复开发的工作,还可以统一整个项目的UI风格

· UI布局预览(html、css)

· vue-animate:添加动画效果

· 封装基础组件:Button、Input

· 封装容器组件:Tab、Dialog

本课自身即为实战内容

本课练习:封装 UI 组件库

第 9 课、项目实战:网易严选商城

将课程中所学习的应用于实战项目,帮助大家融会贯通

· 项目预览:布局、数据接口

· 首页:数据请求、banner、类目表

· 列表页:数据请求、筛选、分页

第 10 课、项目实战 ( 续 ) 、项目上线部署

· 商品详情页:商品图slider、商品详情、热销

· 项目的上线部署

------------------------------------------------------------------------------------------------------------------------------------

· 学完进阶:高级实战直播课 《精通vue.js —— Part2. 实战开发》

------------------------------------------------------------------------------------------------------------------------------------

暂无评论
01
Vue高级应用
02
typescript与ts-loader
03
Ant Design UI
04
实战开发 – 淘宝网 用户登录与状态存储
05
实战开发 – 淘宝网 首页
06
实战开发 – 淘宝网 列表页
07
实战开发 – 淘宝网 列表页(续)+详情页
08
实战开发 – 淘宝网 详情页(续)、购物车、结算页 商品详情
09
实战开发 – 淘宝网 卖家平台(管理后台)
10
实战开发 – 淘宝网 卖家平台(续)
11
实战开发 – 淘宝网 卖家平台(续2)、项目部署上线

适用人群

有js基础,vue基础;适合在工作中曾经或正在使用vue.js的同学学习。涵盖vue.js的高级应用,完整大型实战案例。

课程概述

智能社《精通vue.js》系列精品课程Part2:

《精通vue.js—实战开发》:涵盖vue.js的高级应用,配合完整大型实战案例,适合在工作中曾经或正在使用vue.js的同学学习,通过真实项目的开发帮助学员应对实际工作中的各种问题

暂无评论
关闭
正在加载...
关闭
API Key 重置