Vue+Ant Design实战进阶第一季
课程详情
课程标题:Vue+Ant Design实战进阶第一季
本课程是继Vue基础课程后的实战进阶课程,旨在帮助学员深入理解Vue框架并结合Ant Design进行实际项目开发。
课程核心围绕“付费阅读”项目背景,通过实际开发前端组件,让学员掌握Vue+Ant Design的实战技能。
适合人群
- 已掌握Vue基础,希望进一步提升实战能力的开发者
- 对Ant Design框架感兴趣,希望将其应用于实际项目的开发者
- 前端工程师,希望拓宽技术栈,提升项目开发效率
学习收获
- 熟练掌握Vue+Ant Design框架的使用
- 能够独立完成复杂的前端组件开发
- 提升项目开发效率,增强项目可维护性
课程亮点
- 实战项目驱动,学以致用
- 深入解析Vue+Ant Design框架原理
- 提供丰富的案例和代码示例
- 互动式教学,答疑解惑
课程目录
第一章:热身和导航栏 cplist.push('第一章:热身和导航栏');
第1讲:开张课、课程内容、环境搭建
第2讲:热身:路由组件的按需加载设置、别名设置
第3讲:热身:创建第一个路由、运行第一个界面
第4讲:导航(1):创建面包屑导航
第5讲:导航(2):两种修改组件样式的方式
第6讲:导航(3):微调导航样式、配置方式渲染导航
第7讲:导航(4):直接使用vue-router渲染导航栏
第8讲:导航(5):使用itemRender渲染导航栏、jsx的使用
第9讲:导航(6):支持vue-router和自定义导航混合、支持排序
第10讲:导航(7):在导航栏上动态增加搜索框
第11讲:导航(8):在jsx下文本框事件触发
第12讲:导航(9):在jsx下文本框value获取
第13讲:导航(10):把搜索框封装到外部组件并加载
第二章:课程页开发 cplist.push('第二章:课程页开发');
第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)路由设置、课程图片、课时内容
第28讲:课时详细页(2)显示课程目录在侧边栏上
第29讲:用户功能(1):导航栏上显示头像、下拉菜单
第30讲:用户功能:课程发布页(1)基本表单
第31讲:用户功能:课程发布页(2)表单基本验证
第32讲:章节发布页(1)添加章节页设计、章节可拖动
第33讲:章节发布页(2)、模拟增加章事件
第34讲:章节发布页(3)、增加章拖动特效、bug修正
第35讲:章节发布页(4)、添加章删除事件
第36讲:课时发布页(1):加入markdown编辑器
第三章:后端API模拟(mock) cplist.push('第三章:后端API模拟(mock)');
第37讲:基本目录结构、模拟第一个课程列表API(基本套路)
第38讲:封装简易的httpClient调用API
第39讲:模拟数据渲染课程列表(1)
第40讲:模拟数据渲染课程列表(2):滚动加载更多数据(分页)
第41讲:模拟数据渲染课程详细页、全局函数使用
第42讲:补充:使用mapState简化属性获取
第43讲:课程详细页:加载课程详细和章节列表、Bug修正
第44讲:课程详细页:调用API代码的简化和封装姿势、mapActions
第45讲:课程详细页:一个页面上多个API调用顺序的处理




