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调用顺序的处理