本课程是继Vue基础课程后一个实战进阶课程。以“付费阅读”作为项目背景完成前端部分组件的开发。本课程是纯前端课程(使用vue-cli3),使用MockJS作为后

*   第一章:热身和导航栏 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调用顺序的处理