catalog.js

export const freeCatalogData = {
  introduction: "简介：对于很多刚接触Vue的同学，最难做到的就是编程思路的切换，这门课程，我们将通过形象的例子给大家讲解Vue的基础语法及编程思路，带大家快速的上手Vue的基础开发，这门课也包含了关于组件话和vue-cli等内容的基础讲解。",
  isComplete: true,
  type: {
    text: "免费课程",
    code: 0
  },
  chapter: [
    {
      title: "第1章 课程介绍",
      introduce: "对课程讲解内容做完整陈述，帮助大家理清学习思路。",
      term: [
        {
          title: "1-1 课程介绍",
          seconds: 145
        }
      ]
    },
    {
      title: "第2章 Vue基础语法",
      introduce: "本章节通过浅显易懂的实例来给大家讲解Vue2.0的基本语法，包含计算属性，侦听器，基础模版指令等。",
      term: [
        {
          title: "2-1 创建第一个Vue实例",
          seconds: 558
        },
        {
          title: "2-2 挂载点，模版与实例",
          seconds: 264
        },
        {
          title: "2-3 Vue实例中的数据,事件和方法",
          seconds: 746
        },
        {
          title: "2-4 Vue中的属性绑定和双向数据绑定",
          seconds: 518
        },
        {
          title: "2-5 Vue中的计算属性和侦听器",
          seconds: 540
        },
        {
          title: "2-6 v-if, v-show与v-for指令",
          seconds: 541
        }
      ]
    },
    {
      title: "第3章 Vue中的组件",
      introduce: "本章节讲解Vue中组件的概念和使用，结合对组件的完整理解，我们还将做一个TodoList功能模块。",
      term: [
        {
          title: "3-1 todolist功能开发",
          seconds: 410
        },
        {
          title: "3-2 todolist组件拆分",
          seconds: 669
        },
        {
          title: "3-3 组件与实例的关系",
          seconds: 303
        },
        {
          title: "3-4 实现todolist的删除功能",
          seconds: 691
        }
      ]
    },
    {
      title: "第4章 Vue-cli的使用",
      introduce: "本章节我们讲给大家介绍如何使用Vue-cli脚手架工具构建项目，并讲解单文件组件和局部全局样式的知识。",
      term: [
        {
          title: "4-1 vue-cli的简介与使用",
          seconds: 999
        },
        {
          title: "4-2 使用vue-cli开发TodoList",
          seconds: 1044
        },
        {
          title: "4-3 全局样式与局部样式",
          seconds: 258
        },
        {
          title: "4-4 课程总结",
          seconds: 244
        }
      ]
    }
  ]
}

export const lessonCatalogData = {
  introduction: "",
  isComplete: false,
  type: {
    text: "实战课程",
    code: 1
  },
  chapter: [
    {
      title: "第1章 课程导学",
      introduce: "",
      term: [
        {
          title: "1-1 前端要学的测试课",
          seconds: 614
        }
      ]
    },
    {
      title: "第2章 Jest 前端自动化测试框架基础入门",
      introduce: "",
      term: [
        {
          title: "2-1 自动化测试背景及原理",
          seconds: 728
        },
        {
          title: "2-2 前端自动化测试框架 Jest",
          seconds: 336
        },
        {
          title: "2-3 使用 Jest 修改自动化测试样例",
          seconds: 447
        },
        {
          title: "2-4 Jest 的简单配置",
          seconds: 121
        },
        {
          title: "2-5 Jest 中的匹配器",
          seconds: 222
        },
        {
          title: "2-6 Jest 命令行工具的使用",
          seconds: 333
        },
        {
          title: "2-7 异步代码的测试方法（1）",
          seconds: 444
        },
        {
          title: "2-8 异步代码的测试方法（2）",
          seconds: 698
        },
        {
          title: "2-9 Jest 中的钩子函数",
          seconds: 996
        },
        {
          title: "2-10 钩子函数的作用域 ",
          seconds: 68
        },
        {
          title: "2-11 Jest 中的 Mock（1）",
          seconds: 99
        },
        {
          title: "2-12 Jest 中的 Mock（2）",
          seconds: 120
        },
        {
          title: "2-13 章节小结",
          seconds: 360
        }
      ]
    },
    {
      title: "第3章 Jest难点进阶",
      introduce: "",
      term: [
        {
          title: "3-1 snapshot 快照测试",
          seconds: 999,
        },
        {
          title: "3-2 mock 深入学习",
          seconds: 888,
        },
        {
          title: "3-3 mock timers",
          seconds: 777,
        },
        {
          title: "3-4 ES6 中类的测试",
          seconds: 666,
        },
        {
          title: "3-5 Jest  中对 DOM 节点操作的测试",
          seconds: 126,
        }
      ]
    },
    {
      title: "第4章 Vue 中的 TDD 与 单元测试",
      introduce: "",
      term: [
        {
          title: "4-1 什么是TDD？",
          seconds: 339
        },
        {
          title: "4-2 Vue 环境中配置 Jest",
          seconds: 741
        },
        {
          title: "4-3 vue-test-utils 的配置及使用",
          seconds: 852
        },
        {
          title: "4-4 使用 TDD 的方式开发 Header 组件（1）",
          seconds: 963
        },
        {
          title: "4-5 使用 TDD 的方式开发 Header 组件 (2)",
          seconds: 369
        },
        {
          title: "4-6 Header 组件样式新增及快照测试",
          seconds: 258
        },

        {
          title: "4-7 通用代码提取封装",
          seconds: 147
        },
        {
          title: "4-8 UndoList 的实现（1）",
          seconds: 121
        },
        {
          title: "4-9 UndoList 的实现（2）",
          seconds: 123
        },
        {
          title: "4-10 UndoList 样式修饰及测试代码优化",
          seconds: 321
        },
        {
          title: "4-11 UndoList 编辑功能实现(1)",
          seconds: 654
        },
        {
          title: "4-12 UndoList 编辑功能实现 (2)",
          seconds: 654
        },
        {
          title: "4-13 CodeCoverage 代码覆盖率",
          seconds: 987
        },
        {
          title: "4-14 章节小结 ",
          seconds: 123
        }
      ]
    },
    {
      title: "第5章 React中的 TDD 与 单元测试",
      introduce: "",
      term: [
        {
          title: "5-1 什么是TDD？（同4-1）",
          seconds: 456
        },
        {
          title: "5-2 React 环境中配置 Jest（1）",
          seconds: 789
        },
        {
          title: "5-3 React 环境中配置 Jest（2）",
          seconds: 999
        },
        {
          title: "5-4 Enzyme 的配置及使用",
          seconds: 888
        },
        {
          title: "5-5 使用 TDD 的方式开发 Header 组件 (1)",
          seconds: 777
        },
        {
          title: "5-6 使用 TDD 的方式开发 Header 组件 (2)",
          seconds: 666
        },
        {
          title: "5-7 Header 组件样式新增及快照测试",
          seconds: 555
        },
        {
          title: "5-8 通用代码提取封装",
          seconds: 444
        },
        {
          title: "5-9 UndoList 的实现（1）",
          seconds: 333
        },
        {
          title: "5-10 UndoList 的实现（2）",
          seconds: 222
        },
        {
          title: "5-11 UndoList 样式修饰及测试代码优化",
          seconds: 111
        },
        {
          title: "5-12 UndoList 编辑功能实现 （1）",
          seconds: 232
        },
        {
          title: "5-13 UndoList 编辑功能实现 （2）",
          seconds: 159
        },
        {
          title: "5-14 UndoList 编辑功能实现（3）",
          seconds: 484
        },
        {
          title: "5-15 CodeCoverage 代码覆盖率",
          seconds: 777
        },
        {
          title: "5-16 章节小结",
          seconds: 863
        }
      ]
    },
    {
      title: "第6章 Vue中的 BDD 与 集成测试",
      introduce: "",
      term: [
        {
          title: "6-1 BDD 的概念以及与 TDD 的对比",
          seconds: 142
        },
        {
          title: "6-2 使用 BDD 和集成测试进行 Vuex 项目的测试（1）",
          seconds: 753
        },
        {
          title: "6-3 使用 BDD 和集成测试进行 Vuex 项目的测试（2）",
          seconds: 836
        },
        {
          title: "6-4 异步测试(1)",
          seconds: 999
        },
        {
          title: "6-5 异步测试(2)",
          seconds: 369
        },
        {
          title: "6-6 路由页面的代码组织",
          seconds: 258
        }
      ]
    },
    {
      title: "第7章 React中的 BDD 与 集成测试",
      introduce: "",
      term: [
        {
          title: "7-1 BDD 的概念以及与 TDD 的对比",
          seconds: 147
        },
        {
          title: "7-2 使用 BDD 和集成测试进行 Redux 项目的测试（1）",
          seconds: 741
        },
        {
          title: "7-3 使用 BDD 和集成测试进行 Redux 项目的测试（2）",
          seconds: 852
        },
        {
          title: "7-4 异步测试(1)",
          seconds: 963
        },
        {
          title: "7-5 异步测试(2)",
          seconds: 741
        },
        {
          title: "7-6 异步测试(3)",
          seconds: 123
        },
        {
          title: "7-7 路由页面的代码组织",
          seconds: 456
        }
      ]
    },
    {
      title: "第8章 前端自动化测试的思考总结",
      introduce: "",
      term: [
        {
          title: "8-1 课程总结 ",
          seconds: 756
        }
      ]
    }
  ]
}