Vue UI框架前端搬砖工从初级到高级造轮子工程师，资源教程下载

课程名称

Vue UI框架前端搬砖工从初级到高级造轮子工程师，资源教程下载

课程目录

├─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. 视频 使用trA危isci做持续集成.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 中级轮子：省市区级联选择组件（下） & 构建工具升级 6 视频

│ │ ├─1 课程简介

│ │ │ 中级轮子：省市区级联选择组件（下） & 构建工具升级 -！.png

│ │ └─2 学习资源

│ │ 1.视频 0818-1-深入理解computed.mp4

│ │ 2.视频 0818-2-使用isleaf判断叶子节点.mp4.mp4

│ │ 3.视频 0818-3-理解指令.mp4.mp4

│ │ 4.视频 0818-4-加载数据时展示菊花.mp4.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

│ ├─17 中级轮子：无缝轮播组件 10 视频

│ │ ├─1 课程简介

│ │ │ 中级轮子：无缝轮播组件 超链接.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 中级轮子：NA危 组件 6 视频

│ │ ├─1 课程简介

│ │ │ 中级轮子：NA危 组件.png

│ │ │ 中级轮子：NA危 组件超链接.txt

│ │ └─2 学习资源

│ │ 1.视频 项目目录结构整理.mp4

│ │ 2.视频 实现nA危基本结构.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.测一测你的JA危aｓｃｒｉｐｔ、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.课程简介.md

│ │ 02.讲义.md

│ │ 03.需求分析.mp4

│ │ 04.项目初始化.mp4

│ │ 05.添加icon.mp4

│ │ 06.添加loading.mp4

│ │ 07.单元测试与mock.mp4

│ │ 08.项目搭建.md

│ │ 08.项目搭建[答案].md

│ ├─05.单元测试、自动化测试、持续集成、NPM 发布包

│ │ 01.课程简介.md

│ │ 02.自动化测试.md

│ │ 03.发布 npm 包.md

│ │ 04.持续集成.md

│ │ 05.使用karma做自动化测试.mp4

│ │ 06.使用mocha&chai做单元测试.mp4

│ │ 07.使用trA危isci做持续集成.mp4

│ │ 08.使用npm发布自己的包.mp4

│ │ 09.npm link的使用.mp4

│ │ 10.课后题.md

│ │ 10.课后题[答案].md

│ ├─06.省市区级联选择组件(上)

│ │ 01.课程简介.md

│ │ 02.如何从 parcel 迁移到 vue-cli.md

│ │ 03.省市区层级选择组件.mp4

│ │ 04.渲染弹出内容.mp4

│ │ 05.递归渲染.mp4

│ │ 06.添加样式时发现 parcel 有问题.mp4

│ │ 07.（可选）尝试使用 webpack@4 失败.mp4

│ │ 08.尝试使用 vue-cli@3 成功.mp4

│ │ 09.（可选）尝试在点击 level1 的时候隐藏 level3 失败.mp4

│ │ 10.使用单向数据流简化问题.mp4

│ │ 11.使用递归算法找出被选中的item.mp4

│ ├─07.省市区级联选择组件(下)

│ │ 01.课程简介.md

│ │ 02.深入理解computed.mp4

│ │ 03.使用isleaf判断叶子节点.mp4

│ │ 04.理解指令.mp4

│ │ 05.加载数据时展示菊花.mp4

│ │ 06.插播一个面试题.mp4

│ │ 07.单元测试全面升级.mp4

│ ├─08.深入讲解Vue 动画原理

│ │ 01.课程简介.md

│ │ 02.vue动画方式1 – css transition.mp4

│ │ 03.vue动画方式2- css animation.mp4

│ │ 04.vue动画方式3 – js 操作动画.mp4

│ │ 05.vue动画方式4 – 多元素动画.mp4.mp4

│ │ 06.vue动画5 – 列表动画.mp4

│ │ 07.总结之前的几种动画.mp4

│ ├─09.无缝轮播组件

│ │ 01.课程简介.md

│ │ 02.轮播思路1-操作dom.mp4

│ │ 03.轮播思路2-操作组件.mp4

│ │ 04.制作动画.mp4

│ │ 05.添加小圆圈.mp4

│ │ 06.设定动画的方向.mp4

│ │ 07.使用 $nexttick 解决更新不及时的 bug.mp4

│ │ 08.支持移动设备（手机）.mp4

│ │ 09.前进后退功能.mp4

│ │ 10.完成测试用例.mp4

│ │ 11.总结.mp4

│ ├─10.NA危 组件

│ │ 01.课程简介.md

│ │ 02.项目目录结构整理.mp4

│ │ 03.实现nA危基本结构.mp4

│ │ 04.使用依赖注入实现跨级调用.mp4

│ │ 05.再次深入理解v-if和v-show的区别.mp4

│ │ 06.实现多级导航栏遇到bug.mp4

│ │ 07.受cascader启发解决bug.mp4

│ │ 08.讲义.md

│ │ 09.支持垂直导航.mp4

│ │ 10.收缩动画.mp4

│ │ 11.完善细节.mp4

│ │ 12.测试用例.mp4

│ ├─11.使用 Karma做测试

│ │ 01.课程简介.md

│ │ 02.vuecli配合karma和chrome一起使用.mp4

│ ├─12.表单验证

│ │ 01.课程简介.md

│ │ 02.基本思路.mp4

│ │ 03.测试驱动开发 tdd.mp4

│ │ 04.使用面向对象思维.mp4

│ ├─13.分页组件

│ │ 01.课程简介.md

│ │ 02.初步实现pager.mp4

│ │ 03.完善pager样式.mp4

│ │ 04.理解data和computed的区别.mp4

│ ├─14.Table 组件

│ │ 01.课程简介.md

│ │ 02.table需求分析.mp4

│ │ 03.用单向数据流改造table.mp4

│ │ 04.v-for一定要搭配key=id.mp4

│ │ 05.全选与反选.mp4

│ │ 06.小结.mp4

│ │ 07.vue和react的对比.mp4

│ │ 08.如何判断全选.mp4

│ │ 09.表格排序功能.mp4

│ │ 10.表格的loading状态.mp4

│ │ 11.固定表头.mp4

│ │ 12.学生作品.mp4

│ │ 13.固定表头.mp4

│ │ 14.固定一列.mp4

│ │ 15.展开行功能.mp4

│ │ 16.重新审视代码.mp4

│ │ 17.table里面的按钮.mp4

│ │ 18.让用户给出列宽.mp4

│ ├─15.图片上传组件（单文件）

│ │ 01.课程简介.md

│ │ 02.图片上传需求分析.mp4

│ │ 03.图片上传接口设计.mp4

│ │ 04.图片上传后台实现.mp4

│ │ 05.ajax实现文件上传.mp4

│ │ 06.使用heroku当做服务器.mp4

│ │ 07.为heroku添加npm start.mp4

│ │ 08.初步实现uploader.mp4

│ │ 09.删除功能.mp4

│ │ 10.显示上传中.mp4

│ │ 11.update拼成upload造成 bug.mp4

│ │ 12.渲染任务是异步执行的！.mp4

│ │ 13.完善css.mp4

│ │ 14.ui细节完善.mp4

│ │ 15.创建uploader.mp4

│ ├─16.中级轮子：图片上传组件（多文件）

│ │ 01.课程简介.md

│ │ 02.一次上传多个文件.mp4

│ │ 03.并发造成bug！.mp4

│ ├─17.中级轮子：图片上传的单元测试

│ │ 01.课程简介.md

│ │ 02.图片上传单元测试.mp4

│ │ 03.使用假函数测试.mp4

│ │ 04.二分法debug.mp4

│ │ 05.遇到bug！.mp4

│ │ 06.如何测试.sync.mp4

│ │ 07.测试完毕.mp4

│ │ 08.stub讲解.mp4

│ │ 09.答疑：单元测试难写吗.mp4

│ │ 10.答疑：渲染任务是异步执行的.mp4

│ ├─18.Sticky 组件

│ │ 01.课程简介.md

│ │ 02.sticky需求分析.mp4

│ │ 03.解决sticky的四个bug.mp4

│ │ 04.热更新与beforedestroy.mp4

│ │ 05.函数debounce.mp4

│ │ 06.完善sticky.mp4

│ │ 07.timerid写在data里有问题吗.mp4

│ │ 08.为什么组件的data必须是函数.mp4

│ └─19.课程总结

│ 01.课程简介.md

│ 02.使用lib模式打umd包.mp4

│ 03.umd是什么.mp4

│ 04.导出所有组件.mp4

│ 05.从gulu中排除vue（实际上默认排除了）.mp4

│ 06.发布并使用自己的组件.mp4

│ 07.总结.mp4

└─Vue UI框架-高级版

├─01.测一测你的JA危aｓｃｒｉｐｔ、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.课程简介.md

│ 02.讲义.md

│ 03.需求分析.mp4

│ 04.项目初始化.mp4

│ 05.添加icon.mp4

│ 06.添加loading.mp4

│ 07.单元测试与mock.mp4

│ 08.项目搭建.md

│ 08.项目搭建[答案].md

├─05.单元测试、自动化测试、持续集成、NPM 发布包

│ 01.课程简介.md

│ 02.自动化测试.md

│ 03.发布 npm 包.md

│ 04.持续集成.md

│ 05.使用karma做自动化测试.mp4

│ 06.使用mocha&chai做单元测试.mp4

│ 07.使用trA危isci做持续集成.mp4

│ 08.使用npm发布自己的包.mp4

│ 09.npm link的使用.mp4

│ 10.课后题.md

│ 10.课后题[答案].md

├─06.测试覆盖率

│ 01.课程简介.md

│ 02.没有测试的库是会死的.mp4

│ 03.如何配置覆盖率.mp4

│ 04.函数覆盖率.mp4

│ 05.分支覆盖率.mp4

│ 06.将所有文件纳入测试.mp4

│ 07.测试人员还有必要吗.mp4

└─07.升级的 table 组件

01.课程简介.md

02.插播：sicp介绍.mp4

03.table组件无法自定义单元格.mp4

04.vue支持jsx语法.mp4

05.然而使用jsx并不现实.mp4

06.$slots与$children的关系.mp4

07.把columns改成table-column.mp4

08.技术总结.mp4