├─vue UI 框架-初级版
│  ├─1 课前水平自测 1 问卷
│  │  ├─1 课程简介
│  │  │      课前水平自测.png
│  │  │      超链接.txt
│  │  │    
│  │  └─2 课后习题
│  │      └─测试 JS、Vue 水平自测
│  │              第 1 题.png
│  │              第 2 题.png
│  │              第 3 题.png
│  │              第 4 题.png
│  │              第 5 题.png
│  │              第 6 题.png
│  │              第 7 题.png
│  │              第 8 题.png
│  │              第 9 题.png
│  ├─2 课程概览 5 视频 1 文章 2 问卷
│  │  ├─1 课程简介
│  │  │      课程概览.png
│  │  │      
│  │  ├─2 学习资源:
│  │  │      1. 文章 讲义 文章中 超链接.txt
│  │  │      1. 文章 讲义.png
│  │  │      2. 视频 课程简介1.mp4
│  │  │      3. 视频 课程简介2.mp4
│  │  │      4. 视频 课程简介3.mp4
│  │  │      5. 视频 课程简介4.mp4
│  │  │      6. 视频 课程简介5.mp4
│  │  │      
│  │  └─3 课后习题
│  │      ├─1 测试 Vue造轮子第一课习题
│  │      │      第 1 题.png
│  │      │      第 2 题.png
│  │      │    
│  │      └─2 测试 关于轮子的面试题1
│  │              第 1 题.png
│  │        
│  ├─3 UI 设计 3 视频 1 文章 1 问卷
│  │  ├─1 课程简介
│  │  │      UI 设计.png
│  │  │      超链接.txt
│  │  │      
│  │  ├─2 学习资源
│  │  │      1. 文章 讲义 超链接.txt
│  │  │      1. 文章 讲义.png
│  │  │      2. 视频 网站开发全流程.mp4
│  │  │      3. 视频 视频 sketch与墨刀.mp4
│  │  │      4. 视频 设计约定.mp4
│  │  │      
│  │  └─3 课后习题
│  │      └─测试 UI测试题
│  │              第 1 题.png
│  │              超链接.txt
│  │              
│  ├─4 框架搭建（上） 5 视频 1 文章 1 问卷
│  │  ├─1 课程简介
│  │  │      框架搭建（上）.png
│  │  │    
│  │  ├─2 学习资源
│  │  │      1. 文章 讲义 超链接.txt
│  │  │      1. 文章 讲义.png
│  │  │      2. 视频 需求分析.mp4
│  │  │      3. 视频 项目初始化.mp4
│  │  │      4. 视频 添加icon.mp4
│  │  │      5. 视频 添加loading.mp4
│  │  │      6. 视频 单元测试与mock.mp4
│  │  │      
│  │  └─3 课后习题
│  │      └─测试 项目搭建
│  │              第 1 题.png
│  │              第 2 题.png
│  │              第 3 题.png
│  │              第 4 题 超链接.txt
│  │              第 4 题.png
│  │              第 5 题.png
│  │            
│  ├─5 框架搭建（下）5 视频 3 文章 1 问卷
│  │  ├─1 课程简介
│  │  │      框架搭建（下）.png
│  │  │      
│  │  ├─2 学习资源
│  │  │      1. 文章 自动化测试.png
│  │  │      2. 文章 发布 npm 包.png
│  │  │      3. 文章 持续集成.png
│  │  │      4. 视频 使用karma做自动化测试.mp4
│  │  │      5. 视频 使用mocha&chai做单元测试.mp4
│  │  │      6. 视频 使用travisci做持续集成.mp4
│  │  │      7. 视频 使用npm发布自己的包.mp4
│  │  │      8. 视频 npm link的使用.mp4
│  │  │      
│  │  └─3 课后习题
│  │      └─测试 课后题
│  │              第 1 题.png
│  │            
│  ├─6 简单轮子：文本输入框 6 视频 1 问卷
│  │  ├─1 课程简介
│  │  │      简单轮子：文本输入框 超链接.txt
│  │  │      简单轮子：文本输入框.png
│  │  │      
│  │  ├─2 学习资源
│  │  │      1. 视频 如何书写readme（遇到一个bug）.mp4
│  │  │      2. 视频 如何解决奇怪的bug.mp4
│  │  │      3. 视频 input组件需求分析.mp4
│  │  │      4. 视频 写input的样式.mp4
│  │  │      5. 视频 测试驱动开发.mp4
│  │  │      6. 视频 让input支持v-model.mp4
│  │  │      
│  │  └─3 课后习题
│  │      └─测试 input组件
│  │              第 1 题.png
│  │              
│  ├─7 简单轮子：网格系统 8 视频 1 文章
│  │  ├─1 课程简介
│  │  │      简单轮子：网格系统.png
│  │  │      
│  │  └─2 学习资源
│  │          1. 文章 讲义 超链接.txt
│  │          1. 文章 讲义.png
│  │          2. 视频 网格系统.mp4
│  │          3. 视频 git branch & git checkout 的使用.mp4
│  │          4. 视频  用vue钩子实现基本功能.mp4
│  │          5. 视频 重构与重写.mp4
│  │          6. 视频 手动测试.mp4
│  │          7. 视频 工程师与设计师之间的权衡.mp4
│  │          8. 视频 实现响应式.mp4
│  │          9. 视频 完善测试用例.mp4
│  │        
│  ├─8 简单轮子：默认布局 2 视频
│  │  ├─1 课程简介
│  │  │      简单轮子：默认布局.png
│  │  │      
│  │  └─2 学习资源
│  │          1. 视频 布局组件.mp4
│  │          2. 视频 完成布局组件.mp4
│  │        
│  ├─9 简单轮子：Toast 组件 6 视频
│  │   ├─1 课程简介
│  │   │      简单轮子：Toast 组件 超链接.txt
│  │   │      简单轮子：Toast 组件.png
│  │   │      
│  │   └─2 学习资源
│  │           1. 视频 需求分析.mp4
│  │           2. 视频 初步实现.mp4
│  │           3. 视频 更多需求.mp4
│  │           4. 视频 完善功能.mp4
│  │           5. 视频 重构.mp4
│  │           6. 视频 测试用例.mp4
│  │          
│  │            
│  ├─10 简单轮子：Tab 组件 8 视频 1 文章
│  │  ├─1 课程简介
│  │  │      简单轮子：Tab 组件 超链接.txt
│  │  │      简单轮子：Tab 组件.png
│  │  │      
│  │  └─2 学习资源
│  │          1. 视频 最近反馈的问题解答.mp4
│  │          2. 视频 解决bug的思路.mp4
│  │          3. 视频 需求分析.mp4
│  │          4. 视频 创建五个组件.mp4
│  │          5. 视频 依赖注入和eventbu.mp4
│  │          6. 视频 如何切换tab.mp4
│  │          7. 视频 tabs测试（上）.mp4
│  │          8. 视频 tabs测试（下）.mp4
│  │          9. 文章 解决BUG的思路.png
│  │        
│  ├─11 简单轮子：Popover 组件 4 视频
│  │  ├─1 课程简介
│  │  │      简单轮子：Popover 组件.png
│  │  │      
│  │  └─2 学习资源
│  │          1. 视频 开始popover组件.mp4
│  │          2. 视频  解决新手常见的三个问题.mp4
│  │          3. 视频  支持四个方位.mp4
│  │          4. 视频 支持click和hover两种方式.mp4
│  │        
│  ├─12 简单轮子：手风琴组件 4 视频 1 问卷
│  │  ├─1 课程简介
│  │  │      简单轮子：手风琴组件 超链接.txt
│  │  │      简单轮子：手风琴组件.png
│  │  │      
│  │  ├─2 学习资源
│  │  │      1.视频 创建手风琴组件.mp4
│  │  │      2.视频 一个不太好的实现single的方式.mp4
│  │  │      3.视频 实现selected.sync.mp4
│  │  │      4.视频 组件经验总结.mp4
│  │  │    
│  │  └─3 课后习题
│  │          手风琴组件自测.png
│  │        
│  ├─13 阶段性总结 4 视频 1 文章 1 问卷
│  │  ├─1 课程简介
│  │  │      阶段性总结.png
│  │  │      
│  │  ├─2 学习资源
│  │  │      1.文章 讲义 超链接.txt
│  │  │      1.文章 讲义.png
│  │  │      2.视频 阶段性总结.mp4
│  │  │      3. 视频 制作自己的官网.mp4
│  │  │      4. 视频 展示自己的组件.mp4
│  │  │      5.视频 部署到github pages.mp4
│  │  │      
│  │  └─3 课后习题
│  │      └─测试 自制官网
│  │              第 1 题.png
│  │              第 2 题.png
│  │              
│  ├─14 中级轮子：省市区级联选择组件 9 视频 1 文章
│  │  ├─1 课程简介
│  │  │      中级轮子：省市区级联选择组件.png
│  │  │        
│  │  └─2 学习资源
│  │          1. 文章 如何从 parcel 迁移到 vue-cli.png
│  │          10. 视频 使用递归算法找出被选中的item.mp4
│  │          2. 视频 省市区层级选择组件.mp4
│  │          3. 视频 渲染弹出内容.mp4
│  │          4. 视频 递归渲染.mp4
│  │          5. 视频 添加样式时发现 parcel 有问题.mp4
│  │          6. 视频 （可选）尝试使用 Webpack@4 失败.mp4
│  │          7. 视频 尝试使用 vue-cli@3 成功.mp4
│  │          8. 视频 （可选）尝试在点击 level1 的时候隐藏 level3 失

败.mp4
│  │          9. 视频 使用单向数据流简化问题.mp4
│  │        
│  ├─15 中级轮子：省市区级联选择组件（下） & 构建工具升级
│  │  ├─1 课程简介
│  │  │      中级轮子：省市区级联选择组件（下） & 构建工具升级
│  │  │      
│  │  └─2 学习资源
│  │          1.视频 0818-1-深入理解computed.mp4
│  │          2.视频 0818-2-使用isleaf判断叶子节点.mp4
│  │          3.视频 0818-3-理解指令.mp4.mp4
│  │          4.视频 0818-4-加载数据时展示菊花.mp4
│  │          5.视频 0819-1-插播一个面试题.mp4.mp4
│  │          6.视频 0819-2-单元测试全面升级.mp4.mp4
│  │          
│  ├─16 Vue 动画原理 6 视频
│  │  ├─1 课程简介
│  │  │      Vue 动画原理.png
│  │  │      
│  │  └─2 学习资源
│  │          1.视频 vue动画方式1 - css transition.mp4
│  │          2.视频 vue动画方式2- css animation.mp4
│  │          3.视频 vue动画方式3 - js 操作动画.mp4
│  │          4.视频 vue动画方式4 - 多元素动画.mp4.mp4
│  │          5.视频 vue动画5 - 列表动画.mp4
│  │          6.视频 总结之前的几种动画.mp4* |/ X4 y8 ?/ [
│  │        
│  ├─17 中级轮子：无缝轮播组件 10 视频
│  │  ├─1 课程简介, ~/ |- U5 M% V: H
│  │  │      中级轮子：无缝轮播组件 超链接.txt
│  │  │      中级轮子：无缝轮播组件.png
│  │  │    
│  │  └─2 学习资源
│  │          1.视频 轮播思路1-操作dom.mp4
│  │          10.视频 总结.mp4
│  │          2.视频 轮播思路2-操作组件.mp4
│  │          3.视频 制作动画.mp4
│  │          4.视频 添加小圆圈.mp4
│  │          5.视频 设定动画的方向.mp4
│  │          6.视频 使用 $nexttick 解决更新不及时的 bug.mp4
│  │          7.视频 支持移动设备（手机）.mp4
│  │          8.视频 前进后退功能.mp4
│  │          9.视频 完成测试用例.mp4
│  │        
│  ├─18 中级轮子：Nav 组件 6 视频
│  │  ├─1 课程简介
│  │  │      中级轮子：Nav 组件.png
│  │  │      中级轮子：Nav 组件超链接.txt
│  │  │      
│  │  └─2 学习资源
│  │          1.视频 项目目录结构整理.mp4
│  │          2.视频 实现nav基本结构.mp4
│  │          3.视频 使用依赖注入实现跨级调用.mp4
│  │          4.视频 再次深入理解v-if和v-show的区别.mp4
│  │          5.视频 实现多级导航栏遇到bug.mp4
│  │          6.视频 受cascader启发解决bug.mp4
│  │        
│  ├─19 测试框架改造：使用 Karma g 1 视频
│  │  ├─1 课程简介
│  │  │      测试框架改造：使用 Karma.png
│  │  │      
│  │  └─2 学习资源
│  │          1.视频 vuecli配合karma和chrome一起使用.mp4
│  │          
│  └─20 表单验证 3 视频
│     ├─学习资源
│     │      1.视频 基本思路.mp4
│     │      2.视频 测试驱动开发 tdd.mp4
│     │      3.视频 使用面向对象思维.mp4
│     │      
│     └─课程简介
│            表单验证.png
│          
├─Vue UI 框架-进阶版
│  ├─01.测一测你的javaScript、Vue基础
│  │      01.课程简介.md
│  │      02.JS、Vue 水平自测.md
│  │      02.JS、Vue 水平自测[答案].md
│  │      
│  ├─02.课程介绍
│  │      01.课程简介.md
│  │      02.讲义.md
│  │      03.课前测试题答疑.mp4
│  │      04.造轮子的益处.mp4
│  │      05.前置知识.mp4
│  │      06.直播答疑.mp4
│  │      07.课前准备.mp4
│  │      08.Vue造轮子第一课习题.md
│  │      08.Vue造轮子第一课习题[答案].md
│  │      09.关于轮子的面试题.md
│  │      09.关于轮子的面试题[答案].md
│  │        
│  ├─03.体验、交互、sketch
│  │      01.课程简介.md
│  │      02.讲义.md
│  │      03.网站开发全流程.mp4
│  │      04.sketch与墨刀.mp4
│  │      05.设计约定.mp4
│  │      06.UI测试题.md
│  │      06.UI测试题[答案].md
│  │     |
│  ├─04.框架雏形、单元测试、Mock数据
│  │      01.课程简