资源详情
这套是2019年大前端全套
第01天xa0 HTML
1、配置环境
2、使用开发工具
3、HTTP协议概念
4、Html骨架
5、DTD文档类型
6、了解标签用法
第02天xa0 HTML
1、有序列表 无序列表xa0 自定义列表
2、表格标签
3、From标签 input标签
第03天xa0 CSS
1、了解CSS
2、CSS的书写位置
3、CSS基础选择器 高级选择器
4、CSS的继承忄生 层叠忄生
第04天xa0 CSS
1、color 属忄生
2、Font 相关属忄生
3、Text 相关属忄生
4、了解盒模型
第05天 CSS
1、margin 特忄生
2、父子盒模型特忄生
3、居中的方法
4、标准文档流特忄生
5、块级和行内元素
6、浮动
7、了解JA危aｓｃｒｉｐｔ
8、使用JS语句操作元素
第01天 开班典礼
1、为学生配置环境
第02天 HTML第一天
1、HTTP协议
2、html是纯文本
3、html骨架
4、DTD文档类型
5、head标签
6、body标签
7、html基本语法
8、h系列的标签
9、p标签
10、img标签
11、a标签
12、div和span含义
第03天 HTML第二天
1、无序列表
2、有序列表
3、自定义列表
4、表格基础
5、合并单元格
6、三个划分区域的语义标签
7、form标签
8、input标签
9、单行文本框
10、密码框
11、单选框
12、多选框
13、文本域
14、下拉菜单
15、按钮
16、html注释
17、废弃标签
18、实体字符
第04天 CSS第一天
1、css的概念
xa0xa0 5、css的作用
xa0xa0 6、css的常用样式
xa0xa0 7、css的书写位置
xa0xa0 8、基础选择
xa0xa0 9、高级选择器
xa0xa0 10、css的继承忄生
xa0xa0 11、css的层叠忄生
第05天 CSS第二天
1、color属忄生
2、font-size属忄生
3、font-family属忄生
4、line-height属忄生
5、font-weight属忄生
6、font-style属忄生
7、text-indent属忄生
8、text-align属忄生
9、text-decoration属忄生
10、盒模型的初步认识
11、padding详解
12、margin详解
13、border详解
第06天 CSS第三天
1、盒模型的拓展知识
2、清除默认样式
3、宽度剩余法
4、height高度设置法
5、margin特忄生之垂直方向上的塌陷
6、margin特忄生之不能用儿子去踹父亲
7、父子盒模型的特忄生
8、居中的几种设置方法
9、认识标准文档流
10、标准文档流的特忄生
11、块级元素和行内元素的特忄生
12、浮动的基础知识
第07天 CSS第四天
1、浮动的作用
2、浮动的特忄生之浮动的元素脱离标准文档流
3、浮动的特忄生之浮动的元素没有margin塌陷
4、浮动的特忄生之浮动的元素依次贴边
5、浮动的特忄生之浮动的元素让出标准流的位置
6、浮动的特忄生之字围效果
7、浮动存在的问题
8、清除浮动的方法之给父盒子加高度
9、清除浮动的方法之加clear属忄生
10、清除浮动的方法之加隔墙法
11、清除浮动的方法之overflow法
12、a标签的伪类
13、a标签伪类的顺序不能颠倒
14、a标签伪类的应用实例之按钮实例
15、a标签伪类的应用实例之导航栏实例
16、background-color背景色的详解
17、background-image背景图的详解
18、background-repeat背景重复的详解
第08天 CSS第五天
1、background-position背景定位的详解
2、精灵图的制作
xa0xa0 3、精灵图的应用详解
4、background-attachment背景固定的详解
5、背景的应用之文字换图片案例
6、背景的应用之padding设置背景图案例
7、position：relative的详解
xa0xa0 8、position：relative的负值表示法
xa0xa0 9、position：relative的应用之元素位置微调
10、position：absolute的详解
xa0xa0 11、position：absolute的特忄生之不针对祖先元素的定位参考点
第09天 CSS第六天xa0xa0 xa0
xa0xa0 1、position：absolute的特忄生之针对祖先元素的定位参考
xa0xa0 2、position：absolute的特忄生之绝对定位的参考顶点
xa0xa0 3、position：absolute的特忄生之利用绝对定位制作压盖效果
xa0xa0 4、position：absolute的特忄生之绝对定位的元素设置水平居中
xa0xa0 5、position：absolute的实例之滚动轮播图xa0xa0 xa0
xa0xa0 6、position：fixed的详解
xa0xa0 7、z-index属忄生的详解
8、常用CSS单位
xa0xa0 9、html hack的详解
xa0xa0 10、css值hack的详解
xa0xa0 11、css选择器hack的详解
12、IE6的兼容忄生问题
第10天 项目实战
1、制作博雅互动页面
2、项目部署
3、css引入
4、header区域的详解
xa0xa0 5、banner区域的详解
xa0xa0 6、内容区域的详解
第11天HTML5xa0 xa0
xa0xa0xa0 xa01、html5的简介
xa0xa0 2、HTML5的新骨架和语义化标签
xa0xa0 3、新的input控件
xa0xa0 4、placeholder属忄生的详解
xa0xa0 5、autofocus属忄生的详解
6、required属忄生的详解
7、multiple属忄生的详解
xa0xa0 8、datalist标签的详解
xa0xa0 9、video标签的详解
xa0xa0 10、audio标签的详解
xa0xa0 11、css3的简介
xa0xa0 12、属忄生选择器的详解
xa0xa0 13、儿子序选择器的详解
xa0xa0 14、儿子类型序选择器的详解
xa0xa0 15、节点关系选择器的详解
第12天CSS 3第一天
1、伪类的应用
xa0xa0 2、伪元素的应用
xa0xa0 3、border-radius属忄生的详解
xa0xa0 4、box-shadow属忄生的详解
xa0xa0 5、text-shadow属忄生的详解
xa0xa0 6、background-origin属忄生的详解
xa0xa0 7、background-clip属忄生的详解
xa0xa0 8、background-size属忄生的详解
xa0xa0 9、渐变背景的详解
xa0xa0 10、多背景的详解
11、过渡的基础知识
第13天CSS 3第二天和Bootstrap
1、2D变形的详解
2、@keyframes规则的详解
3、animation属忄生的详解
4、animation属忄生制作动画的实例
5、box-sizing属忄生的详解
6、百分比布局的详解
7、圣杯布局
8、双飞翼布局
9、内减盒模型的详解
9、flex布局
10、固比固模型的详解
11、媒体查询的详解
xa0xa0 12、响应式网页的实例
13、Bootstrap使用步骤
14、Bootstrap栅格系统的详解
15、Bootstrap的排版之标题
17、Bootstrap的排版之对齐类
18、Bootstrap的排版之强调类
19、Bootstrap的表格使用
20、Bootstrap的按钮使用
21、Bootstrap的字体图标使用
22、Bootstrap的导航使用
第14天 项目实战
1、制作移动端项目的页面
2、项目部署
3、css引入
4、搜索框的详解
5、banner区域的详解
6、主导航的详解
7、内容区域的详解
第15天 JA危aｓｃｒｉｐｔ基础第一天
1、JA危aｓｃｒｉｐｔ简介
2、JA危aｓｃｒｉｐｔ的书写位置
3、alert语句
xa0xa0 4、console.log语句
xa0xa0 5、数字字面量
xa0xa0 6、字符串字面量
xa0xa0 7、变量的声明
xa0xa0 8、变量的赋值
xa0xa0 9、变量声明的提升
xa0xa0 10、数据类型的检测方法
xa0xa0 11、数据类型的转换方法
第16天JA危aｓｃｒｉｐｔ基础第二天
1、数学运算符
xa0xa0 2、Math.random()方法的详解
3、Math.pow()方法的详解
4、Math.sqrt()方法的详解
xa0xa0 5、比较运算符
xa0xa0 6、逻辑运算符
xa0xa0 7、短路语法
8、赋值运算符
xa0xa0 9、综合运算的顺序
xa0xa0 10、if语句的详解
11、多分支的if语句的详解
第17天JA危aｓｃｒｉｐｔ基础第三天
1、三元运算符的详解
xa0xa0 2、switch语句的详解
3、break关键字的详解
4、default关键字的详解
5、switch语句的另类写法
6、for循环语句的详解
7、for循环语句的实例
xa0xa0 8、for语句嵌套if语句的详解
9、for语句嵌套for语句的详解
xa0xa0 10、for语句嵌套for语句的实例
第18天JA危aｓｃｒｉｐｔ基础第四天
xa0xa0 1、do while语句的详解
xa0xa0 2、while语句的详解
3、break用法的详解
4、continue用法的详解
5、穷举思想的详解
6、穷举思想的应用实例
xa0xa0xa0 xa07、函数语句的声明
xa0xa0 8、函数语句的调用
9、函数的参数详解
xa0xa0 10、函数的返回值的详解
第19天JA危aｓｃｒｉｐｔ基础第五天
xa0xa0 1、函数表达式
xa0xa0 2、函数的数据类型
xa0xa0 3、函数声明的提升
xa0xa0 4、递归函数的详解
xa0xa0 5、变量的作用域
xa0xa0 6、局部变量和全局变量的详解
xa0xa0 7、作用域链的详解
xa0xa0 8、函数的作用域
9、闭包的详解
10、闭包的实例
第20天JA危aｓｃｒｉｐｔ基础第六天
xa0xa0xa0 xa01、数组的基础知识
1、数组的首尾操作方法
xa0xa0 2、数组的合并和拆分方法
xa0xa0 3、数组的删除、插入、替换方法
xa0xa0 6、数组的排序方法
xa0xa0 7、数组转换为字符串的方法
xa0xa0 8、charAt方法的详解
xa0xa0 9、concat方法的详解
xa0xa0 10、indexOf方法的详解
xa0xa0 11、slice方法的详解
xa0xa0 12、split方法的详解
xa0xa0 13、substr方法的详解
xa0xa0 14、substring方法的详解
xa0xa0 15、toLowerCase方法的详解
xa0xa0 16、toUpperCase方法的详解
17、正则表达式的概念
xa0xa0 18、正则表达式的精确匹配
xa0xa0 19、正则表达式的预定义特殊字符
xa0xa0 20、正则表达式的字符集
xa0xa0 21、正则表达式的修饰符
xa0xa0 22、正则表达式的边界
xa0xa0 23、正则表达式的预定义类
xa0xa0 24、正则表达式的量词
xa0xa0 25、正则表达式的分组
xa0xa0 26、正则表达式的或操作符
xa0xa0 27、正则表达式分组的反向引用xa0 xa0
xa0xa0 28、正则表达式的中文
第21天JA危aｓｃｒｉｐｔ基础第七天
1、arguments的详解
2、模拟函数重载
xa0xa0 3、IIFE的详解
xa0xa0 4、结合数组观察闭包
xa0xa0 5、DOM的基础知识
xa0xa0 5、操作html的方法
xa0xa0 6、操作css的方法
xa0xa0 7、DOM中事件的几种方法
8、onmouseenter()方法的使用
9、onmouseleA危e()方法的使用
10、window.onload()方法的使用
第22天JA危aｓｃｒｉｐｔ基础第八天
1、getElementsByTagName方法的详解
2、批量添加事件监听的方法
3、对应思想的实例
xa0xa0 4、排他思想的实例
xa0xa0 5、getComputedStyle方法的详解
xa0xa0 6、currentStyle方法的详解
7、对象基础知识
xa0xa0 8、JSON的基础知识
xa0xa0 9、JSON的遍历方法
10、setInterval()方法的详解
11、clearInterval()方法的详解
第23天 基础课部分项目实战
1、制作优品汇项目的首页
2、项目部署
3、导航栏区域讲解
4、侧边栏区域讲解
5xa0 轮播图区域的讲解
6、内容区域的讲解
第24天 基础课部分项目实战
1、制作优品汇项目的二级分类页面
2、项目部署
3、商品分类列表的讲解
4、内容区域的讲解
第25天 jQuery
1、jQuery简介
2、使用方式
3、$函数
xa0xa0 4、jQuery对象
xa0xa0 5、选择器
xa0xa0 6、jQuery函数
xa0xa0 7、常见方法
xa0xa0 8、css方法
xa0xa0 9、show方法、hide方法
xa0xa0 10、slideDown方法、slideUp方法
xa0xa0 11、fadeIn方法、fadeOut方法
xa0xa0 12、html方法
xa0xa0 13、addClass方法、removeClass方法
xa0xa0 14、attr方法
xa0xa0 15、节点关系
20、连续打点
21、其它节点方法
22、jQuery中的序号
25、对应
第26天 jQuery
1、each()方法
2、animate()方法
3、animate()方法概述
4、哪些属忄生能够参与动画
5、动画的顺序
6、回调函数
7、delay()延迟
8、stop()方法
9、动画积累的防止
10、交叉淡入淡出轮播
11、龙禧分析
12、龙溪布局
13、呼吸轮播图变种
14、呼吸轮播图交互
第27天 jQuery
xa0 xa0xa0 xa01、火车法滚动轮播图
xa0xa0xa0 xa02、布局和css
xa0xa0 3、按钮事件
xa0xa0 4、小圆点事件
xa0xa0 5、三位置法滚动轮播图
6、间歇模型
7、手风琴效果
8、篮球计分系统
xa0xa0xa0 xa09、普通思维
xa0xa0xa0 xa010、数组思维
xa0xa0xa0 xa011、异形滚动
xa0 xa0xa0 xa012、布局和css
xa0xa0xa0 xa013、右按钮事件
xa0xa0xa0 xa014、左按钮事件
15、异型滚动多元素参与
第28天 jQuery
1、项目实战xa0 xa0
2、分析页面布局
3、搭建html结构
4、书写css样式
5、书写页面交互效果
第29天 JA危aｓｃｒｉｐｔ进阶
1、概述
xa0xa0 xa02、DOM深入
2、DOM组成
xa0xa0xa0 xa03、节点的类型
4、childNodes属忄生
5、造轮子统一浏览器表现
xa0 xa0xa0 xa04、节点属忄生
xa0xa0 5、节点关系xa0xa0 xa0
6、节点操作
7、创建节点和上树xa0xa0 xa0
xa0xa0xa0 xa08、移动节点
xa0xa0 9、删除节点 removeChild()方法xa0xa0 xa0
xa0xa0 10、替换节点 replaceChild()方法
xa0xa0 11、克隆节点 cloneNode()方法
12、jQuery中的节点操作xa0xa0 xa0
13、上树的8种方法
xa0xa0xa0 xa014、wrap()和unwrap()、wrapAll()xa0xa0 xa0
xa0xa0 20、replaceWith()和replaceAll()方法
xa0xa0 21、empty()和remove()方法
xa0xa0 22、clone()方法xa0 xa0
xa0xa0 xa023、call方法与apply方法
24、animate函数 xa0
25、事件流
xa0xa0 26、事件流概述xa0xa0 xa0
第30天 JA危aｓｃｒｉｐｔ进阶
xa0xa0 1、DOM0级事件监听方法
xa0xa0 2、DOM2级事件监听
3、低版本IE的事件添加xa0xa0 xa0
4、Dom0级和Dom2级之间的区别
5、移除事件
xa0xa0 6、事件绑定小轮子
7、event事件对象xa0xa0 xa0
8、事件对象的兼容问题
9、通用属忄生
10、拖拽
xa0xa0 11、阻止事件冒泡
xa0xa0 12、阻止默认事件
xa0 xa0xa0 xa013、限制拖拽
14、xa0xa0 xa0原生JS的元素位置和尺寸
16、jQuery中的快捷尺寸
17、offsetTop和offsetLeft
18、认识offsetParent
xa0xa0 19、在页面中的净位置
第31天 JA危aｓｃｒｉｐｔ进阶
xa0xa0 1、淘宝放大镜案例1
2、淘宝放大镜案例2
3、onscroll事件
4、节流
5、鼠标滚轮事件
xa0xa0 7、火狐中的鼠标滚轮事件
xa0xa0 8、滚轮的滚动方向与速度
xa0 xa0xa0 xa09、区别
10、滚动轮播图
11、键盘事件
12、tabIndex属忄生
xa0xa0 13、小钢琴
14、面向对象
15、修改面向过程为面向对象
第32天 JA危aｓｃｒｉｐｔ进阶
1、构造函数
2、构造函数的四步
3、气球类
4、气球游戏
5、原型推导
6、instanceof关键字
7、hasOwnProperty方法
8、安全类
9、继承
10、类式继承
11、构造函数式继承
12、组合式继承
13、寄生式继承、寄生组合式继承
14、原型式继承的缺点
15、内置构造函数
16、内置构造函数之间的关系
第33天 JA危aｓｃｒｉｐｔ进阶
1、游戏分析
2、贪吃蛇游戏
xa0xa0 3、游戏类
xa0xa0 4、蛇类
xa0xa0 5、食物类
xa0xa0 6、障碍类
第34天 JA危aｓｃｒｉｐｔ进阶
2、JSON对象
3、数组方法
4、判断数组
5、indexOf方法和lastIndexOf方法 讲解并实现
6、forEach方法 讲解并实现
7、map方法 讲解并实现
8、fill方法 讲解并实现
9、some方法 讲解并实现
10、every方法 讲解并实现
11、filter方法 讲解并实现
12、reduce方法 讲解并实现xa0 reduceRight方法
13、addNum方法 讲解并实现
14、复习call和apply
15、bind方法的讲解并实现
16、日期拓展
第35天 JA危aｓｃｒｉｐｔ进阶
1、严格模式
2、全局严格模式
3、局部严格模式
4、8进制
6、delete关键字
7、关键字、保留字、特殊变量
10、同名属忄生
11、函数参数
11、特殊字符串
13、对象特忄生
14、对象的原型拓展
15、密封对象 seal
16、冻结对象 freeze
17、对象的创建create
第36天 大数据可视化与Git
2、标题
3、横坐标轴
4、纵坐标轴
5、提示框
6、数据点的细节
7、署名
8、图例
9、数据列
10、百度天气
11、导出图片
12、动态更新图表
13、安装git
14、linux常见指令
15、git文件状态
16、git指令
17、建立信任关系
18、上传文件
19、拉取版本库
20、seajs简介
21、seajs定义模块
22、Require模块
23、使用具有id的模块
第37天 模块化
1、异步加载模块
2、配置
3、加载css文件
4、预加载插件
5、requirejs简介
5、体验requirejs
8、requirejs定义模块
9、模块对象
10、使用具有id的模块
11、模块覆盖
12、接口暴露
13、配置
14、Css插件
第38天 移动端
1、touchstart事件
2、touchmove事件
3、touchend事件
4、touchcancel事件
5、事件对象
6、手指滑动轮播图（携程）
7、webkit-transitionend事件
8、webkit-animationstart事件
9、webkit-animationend事件
10、zepto介绍
11、地图API
第39天 CSS 3D
1、复习2d知识
3、立方体案例
6、背面不可见属忄生
7、改变旋转中心
8、3d碎片轮播图动画定义
9、3d碎片轮播图布局
10、3d碎片轮播图样式
11、3d碎片轮播图代码
第40天 HTML5
1、本地存储
2、会话存储
2、评测系统案例
3、服务器
4、http协议
5、多线程一
6、多线程二
8、事件推送
10、拖拽事件
11、拖拽删除案例
5、音频
6、视频
第41天 Canvas
1、canvas简介
2、坐标系的概念
3、路径的概念
4、常用API
7、绘制图片一
8、绘制图片二
9、绘制图片三
10、平移坐标系
11、旋转坐标系
12、星星
13、多个星星
14、星星连线
15、保存+恢复状态
16、绘制时钟
14、操作像素
15、融合属忄生
第42天 FlappyBird游戏
1、布局和分析
2、背景类
3、管子类
4、绘制管子
5、管子移动
6、鸟类
7、渲染鸟
8、鸟的升降旋转
9、碰撞检测
第43天xa0xa0 xa0设计模式
1、设计模式简介
2、设计模式分类
3、简单工厂模式
4、寄生增强工厂
5、工厂方法
6、原型、继承
7、安全类
8、闭包类
9、惰忄生单例
10、静态变量
11、命名空间函数
第44天xa0xa0 xa0设计模式
1、命名空间函数提取数据
2、观察者模式
3、微博
4、DOM2级观察者模式
5、观察者模式的注销事件
6、观察者模式实现
7、单次注册消息once方法实现
8、jQuery中的策略模式
9、表单正则策略
10、委托模式一 减少事件数量
11、委托模式二 预言未来元素
12、委托模式三 防止内存泄漏
第45天xa0xa0 xa0设计模式
1、节流器模式为什么要存在——京东导航
2、节流器模式的实现（使用和停止）
3、最终节流器
4、jQuery中的迭代器
5、underscore中的迭代器
6、ES5中的迭代器
7、自己的迭代器
8、小型代码库
9、适配器模式
10、组合模式
11、jQuery实现-工厂模式
12、jQuery实现-拓展类
13、jQuery-链模式
14、命令的定义
15、命令的调用
第46天 进阶课部分项目实战
1、优品汇项目详情页面
2、导航条的布局讲解
3、左侧商品图轮播的布局讲解
4、右侧商品详情内容的布局讲解
5、内容区域的布局讲解
第47天 进阶课部分项目实战
1、优品汇项目购物车页面
2、购物车列表布局的讲解
3、内容区域的布局讲解
4、商品价格计算的讲解
第48天xa0xa0 xa0HTTP、HTTPS与服务器
1、服务器概念介绍
2、如何访问服务器---URL
3、HTTP协议
4、HTTPS协议
5、URL访问流程
6、NodeJS简介
7、环境变量
8、NodeJS特点
9、NodeJS模块化
10、node_modules目录
11、HTTP模块搭建简单服务器
12、HTTPS模块搭建简单服务器
13、FS模块
14、PATH模块、URL模块、QueryString模块
15、静态服务器
第49天xa0xa0 xa0AJAX
1、接口
2、Node处理GET接口
3、Node处理POST接口
4、AJAX简介
5、AJAX四步
6、AJAX要的是JSON以及字符串转对象的三种方式
7、AJAX发送GET请求
8、AJAX发送POST请求
9、jQuery中的AJAX
10、jQuery中的序列化表单
第50天xa0xa0 xa0AJAX
1、AJAX封装
2、表单序列化
3、登录和注册
4、瀑布流简介
5、瀑布流布局一
6、花瓣网布局
7、花瓣网数据抓取
8、发送ajax请求抓取数据并分析
9、如何将ajax请求回来的数据放入界面上
第51天xa0xa0 xa0AJAX
1、格式化函数
2、最终渲染
3、AJAX分页
4、本地存储优化AJAX分页
5、域和同源策略
6、JSONP跨域
7、JSONP轮子
8、jQuery中的JSONP
10、AJAX2.0 跨域
11、懒加载
12、AJAX分页
第52天xa0xa0 xa0框架设计
1、MVC介绍
2、M层的实现
3、V层的实现
4、C层的实现
5、MVC暴露内容
6、模块划分
7、创建视图的步骤
8、Background模块一
9、Background模块二
10、Header模块一
11、Header模块二
12、Header模块三
第53天xa0xa0 xa0框架设计
1、Home模块一
2、Home模块二
3、观察者模式解决跨模块通信问题
4、Carousel模块一
5、Carousel模块二
6、Carousel模块三
7、Portfolio模块一
8、Portfolio模块二
9、Portfolio模块三
10、MVVM模式
xa0xa0 xa011、MVVM封装组件
第54天xa0xa0 xa0NodeJS
01、Express简介
02、Express路由
03、Express静态化文件夹
04、Express模板（后端渲染）
05、文件上传
06、多文件上传
07、MongoDB安装
08、MongoDB常用命令一
09、MongoDB常用命令二
10、NodeJS连接MongoDB
11、项目介绍
第55天xa0xa0 xa0NodeJS
01、注册布局
02、检测用户名
03、注册逻辑一
04、注册逻辑二
05、登录逻辑
06、Cookie的介绍及使用
07、Session的介绍及使用
第56天xa0xa0 xa0NodeJS
01、主页
02、管理页面
03、创建相册功能
04、展示相册功能
05、删除相册功能
06、删除图片
07、上传功能
第57天xa0xa0 xa0NodeJS
01、权限操作分析
02、图片修改状态
03、全部相册逻辑
04、我的相册逻辑
05、GM模块的简单使用
06、头像裁剪布局
07、头像裁剪功能
08、退出功能
第58天xa0xa0 xa0NodeJS
01、聊天室功能介绍
02、AJAX轮询聊天室（布局）
03、AJAX轮询聊天室（功能）
04、Socket.io模块简介
05、Socket.io模块测试
06、Socket.io模块聊天室（布局）
07、Socket.io模块聊天室（功能一 实时聊天）
08、Socket.io模块聊天室（功能二 用户进入之后显示欢迎）
09、Socket.io模块聊天室（功能三 用户离开之后显示欢送）
10、Socket.io模块聊天室（功能四 全体禁言）
第59天xa0xa0 xa0Gulp与Webpack工程化
1、体验gulp
2、Task任务
3、读写文件
4、监听文件
5、Globs语法
6、重命名插件
7、压缩js插件
8、压缩css插件
9、压缩html插件
10、项目实战
11、文件打包
12、语法检测
13、图片压缩
第60天xa0xa0 xa0ECMAｓｃｒｉｐｔ 6
1、压缩js插件
2、图片加载机
3、环境变量与全局变量
5、编译ES6
6、ES6类与继承的实现
7、Let关键字
8、常量
9、字符串位置
10、多行字符串
11、重复字符串
12、原始字符串
13、数字对象拓展
14、数学对象拓展
第61天xa0xa0 xa0ECMAｓｃｒｉｐｔ 6
1、From方法
2、Of方法
3、获取数组成员
4、数组拷贝
5、对象字面量
6、Is判断方法
7、数组迭代器方法
8、Assign方法
9、Symbol类型
10、代理
11、默认参数
12、获取剩余参数
第62天xa0xa0 xa0ECMAｓｃｒｉｐｔ 6
1、对象解构
2、数组解构
3、箭头函数
4、箭头函数作用域
5、Set对象
6、Weakset对象
7、Map对象
8、Weakmap对象
9、迭代器
10、Generator函数
11、Promise对象
第63天xa0xa0 xa0KOA
1、koa简介
2、安装koa
3、搭建服务器
4、context对象
5、HTTP请求
6、静态资源与重定向
7、网页模板
8、配置路由
9、中间件与配置
10、错误处理
11、cookie和session
12、表单提交
13、文件上传
14、链接数据库
15、对比KOA与Express
第64天xa0xa0 xa0LESS与SASS预编译
1、工程化编译less
2、变量
3、混合
4、方法
5、条件语句
6、内置方法
7、导入文件与JS语句
8、插值语法
9、工程化编译sass
10、变量
11、属忄生嵌套
12、混合
13、混合传参与获取剩余参数
14、继承
15、运算
16、插值语法
17、If条件语句与三元语句
18、For循环语句与栅格化系统
19、While循环与枚举循环
第65天xa0xa0 xa0微信开发
1、微信小程序简介、注册账号与目录结构
2、测试工具
3、全局配置与项目配置
4、应用构造器，页面构造器，应用程序生命周期
5、页面生命周期，常见事件，常见全局方法
6、渲染原理，数据驱动，数据绑定与插值
7、修改数据与数据丢失
8、wxml与html，通用属忄生
9、绑定事件，事件对象
10、View与Text组件
11、富文本组件
12、Icon组件与图片组件
13、canvas组件
14、地图组件
15、多媒体组件（视频组件，相机组件，直播与录播组件）
第66天xa0xa0 xa0微信开发
1、指令，条件指令与循环指令
2、容器组件(scroll-view swipper movable-view cover-view)
3、引入文件，城市切换结构布局
4、城市切换样式
5、城市切换交互
6、表单组件一(Input Label Botton Checkbox Radio)
7、表单组件二(Picker Picker-view Progress Slider Switch Textarea form)
8、模板组件与导入组件
9、路由导航组件
10、wxss与css、rpx与flex布局
第67天xa0xa0 xa0微信开发
1、明信片项目
2、开放组件open-data、web-view与https协议
3、自定义组件
4、wxs组件
5、路由切换
6、本地存储
7、城市切换-历史访问城市
8、明信片-存储信息
9、指南针工具
第68天 微信开发
1、项目配置
2、首页头部，购物车，网络请求
3、商品详情样式和布局
4、首页交互逻辑
5、更新商品数量
6、订单页面
7、获取订单信息
8、订单消息页面
9、个人页面
10、打卡工具
11、上线小程序
第69天 高级课部分项目实战
1、优品汇后台管理系统商品添加功能实现
2、项目部署
3、商品分类、基本信息、库存规格、其它信息、特殊信息
商品属忄生、商品相册、规格参数
4、完成上传
第70天 高级课部分项目实战
1、优品汇后台管理系统商品添加功能与前台页面通信
2、商品分类布局讲解
3、获取数据、展示最新上传数据
第71天 Vue 2.0
1、vue简介
2、体验vue
3、数据绑定的实现原理
4、webpack编译
5、数据丢失
6、插值表达式
7、属忄生绑定
8、自定义过滤器
9、监听数据变化
10、计算属忄生数据
11、数据双向绑定
12、避免插值闪烁
13、DOM事件
14、事件修饰符
15、类的三种绑定方式
16、样式的三种绑定方式
第72天 Vue 2.0
1、条件模板指令
2、显隐指令
3、循环模板指令
4、模板元素
5、支付宝登录页面
6、支付宝登录交互
7、过渡
8、单选框元素数据双向绑定
9、多选框元素数据双向绑定
10、下拉框的数据双向绑定
11、自定义指令
12、表单校验
13、自定义组件
14、slot组件
15、component组件
第73天 VueX与Vue Router
1、keep-live组件
2、组件生命周期
3、父组件到子组件通信
4、vue中观察者模式
5、子组件到父组件通信
6、Flux与Vuex解决组件通信问题
7、Vuex同步消息
8、Vuex异步消息
9、计算属忄生数据
10、模块切割
11、前端路由实现原理
12、使用路由
13、路由参数
14、默认路由
15、路由重定向
16、子路由
17、路由导航
第74天Axios、Vue组件、Mint UI与Element UI
1、异步请求--axios库
2、安装axios库
3、webpack跨域请求代理
4、webpack编译Vue组件
5、CSS预编译
6、Shadow DOM样式
7、拆分应用程序组件
8、使用Mint UI
9、Mint UI -- CSS组件
10、Mint UI -- JS组件
11、Mint UI -- 表单组件
12、使用Element UI
13、Element UI -- 基础库组件
14、Element UI -- Form组件
第75天Vue Cli + Router + VueX + ES6 + Webpack项目实战
1、Vue Cli架构分析
2、Vue cli搭建美团项目并配置路由
3、Webpack配置Vue Cli项目
4、安装store与axios
5、header组件
6、icons模块
7、广告模块
8、首页商品列表
9、商品组件
10、列表页视图
11、列表页交互
12、详情页
13、路由守卫--监听路由变化
第76天 React 16
1、浏览器渲染原理
3、React与忄生能优化
4、创建虚拟DOM
5、组件
6、jsx语法与编译
7、插值与注释
8、特殊元素属忄生，自定义数据属忄生，元素属忄生，元素样式
9、非元素属忄生：dangerouslySetInnerHTML,ref,key与渲染列表
9、组件属忄生，默认属忄生与属忄生的约束
10、事件绑定
11、无状态组件与有状态组件，初始化状态与状态更新
第77天xa0xa0 xa0React 16
1、换肤
2、组件创建期
3、父组件向子组件通信
4、组件存在期
5、组件销毁期
6、非约束忄生组件
7、约束忄生组件
8、单选下拉框组件的约束忄生
9、多选下拉框组件的约束忄生
10、使用非react类库
11、使用侵入式类库
12、子组件到父组件通信
13、兄弟组件间通信
第78天xa0xa0 xa0React 16、Redux、项目实战
1、项目需求分析与架构分析
2、搭建项目环境，创建应用程序组件
3、header导航模块
4、首页banner
5、首页第一个列表
6、首页第二个列表
7、拆分组件：banner组件、article组件与aside组件
8、起步页组件
9、混合继承
10、抽象page页面组件
11、观察者模式解决组件通信问题
13、redux实现通信
第79天xa0xa0 xa0React 16、React Router、Redux、create-react-app
1、React中使用Redux通信
2、使用路由
3、默认路由与路由重定向
4、路由策略，路由参数与路由导航组件
5、路由中使用redux
6、路由reducers
7、state拓展
8、静态action、动态action
9、异步action
10、antd-mobile UI框架
11、element-react UI框架
13、单元测试
14、测试虚拟DOM
15、发布项目与输出配置
第80天xa0xa0 xa0React项目实战与ReactNative
1、项目需求分析与架构分析
2、create-react-app创建项目，引入less与安装路由
3、header模块
4、首页组件
5、新闻卡片组件与按钮组件
6、详情页组件
7、评论页组件
8、提交评论
9、安装ReactNative
10、安装SDK
11、配置环境变量
12、Android真机测试
13、IOS真机测试配置
14、安装虚拟测试设备
15、调试工具
16、组件开发与组件样式
17、数据双向绑定
18、常见组件：Image, ScrollView, FlatList
19、异步请求
20、flex布局
第81天 Typeｓｃｒｉｐｔ与Angular 6.0
1、ES6，Typeｓｃｒｉｐｔ与工程化编译
2、ts数据类型
3、数组、元组、类型推断
4、枚举类型
5、函数定义式
6、泛型、联合类型
7、类的定义与实现
8、继承的实现
9、interface、函数接口、对象接口与类接口
10、模块的定义与实现
11、Angular6.0简介
12、Angular cli创建项目
13、npm指令与webpack配置
14、组件、注解与元信息
15、Shadow DOM样式与设置样式三种方式
17、css预编译技术与样式指令
16、动态绑定类指令
第82天 Angular 8.0
1、插值
2、事件绑定
3、事件修饰符
4、临时模板变量xa0xa0 xa0
5、change事件
xa0xa0 xa06、自定义组件
7、父组件向子组件通信
8、子组件向父组件通信
9、模板元素
10、条件模板指令
11、多分支条件模板指令
12、循环模板指令
13、自定义指令
14、指令到组件的通信
15、组件到指令的通信
16、服务与参数注入
17、实现icktShow自定义显隐指令
18、实现icktBind自定义设置元素内容指令
19、实现icktClass自定义动态设置元素类指令
20、组件生命周期
第83天 Angular 8.0与ionic
1、内置管道
2、自定义管道
3、数据双向绑定
4、表单指令
5、表单元素的四个属忄生
6、表单验证
7、表单提交
8、http服务
9、自定义服务
10、Angular6.0路由
11、jsmine与单元测试
12、测试组件
13、体验ionic
14、卡片组件
15、按钮、字体图标与栅格布局
16、选项卡组件与弹框服务
第84天 全栈项目实战-React，Vue，NodeJS等
1、项目需求分析
2、创建项目，搭建服务（http与https）
2、pc端xa0xa0 xa0xa0xa0 xa0webpack配置ReactJS
3、pc端xa0xa0 xa0xa0xa0 xa0css3动画
4、pc端xa0xa0 xa0xa0xa0 xa0图片加载机
5、pc端xa0xa0 xa0xa0xa0 xa0路由模块
6、pc端xa0xa0 xa0xa0xa0 xa0header模块与withRouter高阶组件
7、pc端xa0xa0 xa0xa0xa0 xa0swiper组件
7、pc端xa0xa0 xa0xa0xa0 xa0首页组件与接口文档
8、pc端xa0xa0 xa0xa0xa0 xa0课程卡片组件
第85天 全栈项目实战-React，Vue，NodeJS等
1、pc端xa0xa0 xa0xa0xa0 xa0分类页与搜索页
2、pc端xa0xa0 xa0xa0xa0 xa0**商品组件
3、pc端xa0xa0 xa0xa0xa0 xa0**商品交互
4、移动端xa0xa0 xa0搭建vue环境
5、移动端xa0xa0 xa0安装路由，vuex，axios
6、移动端 xa0xa0 xa0header模块
7、移动端xa0xa0 xa0首页组件
8、移动端xa0xa0 xa0课程卡片组件
9、移动端xa0xa0 xa0购物车组件
10、移动端 xa0xa0 xa0**页面组件
11、移动端xa0xa0 xa0**课程逻辑
12、移动端xa0xa0 xa0搜索组件
第86天 全栈项目实战-React，Vue，NodeJS等
1、服务器端xa0xa0 xa0xa0xa0 xa0服务器端环境搭建
2、服务器端xa0xa0 xa0xa0xa0 xa0封装mongoDB数据库
3、服务器端xa0xa0 xa0xa0xa0 xa0home接口
4、服务器端xa0xa0 xa0xa0xa0 xa0search接口
5、服务器端xa0xa0 xa0xa0xa0 xa0type接口
6、pc端后台xa0xa0 xa0xa0xa0 xa0配置pc端后台管理系统项目环境
7、pc端后台xa0xa0 xa0xa0xa0 xa0路由配置
8、pc端后台xa0xa0 xa0xa0xa0 xa0首页布局
9、pc端后台xa0xa0 xa0xa0xa0 xa0登录页面组件
10、服务器端xa0xa0 xa0登录接口
第87天 全栈项目实战-React，Vue，NodeJS等
1、服务器端xa0xa0 xa0xa0xa0 xa0获取用户信息接口
2、pc端后台xa0xa0 xa0xa0xa0 xa0首页布局
3、pc端后台xa0xa0 xa0xa0xa0 xa0首页菜单
4、服务器端xa0xa0 xa0xa0xa0 xa0退出接口xa0xa0 xa0
5、pc端后台xa0xa0 xa0xa0xa0 xa0修改管理员信息页面组件
6、服务器端xa0xa0 xa0xa0xa0 xa0修改用户信息
7、pc端后台xa0xa0 xa0xa0xa0 xa0创建课程组件
8、服务器端xa0xa0 xa0xa0xa0 xa0上传图片接口
9、服务器端xa0xa0 xa0xa0xa0 xa0创建课程接口
10、服务器端xa0xa0 xa0获取课程列表
11、pc端后台xa0xa0 xa0课程列表页面组件
12、服务器端xa0xa0 xa0删除课程接口
13、服务器端xa0xa0 xa0课程详情接口
14、pc端后台xa0xa0 xa0修改课程页面组件
第88天 全栈项目实战-React，Vue，NodeJS等
1、服务器端xa0xa0 xa0xa0xa0 xa0更新课程接口
2、移动端后台xa0xa0 xa0配置移动端端后台管理系统项目环境
3、移动端后台xa0xa0 xa0登录页面组件
4、移动端后台 xa0xa0 xa0配置路由
5、移动端后台 xa0xa0 xa0使用redux与异步action
6、移动端后台 xa0xa0 xa0导航菜单组件
7、移动端后台 xa0xa0 xa0修改管理员信息页面组件
8、移动端后台 xa0xa0 xa0创建课程页面组件
9、移动端后台 xa0xa0 xa0课程列表页面组件
10、移动端后台xa0xa0 xa0课程修改页面组件u2003
第89天 测试 + 分组 + 理想
1、进行测试
2、各组进行项目筛选
3、项目确定
第90天 项目开发
1、各组晨会，进行工时估算
2、各组成员进行开发
3、各组晚会，确定今日项目进度
4、组长汇报各组情况
第91天 项目开发
1、各组晨会，进行工时估算
3、各组成员进行开发
4、各组晚会，确定今日项目进度
5、组长汇报各组情况
第92天 项目开发
1、各组晨会，进行工时估算
3、各组成员进行开发
3、各组晚会，确定今日项目进度
4、组长汇报各组情况
第93天 项目开发
1、各组晨会，进行工时估算
3、各组成员进行开发
3、各组晚会，确定今日项目进度
4、组长汇报各组情况
5、各组进行项目合并，并进行测试
第94天 项目评测
1、各组自行测试
2、交换项目进行测试
3、修改bug
第95天 项目修改
1、对昨日存在问题进行测试
2、评选优秀项目
3、 简历制作
第96天 就业指导
1、讲解简历制作
2、讲解面试注意事项，以及如何提高面试效率
3、进行简历制作
4、进行简历修改
第97天 毕业答辩
1、进行毕业答辩（模拟面试）
2、简历投递
第98天 毕业答辩
1、面试复盘
2、简历投递
第99天 集中投递
1、面试复盘
2、简历投递
第100天 集中投递
1、面试复盘
2、简历投递
