第一阶段课程大纲
全套视频链接
课件、答疑QQ群:1103015245
第 01 天 HTML初体会
教学目标:了解什么是页面. 掌握html骨架的书写以及骨架中标签的作用. 快捷键操作. 相关字符编码. html标签和属性的书写语法
- HTTP 协议
- html 概念介绍
- html 骨架
- DTD 文档类型
- head 标签
- title标签
- meta标签
- 字符编码
- body 标签
- html 基本语法
- html属性语法
- html 注释
- seo和浏览器介绍
第 02 天 HTML 第一天
教学目标:了解废弃标签. 实体字符,掌握 h系列. p. img. a标签的基本使用。
-
非替换标签:h1~h6 p div span
-
HTML5 的新骨架和语义化标签 :header section nav footer article aside
-
替换标签:img video audio
-
路径讲解
-
a 标签 & 锚点
-
空标签
-
实体字符
-
不常用标签 & 废弃标签
第 03 天 HTML 第二天
教学目标:掌握列表的基本使用. 掌握表格的基本使用. 了解表格中的属性. 能够独立完成表格布局
- 无序列表
- 有序列表
- 自定义列表
- 列表嵌套
- 表格基础
- 表格属性
- 合并单元格
- 三个划分区域的语义标签
- 表格小练习
第 04 天 HTML第三天
教学目标:掌握表单控件及相关属性的使用,了解get和post提交的简单区别
- form 标签
- input标签
- 单行文本框
- 密码框
- 单选框
- 多选框
- 文本域
- 下拉菜单
- 图像域
- hidden
- label标签
- form属性的介绍
- input属性的介绍
- 表单和表格综合练习
- 新的 input 控件
- placeholder 属性的详解
- autofocus 属性的详解
- required 属性的详解
- multiple 属性的详解
- datalist 标签的详解
第 05 天 CSS 第一天
教学目标:掌握CSS的引入方式. 基础选择器. 难点高级选择器及优先级判断. 掌握a伪类实例操作. 了解CSS层叠性的各种情况
- css 的概念
- 引入css的好处
- 引入css的方式及区别
- 基础选择器
- 基础选择器权值
- 高级选择器
- 高级选择器优先级判断
- 动态伪类选择器
- a 标签伪类的应用实例之垂直导航栏实例
- css 的层叠性
第 06 天 CSS 第二天
教学目标:掌握字体相关. 排版相关. 盒子相关属性
- color 属性
- font-size 属性
- font-family 属性
- line-height 属性
- font-weight 属性
- font-style 属性
- text-indent 属性
- text-align 属性
- text-decoration 属性
- letter-spacing
- list-style-type
- list-style-image
- list-style-position
- list-style
- border-collapse
- white-space
- text-overflow
- overflow
- 盒模型的初步认识
- padding 详解
- margin 详解
- border 详解
- 盒模型练习
- css 的继承性
第 07 天 CSS 第三天
-
盒模型的拓展知识
-
清除默认样式
-
宽度剩余法
-
height 高度设置法
-
margin 特性之垂直方向上的塌陷
-
margin 特性之不能用儿子去踹父亲
-
父子盒模型的特性
-
居中的几种设置方法
-
认识标准文档流
-
标准文档流的特性
-
块级元素和行内元素的特性
-
浮动的基础知识
第 08 天 CSS 第四天
-
浮动的作用
-
浮动的特性之浮动的元素脱离标准文档流
-
浮动的特性之浮动的元素没有 margin 塌陷
-
浮动的特性之浮动的元素依次贴边
-
浮动的特性之浮动的元素让出标准流的位置
-
浮动的特性之字围效果
-
浮动存在的问题
-
清除浮动的方法之给父盒子加高度
-
清除浮动的方法之加 clear 属性
-
清除浮动的方法之加隔墙法
-
清除浮动的方法之 overflow 法
-
a 标签伪类的应用实例之按钮实例
-
a 标签伪类的应用实例之导航栏实例
-
色块布局案例
第 09 天 浮动布局项目
- 制作大鱼学院页面
- 项目部署
- css引入
- header区域的祥解
- banner区域的详解
- 内容区域的详解
第 10 天 CSS 第五天
- background-color 背景色的详解
- background-image 背景图的详解
- background-repeat 背景重复的详解
- backgound-size 背景大小详解
- background-position 背景定位的详解
- 精灵图介绍
- 精灵图的制作
- 精灵图的应用详解
- background-attachment 背景固定的详解
- 背景的应用之文字换图片案例
- 背景的应用之 padding 设置背景图案例
- position:relative 的详解
- position:relative 的负值表示法
- position:relative 的应用之元素位置微调
- position:absolute 的详解
- position:absolute 的特性之不针对祖先元素的定位参考点
第 11 天 CSS 第六天
- position:absolute 的特性之针对祖先元素的定位参考
- position:absolute 的特性之绝对定位的参考顶点
- position:absolute 的特性之利用绝对定位制作压盖效果
- position:absolute 的特性之绝对定位的元素设置水平居中
- position:absolute 的实例之滚动轮播图
- position:fixed 的详解
- z-index 属性的详解
- 常用 CSS 单位
- html hack 的详解
- css 值 hack 的详解
- css 选择器 hack 的详解
- IE6 的兼容性问题
第 12~13 天 中期项目综合实战
- 制作博雅互动页面
- 项目部署
- css 引入
- header 区域的详解
- banner 区域的详解
- 内容区域的详解
第 14 天 CSS 3 第一天
- 伪类的应用
- 伪元素的应用
- border-radius 属性的详解
- box-shadow 属性的详解
- text-shadow 属性的详解
- background-origin 属性的详解
- background-clip 属性的详解
- background-size 属性的详解
- 渐变背景的详解
- 多背景的详解
第 15 天 CSS 3 第二天
- 2D 变形的详解
- 3D变形的详解
- 过渡的基础知识
- 3D变形与过渡案例
- animation 属性的详解
- @keyframes 规则的详解
- animation 属性制作动画的实例
- 动画案例
- 轮播图实现
第 16 天 布局模型与弹性盒
- box-sizing 属性的详解
- 百分比布局的详解
- 固比固模型的详解
- 圣杯布局
- 双飞翼布局
- flex 布局介绍
- flex盒模型属性的介绍
- flex子元素属性介绍
- flex小案例
第 17 天 弹性盒布局项目
第 18 天 响应式与Bootstrap
-
rem. vm等单位介绍
-
媒体查询的详解
-
响应式布局详解
-
Bootstrap 使用步骤
-
Bootstrap 栅格系统的详解
-
Bootstrap 的排版之标题
-
Bootstrap 的排版之对齐类
-
Bootstrap 的排版之强调类
-
Bootstrap 的表格使用
-
Bootstrap 的按钮使用
-
Bootstrap 的字体图标使用
-
Bootstrap 的导航使用
第19天 响应式布局项目实战
第20~21天 项目案例
经过19天的学习,利用所学知识,做一套完整的PC端网页和移动端网页
- 制作移动端项目的页面
- 项目部署
- css 引入
- 搜索框的详解
- banner 区域的详解
- 主导航的详解
- 内容区域的详解
第二阶段课程大纲
第22天 JavaScript基础第一天
- javascript简介
- javascript的书写位置
- alert语句
- console.log语句
- 数字字面量
- 字符串字面量
- 变量的声明
- 变量的赋值
- 变量的声明与提升
- 数据类型的检测方法
- 数据类型的转换方法
第23天 JavaScript基础第二天
- 数学运算符
- Math.random()方法的详解
- Math.pow()方法详解
- Math.sqrt()方法详解
- 比较运算符
- 逻辑运算符
- 短路语法
- 赋值运算符
- 综合运算符的顺序
- if语句的详解
- 多分支的if语句的详解
第24天 JavaScript基础第三天
- 三元运算符的详解
- switch语句的详解
- break关键字的详解
- default关键字的详解
- switch语句的另类写法
- for循环语句的讲解
- for循环语句的实例
- for循环语句嵌套if语句的详解
- for语句嵌套for语句的讲解
- for语句嵌套for语句的实例
第25天 JavaScript基础第四天
- do while 语句的详解
- while 语句的详解
- break 用法的详解
- continue 用法的详解
- 穷举思想的详解
- 穷举思想的应用实例
- 函数语句的声明
- 函数语句的调用
- 函数的参数详解
- 函数的返回值的详解
第26天 JavaScript基础第五天
- 函数表达式
- 函数的数据类型
- 函数声明的提升
- 递归函数的详解
- 变量的作用域
- 局部变量和全局变量的详解
- 作用域链的详解
- 函数的作用域
- 闭包的详解
- 闭包的实例
第27天 JavaScript基础第六天
- 数组的基础知识
- 数组的首尾操作方法
- 数组的合并和拆分方法
- 数组的删除、插入、替换的方法
- 数组的排序方法
- 数组转为字符串的方法
- charAt方法的详解
- concat方法的详解
- indexOf方法的详解
- slice方法的详解
- split方法的详解
- substr方法的详解
- substring方法的详解
- toLowerCase方法的详解
- toUpperCase方法的详解
- 正则表达式的概念
- 正则表达式的精确匹配
- 正则表达式的预定义特殊字符
- 正则表达式的字符集
- 正则表达式的修饰符
- 正则表达式的边界
- 正则表达式的预定义类
- 正则表达式的量词
- 正则表达式的分组
- 正则表达式的或操作符
- 正则表达式分组的反向引用
- 正则表达式的中文
第28天 JavaScript基础第七天
- arguments的详解
- 模拟函数重载
- IIFE的详解
- 结合数组观察闭包
- DOM的基础知识
- 操作html的方法
- 操作css的方法
- DOM中事件的几种方法
- onmouseenter方法的使用
- onmouseout方法的使用
- window.onload方法的使用
第29天 JavaScript基础第八天
- getElementsByTagName方法的详解
- 批量添加事件监听的方法
- 对应思想的实例
- 拍他思想的实例
- getComputedStyle方法的详解
- currentStyle方法的详解
- 对象基础知识
- JSON的基础知识
- JSON的遍历方法
- setInterVal方法的详解
- clearInterval方法的详解
第30天 jQuery第一天
- jQuery简介
- 使用方式
- $与jQuery函数
- 选择器
- jQuery对象与js对象的相互转换
- 常用方法
- jQuery的批量操作和首项获取
- eq和index方法实现对应思想
- 连续打点调用
- 呼吸轮播图
- 拖拽轮播图(猫腻图法和三位置法)
- 手风琴效果
- 篮球积分系统
第31天 jQuery第二天
- each方法
- animate动画详解
- 动画的执行顺序
- 异步和同步
- 回调函数
- stop
- 防止动画积累
- 呼吸轮播图变种
- 异型滚动轮播图
- 火车法滚动轮播图
- 间歇模型
- 碎片轮播图
- css3D碎片轮播图
- jQuery插件highcharts
第32天 JavaScript进阶第一天
- 概述
- DOM深入
- DOM组成
- 节点的类型
- childNodes属性
- 造轮子统一浏览器表现
- 节点关系
- 创建节点和上树
- 移动节点
- 删除节点
- 替换节点
- 克隆节点
- 实现animate函数
- call与apply方法
第33天 JavaScript进阶第二天
- DOM0级事件监听方法
- 事件流
- DOM2级事件监听
- 低版本IE添加事件
- DOM0和DOM2级之间的区别
- 事件的移除
- 事件绑定小轮子
- 事件对象及兼容处理
- 事件对象的通用属性
- 拖拽与限制拖拽
第34天 JavaScript进阶第三天
- 事件冒泡
- 冒泡的阻止
- 事件委派
- 阻止默认行为
- 原生js的元素位置和尺寸
- clientWidth、clientHeight、OffsetWidth、OffsetHeight
- offsetParent
- onscroll 事件
- clientTop、clientLeft、offsetTop、offsetLeft、scrollLeft、scrollTop
- 在页面中的净位置小轮子
第35天 JavaScript进阶第四天
- 淘宝放大镜案例一
- 淘宝放大镜案例二
- 函数节流
- 鼠标滚轮事件
- onmousewheel
- 火狐中的滚轮事件
- 滚轮的滚动方向与速度
- 区别
- 滚动轮播图
- 键盘事件
- tabIndex属性
- 小钢琴
- 面向对象
- 修改面向过程为面向对象
第36天 JavaScript进阶第五天
- 构造函数
- new的四个步骤
- return值对构造函数的影响
- 气球类
- 打气球游戏
- 原型推导
- 构造函数、原型、实例三者之间的关系
- 原型与原型链
- 对象中属性和方法查找规则
- instanceof关键字
- hasOwnProperty方法
第37天 JavaScript进阶第六天
- 安全类
- 继承
- 类式继承
- 原型继承的缺点
- 构造函数继承
- 组合继承
- 寄生式继承
- 寄生组合式继承
- 内置构造函数
- 内置构造函数之间的关系
第38天 JavaScript进阶第五天
- 游戏分析
- 贪吃蛇游戏
- 游戏类
- 蛇类
- 食物类
- 障碍物类
- 地图类
第39天 移动端
- touchstart事件
- touchmove事件
- touchend 事件
- touchcancel事件
- 事件对象
- 手指滑动轮播图
- webkit-transitionend事件
- webkit-animationstart事件
- animationend事件
- zepto介绍
- 百度地图API
第40天 HTML5
- 本地存储
- 绘画存储
- 评测系统案例
- 服务器
- http协议
- 多线程一
- 多线程二
- websql
- 事件推送
- history、pushState、popState、replaceState、onpopState
- 拖拽事件
- 拖拽删除案例
- 音频
- 视频
第41天 Canvas
- canvas 简介
- 坐标系的概念
- 路径的概念
- 常用 API
- 绘制图片一
- 绘制图片二
- 绘制图片三
- 平移坐标系
- 旋转坐标系
- 星星
- 多个星星
- 星星连线
- 保存+恢复状态
- 绘制时钟
- 操作像素
- 融合属性
第42天 FlappyBird游戏
- 布局和分析
- 背景类
- 管子类
- 绘制管子
- 管子移动
- 鸟类
- 渲染鸟
- 鸟的升降旋转
- 碰撞检测
第43天 设计模式第一天
- 设计模式简介
- 设计模式分类
- 简单工厂模式
- 寄生增强工厂
- 工厂方法
- 原型、继承
- 安全类
- 闭包类
- 惰性单利
- 静态变量
- 命名空间函数
第44天 设计模式第二天
- 命名空间函数提取数据
- 观察者模式
- 微博
- DOM2级观察者模式
- 观察者模式的注销事件
- 观察者模式实现
- 单次注册消息once方法实现
- jQuery中的策略模式
- 表单正则策略
- 委托模式一 减少事件数量
- 委托模式二 预言未来元素
- 委托模式三 防止内存泄漏
第45天 设计模式第三天
- 节流器模式为什么要存在——京东导航
- 节流器模式的实现(使用和停止)
- 最终节流器
- jQuery 中的迭代器
- underscore 中的迭代器
- ES5 中的迭代器
- 自己的迭代器
- 小型代码库
- 适配器模式
- 组合模式
- jQuery 实现-工厂模式
- jQuery 实现-拓展类
- jQuery-链模式
- 命令的定义
- 命令的调用
第三阶段大纲
第46天 ECMAScript 5
- ES5
- JSON对象
- 数组方法
- 判断数组
- indexOf方法和lastIndexOf方法 讲解并实现
- forEach方法 讲解并实现
- map方法 讲解并实现
- fill方法 讲解并实现
- some方法 讲解并实现
- every方法 讲解并实现
- filter方法 讲解并实现
- reduce方法 讲解并实现 reduceRight方法
- addNum方法 讲解并实现
- 复习call和apply
- bind方法的讲解并实现
- 日期拓展
第47天 ECMAScript 5
- 严格模式
- 全局严格模式
- 局部严格模式
- 8进制
- arguments.callee
- delete关键字
- 关键字. 保留字. 特殊变量
- eval
- with
- 同名属性
- 函数参数
- 特殊字符串
- 对象特性
- 对象的原型拓展
- 密封对象 seal
- 冻结对象 freeze
- 对象的创建create
第48天 Gulp与Webpack工程化
- 体验gulp
- Task任务
- 读写文件
- 监听文件
- Globs语法
- 重命名插件
- 压缩js插件
- 压缩css插件
- 压缩html插件
- 压缩图片插件
- 语法检测
- Webpack
- 入口配置. 出口配置. 加载机
- Webpack-dev-server
第49-50天 sass、less、stylus
- 工程化编译
- 变量
- 属性嵌套
- 混合
- 混合传参
- 方法
第51天 移动端项目实战
- 制作移动端项目页面
- 项目部署
- 搜索框详解
- 导航栏详解
- 轮播图
- 内容区域详解
第52天 ECMAScript 6
- ES6介绍
- Let关键字
- 常量
- 多行字符串
- 原始字符换
- raw方法实现
- 重复字符串. 字符串位置
- 数学对象拓展
- 对象拓展
- From方法
- of方法
- find和findeIndex方法
- 数组迭代器接口
- 编译ES6
第53天 ECMAScript 6
- 对象解构
- 数组解构
- 函数拓展
- 默认参数
- 获取剩余参数
- 三个点语法
- 箭头函数
- Symbol类型
- 代理
- Reflect
- 聚合数据对象
- Promise
- 实现Promise
第54天 ECMAScript 6
- Promise应用
- all. race方法
- resolve. reject方法
- Symbol.iterator 迭代器接口
- 迭代器的实现
- Generator函数
- 数据传递
- return. throw使用
- yield *语法. 三个点语法
- co模块实现
- async与await介绍与应用
- 异步操作执行顺序
第55天 TS与模块化
- TS介绍
- 数据类型
- 类型级联. 枚举类型
- 函数. 泛型
- 类
- 继承. 模块
- 接口
- requirejs简介
- 体验requirejs
- requirejs定义模块
- 模块对象
- 使用具有id的模块
- 模块覆盖
- 接口暴露
- 配置
- Css插件
第56天 AJAX
- 服务器概念介绍
- 如何访问服务器—URL
- HTTP协议
- URL访问流程
- NodeJS简介
- NodeJS特点
- NodeJS模块化
- node_modules目录
- HTTP模块
- FS模块
- 删除非空目录
- PATH模块. URL模块. QueryString模块
第57天 AJAX
- 静态服务器
- MIMEType
- 接口
- Node处理GET接口
- Node处理POST接口
- AJAX简介
- AJAX四步
- AJAX发送GET请求
- AJAX发送POST请求
- jQuery中的AJAX
第58天 AJAX
- AJAX封装
- JSON字符串转为对象的三种方式
- 表单序列化
- 转码与解码
- 登录和注册
- 瀑布流简介
- 瀑布流布局一
- 文字上树的三种方式
- 封装格式化函数
- 如何将ajax请求回来的数据放入界面上
第59天 AJAX
- 花瓣网布局
- 花瓣网数据抓取
- 花瓣网布局样式.
- 花瓣网最终渲染
- AJAX分页
- AJAX分页数据抓取
- 懒加载
- 本地存储优化AJAX分页
- FormData构造函数
- 图片预览的方式
- 基于HTTP协议的匿名聊天室
第60天 AJAX
-
跨域演示
-
域和同源策略
-
JSONP跨域
-
JSONP轮子
-
jQuery中的JSONP
-
服务器允许跨域设置
-
HTTPS协议
-
cookie. session. token理论介绍
第61天 框架设计
- MVC介绍
- M层的实现
- V层的实现
- C层的实现
- MVC暴露内容
- 模块划分
- 创建视图的步骤
- Header模块一
- Header模块二
- Header模块三
第62天 框架设计
- Carousel模块一
- Carousel模块二
- Carousel模块三
- Portfolio模块一
- Portfolio模块二
- Portfolio模块三
- MVVM模式
- 数据绑定实现
- NPM介绍
第63天 NodeJS
- Express简介
- Express静态化文件夹
- Express路由
- Express处理post请求
- Cookie的介绍及使用
- Session的介绍及使用
- Token的介绍及使用
- EJS模板
- 文件上传
- 多文件上传
- MongoDB安装
- 数据库的开启与连接
第64天 NodeJS
- MongoDB常用命令一
- MongoDB常用命令二
- NodeJS连接MongoDB
- 封装数据库命令
- 项目介绍
- 主页布局
- 注册页面布局
- 检测用户名
- 注册逻辑一
- 注册逻辑二
第65天 NodeJS
-
登录逻辑
-
主页nav模块
-
管理页面
-
创建相册功能
-
展示相册功能
-
修改相册状态
-
删除相册功能
-
个人相册页面
-
上传功能
第66天 NodeJS
- 模块之间相互通信
- 个人相册渲染完毕
- 上传图片功能
- 我的相册逻辑
- 全部相册逻辑
- 权限操作分析
- 权限用户图片列表展示
- 修改用户状态
第67天 NodeJS
- 上传用户头像功能
- 退出功能
- 头像裁剪布局
- GM模块简单实用
- 头像裁剪功能
- WebSocket介绍
- 聊天室功能介绍
- Socket.io模块简介
- Socket.io模块测试
- Socket.io模块聊天室(布局)
- Socket.io模块聊天室(功能一 实时聊天)
- Socket.io模块聊天室(功能二 用户进入之后显示欢迎)
- Socket.io模块聊天室(功能三 用户离开之后显示欢送)
- Socket.io模块聊天室(功能四 发送表情)
第68天 微信开发
- 微信小程序简介. 注册账号与目录结构
- 测试工具
- 全局配置与项目配置
- 应用构造器,页面构造器,应用程序生命周期
- 页面生命周期,常见事件,常见全局方法
- 渲染原理,数据驱动,数据绑定与插值
- 修改数据与数据丢失
- wxml与html,通用属性
- 绑定事件,事件对象
- View与Text组件
- 富文本组件
- Icon组件与图片组件
- canvas组件
- 地图组件
- 多媒体组件(视频组件,相机组件,直播与录播组件)
第69天 微信开发
- 指令,条件指令与循环指令
- 容器组件(scroll-view swipper movable-view cover-view)
- 引入文件,城市切换结构布局
- 城市切换样式
- 城市切换交互
- 表单组件一(Input Label Botton Checkbox Radio)
- 表单组件二(Picker Picker-view Progress Slider Switch Textarea form)
- 模板组件与导入组件
- 路由导航组件 码
第70天 微信开发
- 明信片项目
- 路由切换
- 本地存储
- 城市切换-历史访问城市
- 自定义组件
- Slot组件
- 组件间通信
- 指南针
- 打卡小程序
- 其它API
- request,downloadFile,uploadFile,chooseImage getWeRunData
- getLocation chooseLocation openLocation requestPayment
第71天 微信开发
- 项目配置
- 首页头部,购物车,网络请求
- 商品详情样式和布局
- 首页交互逻辑
- 更新商品数量
- 订单页面
- 获取订单信息
- 订单消息页面
- 个人页面
- 打卡工具
- 上线小程序
第四阶段 框架课课程大纲
第一部分Vue
第72天 Vue
- vue简介
- 体验vue
- 数据绑定的实现原理
- webpack编译
- 数据丢失
- 插值表达式
- 属性绑定
- v-text与v-html
- v-once指令
- 自定义过滤器
- 计算属性数据
第73天 Vue
- 数据双向绑定
- 避免插值闪烁
- 修饰符
- 单选框的数据双向绑定
- 多选框的数据双向绑定
- 下拉框的数据双向绑定
- 监听数据变化
- 状态过渡
- DOM事件
- 鼠标修饰符. 系统修饰符与键盘修饰符
- 类的三种绑定方式
- 样式的三种绑定方式
- 条件模板指令
- 显隐指令
- 循环模板指令
- 模板组件
第74天 Vue
- 支付宝登录页面
- 支付宝登录交互
- 过渡
- 多元素过渡
- 列表过渡
- 自定义指令
- 表单校验指令
第75天 vue
- 组件
- 动态组件
- 组件生命周期
- ref属性
- 插槽组件
- 插槽作用域
- 父组件向子组件通信
- 属性校验
- 自定义事件
- 子组件向父组件通信-模拟自定义事件
- 子组件向父组件通信-传递方法
- 兄弟组件间通信
- v-model指令的实现
第76天 Vue
- Vuex–架构模式
- Vuex–同步消息
- Vuex–异步消息
- Vuex–计算属性数据
- Vuex–模块切割
- Vuex–严格模式
- Vuex–监听同步消息
- Vuex–监听异步消息
- Vuex–自定义插件
- Vuex–代理模型数据
- Vuex–mapState等组件绑定方法
- Vuex–组件监听
第77天 Vue
- Router-前端路由实现原理
- Router-使用路由
- Router-路由数据与路由传参
- Router-默认路由与路由从定向
- Router-父路由与子路由
- Router-路由导航
- 路由命名
- Router-路由监听滚动条
- Router-路由策略
- Router-路由过渡
- Router-路由守卫
- axios–axios与异步请求
第78天 Vue
- webpack–跨域请求代理
- .vue–单文件组件
- .vue–css预编译与scoped
- .vue–热重载
- .vue–CSS打包
- .vue–函数式组件
- .vue–异步组件
- .vue–拆分应用程序组件
- .vue–组件的混合继承
- .vue–vue自定义插件
- vue-quill-editor–富文本编辑器
第79天 Vue
- mint-ui–配置mint-ui
- mint-ui–CSS组件
- mint-ui–Form组件
- mint-ui–Javascript组件
- element-ui–配置element-ui
- element-ui–基础组件
- element-ui–表单组件
- element-ui–表单验证
- element-ui–数据组件
- element-ui–提醒组件
- element-ui–导航组件
- element-ui–其他组件
第80天 Vue
- vue-cli–安装与使用
- vue-cli–vue-cli配置
- TypeScript的支持
- 类组件与装饰器
- 单元测试–使用单元测试
- 单元测试–测试组件
- 单元测试–测试mutation
- 单元测试–测试action
- 单元测试–测试getters
第81天 Vue
- webpack–配置并实现vue-cli
- webpack–资源发布与性能优化
- SSR–服务器端渲染
- SSR-搭建服务器
- SSR-渲染vue组件
- SSR-npm配置优化
- SSR-前端与服务器端同步渲染
- SSR-服务器点插值
- SSR-渲染数据
- SSR-渲染数据
- SSR-使用路由
- server–服务器模块化架构
第82天 Vue
- 项目实战–需求文档分析
- 项目实战–服务器端–创建服务器
- 项目实战–移动端–配置vue-cli
- 项目实战–移动端–安装Router,Vuex与axios
- 项目实战–移动端–Header组件
- 项目实战–移动端–同步数据
- 项目实战–移动端–异步数据
- 项目实战–移动端–接口文档
- 项目实战–移动端–跨域请求代理
- 项目实战–移动端–Mock数据
- 项目实战–移动端–广告模块
- 项目实战–移动端–商品组件
- 项目实战–移动端–Search组件
第83天 Vue
- 项目实战–移动端–列表页组件
- 项目实战–移动端–列表页组件交互
- 项目实战–移动端–详情页组件
- 项目实战–移动端–购物车组件
- 项目实战–移动端–商品加入购物车
- 项目实战–移动端–购买页面
- 项目实战–后台管理系统–配置后台管理系统项目
第84天 Vue
- 项目实战–后台管理系统–配置路由,store和axios
- 项目实战–后台管理系统–Element UI Menu组件
- 项目实战–后台管理系统–异步action登录检测
- 项目实战–后台管理系统–登录页面
- 项目实战–后台管理系统–修改管理员信息页面
- 项目实战–后台管理系统–创建商品组件
第85天 Vue
- 项目实战–后台管理系统–商品列表页面
- 项目实战–后台管理系统–编辑商品页面
- 项目实战–服务器端–服务器端架构模式
- 项目实战–服务器端–服务器端配置
- 项目实战–服务器端–HTTP协议与HTTPS协议
- 项目实战–服务器端–封装数据库
- 项目实战–服务器端–数据库导入数据
- 项目实战–服务器端–登录接口
- 项目实战–服务器端–查询登录信息接口
- 项目实战–服务器端–退出接口
- 项目实战–服务器端–修改管理员信息接口
第86天 Vue
- 项目实战–服务器端–上传图片接口
- 项目实战–服务器端–创建商品接口
- 项目实战–服务器端–商品列表接口
- 项目实战–服务器端–删除商品接口
- 项目实战–服务器端–商品详情接口
- 项目实战–服务器端–更新商品接口
- 项目实战–服务器端–服务器端–移动端首页接口
- 项目实战–服务器端–移动端商品列表接口
- 项目实战–服务器端–移动端详情页接口
- 项目实战–服务器端–移动端搜索接口
- 项目实战–服务器端–移动端排序接口
- 项目实战–作业部署
第二部分 React
第87天 React
-
浏览器原理
-
高性能网站与性能优化
-
虚拟DOM与性能优化
-
使用组件
-
jsx语法
-
插值语法
-
jsx语法与注释
-
虚拟DOM四类属性
-
非元素属性
第88天 React
- 组件属性
- 属性校验
- DOM事件
- 组件状态
- 函数组件
- 网站换肤与异步请求
- 父组件向子组件通信
- 子组件向父组件通信
- 兄弟组件间通信
- context上下文对象
第89天 React
- 组件创建期
- 组件存在期
- context与组件生命周期
- 组件销毁期
- 使用非React类库
- 使用侵入式类库
- ref与createRef
- 非约束性组件
- 约束性组件
- 单选下拉框的约束性
- 多选下拉框的约束性
第90天 React
- 项目实战–搭建项目
- 项目实战–Header组件
- 项目实战–首页banner
- 项目实战–首页列表
- 项目实战–拆分组件
- 项目实战–组件混合继承
- 项目实战–抽象组件
第91天 React
- diff算法
- PureComponent组件
- memo组件
- cloneElement与Fragment组件
- 错误边界
- 异步组件
- 高阶组件
- Ref转发
- Ref转发在高阶组件中的应用
- Hook函数
第92天 React
- 搭建服务器
- SSR–服务器端渲染
- SSR–服务器端渲染优化
- SSR–前后端同步渲染-前端配置
- SSR–前后端同步渲染-后端配置
- SSR–hydrate渲染
- Router–使用路由
- Router–默认路由与路由重定向
- Router–路由参数与高阶路由组件
- Router–路由导航
第93天 React
- Redux–flux. reflux与redux
- Redux–使用redux
- Redux–观察者模式解决组件间通信问题
- Redux–redux在react中的应用
- Redux–在路由中使用redux
- Redux–reducer拓展
- Redux–state拓展
- Redux–异步action
第94天 React
- antd-mobile–使用antd-mobile
- antd-mobile–导航组件
- antd-mobile–表单组件
- antd-mobile–表单校验
- antd-mobile–数据展示组件
- antd-mobile–反馈组件
- element-react–使用element-react
- element-react–表单校验
第95天 React
- create-react-app–使用create-react-app
- create-react-app–create-react-app配置
- create-react-app–create-react-app资源发布
- 单元测试–单元测试
- 单元测试–测试虚拟DOM
- ReactNative–安装ReactNative
- ReactNative–手机调试ReactNative项目
- ReactNative–安装ReactNative模拟器
- RN项目–三个调试工具
- RN项目–组件系统
- RN项目–组件样式
第96天 React
- RN项目–异步请求
- RN项目–使用路由
- RN项目–配置项目路由
- RN项目–Header组件
- RN项目–首页列表
- RN项目–新闻卡片组件
- RN项目–详情页请求
- RN项目–详情页面
- RN项目–评论页用户输入组件
- RN项目–提交评论
第97天 React
- 项目实战–需求文档分析
- 项目实战–服务器端–搭建服务器
- 项目实战–移动端–create-react-app配置
- 项目实战–移动端–搭建路由
- 项目实战–移动端–使用redux
- 项目实战–移动端–Header组件
- 项目实战–移动端–轮播图组件
- 项目实战–移动端–接口文档
- 项目实战–移动端–跨域请求代理
第98天 React
- 项目实战–移动端–课程卡片组件
- 项目实战–移动端–购物车组件
- 项目实战–移动端–详情页组件商品介绍
- 项目实战–移动端–详情页组件视频列表
- 项目实战–移动端–视频组件
- 项目实战–移动端–播放视频交互
- 项目实战–移动端–购买页面
- 项目实战–移动端–购买逻辑
第99天 React
- 项目实战–后台管理系统–后台管理系统配置
- 项目实战–后台管理系统–安装redux
- 项目实战–后台管理系统–登录页面
- 项目实战–后台管理系统–异步action
- 项目实战–后台管理系统–配置路由
- 项目实战–后台管理系统–首页组件
- 项目实战–后台管理系统–创建课程
第100天 React
- 项目实战–后台管理系统–列表页面
- 项目实战–后台管理系统–编辑页面
- 项目实战–后台管理系统–课程介绍页面
- 项目实战–后台管理系统–封装上传视频组件
- 项目实战–后台管理系统–课程视频页面
- 项目实战–服务器端–服务器端架构
- 项目实战–服务器端–HTTP协议与HTTP协议
- 项目实战–服务器端–数据库封装
第101天 React
- 项目实战–服务器端–数据库导入数据
- 项目实战–服务器端–登录接口
- 项目实战–服务器端–退出接口
- 项目实战–服务器端–查询用户信息接口
- 项目实战–服务器端–上传文件接口
- 项目实战–服务器端–创建课程接口
- 项目实战–服务器端–课程列表接口
- 项目实战–服务器端–删除课程接口
- 项目实战–服务器端–课程详情接口
- 项目实战–服务器端–更新课程接口
- 项目实战–服务器端–获取课程介绍接口
- 项目实战–服务器端–创建课程介绍接口
- 项目实战–服务器端–更新课程介绍接口
- 项目实战–服务器端–获取课程视频接口
- 项目实战–服务器端–创建课程视频接口
- 项目实战–服务器端–更新课程视频接口
- 项目实战–服务器端–移动端首页接口
- 项目实战–服务器端–移动端搜索接口
- 项目实战–服务器端–移动端详情页接口
第五阶段(扩展课程) 移动APP
第一部分:Hybrid APP开发
Hybrid APP开发背景:Bridge开发模式是什么
那么原生APP和H5都有那些交互?
微信服务号开发
第102天:Hybrid APP开发模式
- Bridge开发简介
- Bridge开发优缺点
- Bridge开发原理
- Bridge开发的dsBridge库使用
第103天:Hybrid APP开发实战案例
- dsBridge的封装
- 在实际项目中完成至少5个API的交互调用
第104天:Hybrid APP开发实战
第二部分 使用RN开发APP
第105天:RN开发APP介绍与环境搭建
- React Native 与 React的区别
- React Native 与 传统IOS、Android开发模式比较
- React Native的环境搭建、打包、生成Android和IOS包
第106天:RN的技术点
- React Native API
- React Native 组件
- React Native 网络请求
- React-navagation导航
- Redux管理数据
- react-router路由