【k8s云原生快速进阶】
http://b.jtthink.com/read.php?tid=1050
【本站RUST课程探索和教学方向说明】
http://b.jtthink.com/read.php?tid=676
Vue+Ant Design实战进阶第一季
- 价 格: ￥250
- 时 长: 11小时06分
- 难 易： 进阶
收藏本课程
购买本课程
课程大纲
- 第一章:热身和导航栏
- 第1讲:开张课、课程内容、环境搭建 试听
-
开张课，说一下环境和课程主要内容
- 第2讲:热身:路由组件的按需加载设置、别名设置
-
热身课程，把基础课程中没讲到的内容带一下
- 第3讲:热身：创建第一个路由、运行第一个界面
-
创建第一个路由、运行第一个界面
- 第4讲:导航(1):创建面包屑导航 试听
-
今天开始使用ant design组件进行训练
- 第5讲:导航(2):两种修改组件样式的方式
-
今天来讲下修改组件样式的简单方法（参考即可）
- 第6讲:导航(3):微调导航样式、配置方式渲染导航 试听
-
今天开始讲解第一种渲染导航数据的方式
- 第7讲:导航(4):直接使用vue-router渲染导航栏
-
写死数据太low了，我们可以直接使用vue-router的方式来加载
- 第8讲:导航(5):使用itemRender渲染导航栏、jsx的使用
-
第三种渲染导航的方式：使用itemRender自定义函数以及jsx的使用
- 第9讲:导航(6):支持vue-router和自定义导航混合、支持排序 试听
-
前面课时我们直接使用了vue-router内容进行导航栏渲染，实际上我们一般还要支持自定义
- 第10讲:导航(7):在导航栏上动态增加搜索框
-
纯文字导航栏怎么能过瘾呢，今天我们来加个搜索框
- 第11讲:导航(8):在jsx下文本框事件触发
-
今天来讲下jsx下组件的事件触发写法
- 第12讲:导航(9):在jsx下文本框value获取
-
今天讲下在jsx下文本框的value获取方法
- 第13讲:导航(10):把搜索框封装到外部组件并加载
-
本课时我们把搜索框单独封装到外部
- 第二章:课程页开发
- 第14讲:课程页(1):项目多页面设置
-
本课时我们进入第二章：课程页的开发
- 第15讲:课程页(2):课程页和首页共用导航栏
-
前面课时我们设置了项目的多页面（非单页应用），今天我们来演示下共用导航栏的方式
- 第16讲:课程页(3):多模块共用导航栏下的页面跳转处理 试听
-
共用导航后，就涉及到连接的跳转和加载问题。今天我们来处理这个问题
- 第17讲:课程列表页的基本布局、栅格、响应式基本设置
-
今天我们开始设计基本的课程列表页
- 第18讲:课程列表组件(1):静态数据
-
通过本课时，我们做出了课程列表页的基本雏形
- 第19讲:侧边栏构建：分类列表、卡片、图标基础使用
-
今天我们来构建侧边栏
- 第20讲:侧边栏构建：使用阿里图标、加载SVG
-
自带图标不够，今天介绍使用阿里图标库
- 第21讲:侧边栏构建：使用阿里图标、在线加载图标
-
使用在线图标的基本方式
- 第22讲:使用犸良设计动图广告、Lottie加载动画 试听
-
广告如果没有美工咋办？自己动手做一个
- 第23讲:课程详细页(1)基本设计、拆分首页和课程路由
-
开始设计基本的课程详细页。先把路由拆分下
- 第24讲:课程详细页(2)从列表页跳转
-
动态跳转
- 第25讲:课程详细页(3)标题、作者简介、课程介绍等
-
加入标题作者简介和课程介绍基本样式
- 第26讲:课程详细页(4)购买按钮、章节列表页、tab切换等
-
今天我们来完成购买页和章节目录的展现
- 第27讲:课时详细页（1）路由设置、课程图片、课时内容
-
我们花2课时时间来设计课时详细页
- 第28讲:课时详细页（2）显示课程目录在侧边栏上
-
课时详细页需要课程目录，我们把它显示在侧边栏上
- 第29讲:用户功能(1):导航栏上显示头像、下拉菜单 试听
-
今天我们在导航栏上加入用户头像。点击头像显示下拉菜单
- 第30讲:用户功能:课程发布页(1)基本表单
-
今天我们来做课程发布页的基本设计
- 第31讲:用户功能:课程发布页(2)表单基本验证
-
讲解下表单的基本验证方式
- 第32讲:章节发布页(1)添加章节页设计、章节可拖动
-
今日开始设计章发布页。并使用第三方库使之可拖动调整顺序
- 第33讲:章节发布页(2)、模拟增加章事件
-
今天我们来添加章
- 第34讲:章节发布页(3)、增加章拖动特效、bug修正 试听
-
增加点特效，修正上节课的BUG
- 第35讲:章节发布页(4)、添加章删除事件
-
本周我们来完成章的删除事件
- 第36讲:课时发布页(1):加入markdown编辑器 试听
-
付费阅读肯定不能使用普通的富文本，因此我们今天来演示下markdown编辑器的使用
- 第三章:后端API模拟(mock)
- 第37讲:基本目录结构、模拟第一个课程列表API(基本套路)
-
本课时进入第三章，我们进行后端API的模拟。使用mockjs
- 第38讲:封装简易的httpClient调用API
-
直接赤裸裸的写axios太麻烦，我们做一些简单的封装
- 第39讲:模拟数据渲染课程列表(1)
-
今天我们来把课程列表给渲染了
- 第40讲:模拟数据渲染课程列表(2)：滚动加载更多数据(分页) 试听
-
我们不使用传统页面分页，使用第三方库来完成滚动加载更多
- 第41讲:模拟数据渲染课程详细页、全局函数使用
-
接下来我们来渲染课程详细页
- 第42讲:补充:使用mapState简化属性获取
-
今天我们使用官方提供的辅助函数简化属性获取。后面我们还将简化API调用和代码逼格封装
- 第43讲:课程详细页：加载课程详细和章节列表、Bug修正
-
今天讲下加载课程详细页和章节列表数据
- 第44讲:课程详细页:调用API代码的简化和封装姿势、mapActions
-
今天讲下代码优化姿势
- 第45讲:课程详细页:一个页面上多个API调用顺序的处理
-
本章最后一课时。讲解下一个页面上如果要调用多个API，需要控制顺序代码应该怎么写
- 第四章:vue后端渲染(Nuxt)
- 第46讲:Nuxt.js入门、创建项目
-
本课时进入第四章，后端渲染
- 第47讲:速学Nuxt(1):调整目录、布局、自定义title 试听
-
今天开始速学Nuxt
- 第48讲:速学Nuxt(2):路由的官方使用、参数传递等
-
路由和vue-cli中手写有区别，我们先了解下Nuxt官方路由（其他挺方便）
- 第49讲:速学Nuxt(3):使用自己的路由文件
-
往往我们希望使用之前写好的路由文件，因此需要进行改造
- 第50讲:速学Nuxt:Vuex基本使用(1)
-
这几课时我们来快速学习下nuxt中vuex的使用套路
- 第51讲:(选学):使用yapi进行接口数据模拟和管理
-
之前我们使用纯mock来模拟数据。今天我们介绍下专门的接口模拟和管理工具yapi来实现数据模拟
- 第53讲:Vuex基本使用(3):axios配置、asyncData异步数据使用
-
今天我们讲到在nuxt后端渲染下使用axios模块的最简单配置
- 第54讲:Vuex基本使用(4):fetch方法更新vuex状态数据
-
今天讲到使用fetch方法
- 第55讲:插件的使用、使用vue消息提示插件
-
今天我们讲到插件的使用，并且集成一个第三方的vue消息提醒插件作为测试
- 第56讲:nuxt简单集成ant-design-vue
-
接下来我们来集成一些UI框架。譬如antd
- 第57讲:nuxt使用路由加载出导航栏 试听
-
按照之前的套路，我们读取路由文件加载出最简单的导航栏
问:为什么有的课程会涨价?
答:课程刚开始更新时是比较便宜的，随着课时的增多会逐步涨到原价
问:课程价格是每节课都要这么多钱?
答:课程价格是指该课程下面所有课时的总价,
问:为啥有课程最后显示课时正在更新?
答:说明我们的讲师还在录制中
问:购买课程后能看多久?
答:终身在线观看
课程咨询群1:
课程咨询群2:
课程咨询群3: