2020年最新web学习路线,完整课程大纲 120天高薪就业

第一阶段课程大纲

全套视频链接
课件、答疑QQ群:1103015245

第 01 天 HTML初体会

教学目标:了解什么是页面. 掌握html骨架的书写以及骨架中标签的作用. 快捷键操作. 相关字符编码. html标签和属性的书写语法

  1. HTTP 协议
  2. html 概念介绍
  3. html 骨架
  4. DTD 文档类型
  5. head 标签
  6. title标签
  7. meta标签
  8. 字符编码
  9. body 标签
  10. html 基本语法
  11. html属性语法
  12. html 注释
  13. seo和浏览器介绍

第 02 天 HTML 第一天

教学目标:了解废弃标签. 实体字符,掌握 h系列. p. img. a标签的基本使用。

  1. 非替换标签:h1~h6 p div span

  2. HTML5 的新骨架和语义化标签 :header section nav footer article aside

  3. 替换标签:img video audio

  4. 路径讲解

  5. a 标签 & 锚点

  6. 空标签

  7. 实体字符

  8. 不常用标签 & 废弃标签

第 03 天 HTML 第二天

教学目标:掌握列表的基本使用. 掌握表格的基本使用. 了解表格中的属性. 能够独立完成表格布局

  1. 无序列表
  2. 有序列表
  3. 自定义列表
  4. 列表嵌套
  5. 表格基础
  6. 表格属性
  7. 合并单元格
  8. 三个划分区域的语义标签
  9. 表格小练习

第 04 天 HTML第三天

教学目标:掌握表单控件及相关属性的使用,了解get和post提交的简单区别

  1. form 标签
  2. input标签
  3. 单行文本框
  4. 密码框
  5. 单选框
  6. 多选框
  7. 文本域
  8. 下拉菜单
  9. 图像域
  10. hidden
  11. label标签
  12. form属性的介绍
  13. input属性的介绍
  14. 表单和表格综合练习
  15. 新的 input 控件
  16. placeholder 属性的详解
  17. autofocus 属性的详解
  18. required 属性的详解
  19. multiple 属性的详解
  20. datalist 标签的详解

第 05 天 CSS 第一天

教学目标:掌握CSS的引入方式. 基础选择器. 难点高级选择器及优先级判断. 掌握a伪类实例操作. 了解CSS层叠性的各种情况

  1. css 的概念
  2. 引入css的好处
  3. 引入css的方式及区别
  4. 基础选择器
  5. 基础选择器权值
  6. 高级选择器
  7. 高级选择器优先级判断
  8. 动态伪类选择器
  9. a 标签伪类的应用实例之垂直导航栏实例
  10. css 的层叠性

第 06 天 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. letter-spacing
  11. list-style-type
  12. list-style-image
  13. list-style-position
  14. list-style
  15. border-collapse
  16. white-space
  17. text-overflow
  18. overflow
  19. 盒模型的初步认识
  20. padding 详解
  21. margin 详解
  22. border 详解
  23. 盒模型练习
  24. css 的继承性

第 07 天 CSS 第三天

  1. 盒模型的拓展知识

  2. 清除默认样式

  3. 宽度剩余法

  4. height 高度设置法

  5. margin 特性之垂直方向上的塌陷

  6. margin 特性之不能用儿子去踹父亲

  7. 父子盒模型的特性

  8. 居中的几种设置方法

  9. 认识标准文档流

  10. 标准文档流的特性

  11. 块级元素和行内元素的特性

  12. 浮动的基础知识

第 08 天 CSS 第四天

  1. 浮动的作用

  2. 浮动的特性之浮动的元素脱离标准文档流

  3. 浮动的特性之浮动的元素没有 margin 塌陷

  4. 浮动的特性之浮动的元素依次贴边

  5. 浮动的特性之浮动的元素让出标准流的位置

  6. 浮动的特性之字围效果

  7. 浮动存在的问题

  8. 清除浮动的方法之给父盒子加高度

  9. 清除浮动的方法之加 clear 属性

  10. 清除浮动的方法之加隔墙法

  11. 清除浮动的方法之 overflow 法

  12. a 标签伪类的应用实例之按钮实例

  13. a 标签伪类的应用实例之导航栏实例

  14. 色块布局案例

第 09 天 浮动布局项目

  1. 制作大鱼学院页面
  2. 项目部署
  3. css引入
  4. header区域的祥解
  5. banner区域的详解
  6. 内容区域的详解

第 10 天 CSS 第五天

  1. background-color 背景色的详解
  2. background-image 背景图的详解
  3. background-repeat 背景重复的详解
  4. backgound-size 背景大小详解
  5. background-position 背景定位的详解
  6. 精灵图介绍
  7. 精灵图的制作
  8. 精灵图的应用详解
  9. background-attachment 背景固定的详解
  10. 背景的应用之文字换图片案例
  11. 背景的应用之 padding 设置背景图案例
  12. position:relative 的详解
  13. position:relative 的负值表示法
  14. position:relative 的应用之元素位置微调
  15. position:absolute 的详解
  16. position:absolute 的特性之不针对祖先元素的定位参考点

第 11 天 CSS 第六天

  1. position:absolute 的特性之针对祖先元素的定位参考
  2. position:absolute 的特性之绝对定位的参考顶点
  3. position:absolute 的特性之利用绝对定位制作压盖效果
  4. position:absolute 的特性之绝对定位的元素设置水平居中
  5. position:absolute 的实例之滚动轮播图
  6. position:fixed 的详解
  7. z-index 属性的详解
  8. 常用 CSS 单位
  9. html hack 的详解
  10. css 值 hack 的详解
  11. css 选择器 hack 的详解
  12. IE6 的兼容性问题

第 12~13 天 中期项目综合实战

  1. 制作博雅互动页面
  2. 项目部署
  3. css 引入
  4. header 区域的详解
  5. banner 区域的详解
  6. 内容区域的详解

第 14 天 CSS 3 第一天

  1. 伪类的应用
  2. 伪元素的应用
  3. border-radius 属性的详解
  4. box-shadow 属性的详解
  5. text-shadow 属性的详解
  6. background-origin 属性的详解
  7. background-clip 属性的详解
  8. background-size 属性的详解
  9. 渐变背景的详解
  10. 多背景的详解

第 15 天 CSS 3 第二天

  1. 2D 变形的详解
  2. 3D变形的详解
  3. 过渡的基础知识
  4. 3D变形与过渡案例
  5. animation 属性的详解
  6. @keyframes 规则的详解
  7. animation 属性制作动画的实例
  8. 动画案例
  9. 轮播图实现

第 16 天 布局模型与弹性盒

  1. box-sizing 属性的详解
  2. 百分比布局的详解
  3. 固比固模型的详解
  4. 圣杯布局
  5. 双飞翼布局
  6. flex 布局介绍
  7. flex盒模型属性的介绍
  8. flex子元素属性介绍
  9. flex小案例

第 17 天 弹性盒布局项目

第 18 天 响应式与Bootstrap

  1. rem. vm等单位介绍

  2. 媒体查询的详解

  3. 响应式布局详解

  4. Bootstrap 使用步骤

  5. Bootstrap 栅格系统的详解

  6. Bootstrap 的排版之标题

  7. Bootstrap 的排版之对齐类

  8. Bootstrap 的排版之强调类

  9. Bootstrap 的表格使用

  10. Bootstrap 的按钮使用

  11. Bootstrap 的字体图标使用

  12. Bootstrap 的导航使用

第19天 响应式布局项目实战

第20~21天 项目案例

经过19天的学习,利用所学知识,做一套完整的PC端网页和移动端网页

  1. 制作移动端项目的页面
  2. 项目部署
  3. css 引入
  4. 搜索框的详解
  5. banner 区域的详解
  6. 主导航的详解
  7. 内容区域的详解

第二阶段课程大纲

第22天 JavaScript基础第一天

  1. javascript简介
  2. javascript的书写位置
  3. alert语句
  4. console.log语句
  5. 数字字面量
  6. 字符串字面量
  7. 变量的声明
  8. 变量的赋值
  9. 变量的声明与提升
  10. 数据类型的检测方法
  11. 数据类型的转换方法

第23天 JavaScript基础第二天

  1. 数学运算符
  2. Math.random()方法的详解
  3. Math.pow()方法详解
  4. Math.sqrt()方法详解
  5. 比较运算符
  6. 逻辑运算符
  7. 短路语法
  8. 赋值运算符
  9. 综合运算符的顺序
  10. if语句的详解
  11. 多分支的if语句的详解

第24天 JavaScript基础第三天

  1. 三元运算符的详解
  2. switch语句的详解
  3. break关键字的详解
  4. default关键字的详解
  5. switch语句的另类写法
  6. for循环语句的讲解
  7. for循环语句的实例
  8. for循环语句嵌套if语句的详解
  9. for语句嵌套for语句的讲解
  10. for语句嵌套for语句的实例

第25天 JavaScript基础第四天

  1. do while 语句的详解
  2. while 语句的详解
  3. break 用法的详解
  4. continue 用法的详解
  5. 穷举思想的详解
  6. 穷举思想的应用实例
  7. 函数语句的声明
  8. 函数语句的调用
  9. 函数的参数详解
  10. 函数的返回值的详解

第26天 JavaScript基础第五天

  1. 函数表达式
  2. 函数的数据类型
  3. 函数声明的提升
  4. 递归函数的详解
  5. 变量的作用域
  6. 局部变量和全局变量的详解
  7. 作用域链的详解
  8. 函数的作用域
  9. 闭包的详解
  10. 闭包的实例

第27天 JavaScript基础第六天

  1. 数组的基础知识
  2. 数组的首尾操作方法
  3. 数组的合并和拆分方法
  4. 数组的删除、插入、替换的方法
  5. 数组的排序方法
  6. 数组转为字符串的方法
  7. charAt方法的详解
  8. concat方法的详解
  9. indexOf方法的详解
  10. slice方法的详解
  11. split方法的详解
  12. substr方法的详解
  13. substring方法的详解
  14. toLowerCase方法的详解
  15. toUpperCase方法的详解
  16. 正则表达式的概念
  17. 正则表达式的精确匹配
  18. 正则表达式的预定义特殊字符
  19. 正则表达式的字符集
  20. 正则表达式的修饰符
  21. 正则表达式的边界
  22. 正则表达式的预定义类
  23. 正则表达式的量词
  24. 正则表达式的分组
  25. 正则表达式的或操作符
  26. 正则表达式分组的反向引用
  27. 正则表达式的中文

第28天 JavaScript基础第七天

  1. arguments的详解
  2. 模拟函数重载
  3. IIFE的详解
  4. 结合数组观察闭包
  5. DOM的基础知识
  6. 操作html的方法
  7. 操作css的方法
  8. DOM中事件的几种方法
  9. onmouseenter方法的使用
  10. onmouseout方法的使用
  11. window.onload方法的使用

第29天 JavaScript基础第八天

  1. getElementsByTagName方法的详解
  2. 批量添加事件监听的方法
  3. 对应思想的实例
  4. 拍他思想的实例
  5. getComputedStyle方法的详解
  6. currentStyle方法的详解
  7. 对象基础知识
  8. JSON的基础知识
  9. JSON的遍历方法
  10. setInterVal方法的详解
  11. clearInterval方法的详解

第30天 jQuery第一天

  1. jQuery简介
  2. 使用方式
  3. $与jQuery函数
  4. 选择器
  5. jQuery对象与js对象的相互转换
  6. 常用方法
  7. jQuery的批量操作和首项获取
  8. eq和index方法实现对应思想
  9. 连续打点调用
  10. 呼吸轮播图
  11. 拖拽轮播图(猫腻图法和三位置法)
  12. 手风琴效果
  13. 篮球积分系统

第31天 jQuery第二天

  1. each方法
  2. animate动画详解
  3. 动画的执行顺序
  4. 异步和同步
  5. 回调函数
  6. stop
  7. 防止动画积累
  8. 呼吸轮播图变种
  9. 异型滚动轮播图
  10. 火车法滚动轮播图
  11. 间歇模型
  12. 碎片轮播图
  13. css3D碎片轮播图
  14. jQuery插件highcharts

第32天 JavaScript进阶第一天

  1. 概述
  2. DOM深入
  3. DOM组成
  4. 节点的类型
  5. childNodes属性
  6. 造轮子统一浏览器表现
  7. 节点关系
  8. 创建节点和上树
  9. 移动节点
  10. 删除节点
  11. 替换节点
  12. 克隆节点
  13. 实现animate函数
  14. call与apply方法

第33天 JavaScript进阶第二天

  1. DOM0级事件监听方法
  2. 事件流
  3. DOM2级事件监听
  4. 低版本IE添加事件
  5. DOM0和DOM2级之间的区别
  6. 事件的移除
  7. 事件绑定小轮子
  8. 事件对象及兼容处理
  9. 事件对象的通用属性
  10. 拖拽与限制拖拽

第34天 JavaScript进阶第三天

  1. 事件冒泡
  2. 冒泡的阻止
  3. 事件委派
  4. 阻止默认行为
  5. 原生js的元素位置和尺寸
  6. clientWidth、clientHeight、OffsetWidth、OffsetHeight
  7. offsetParent
  8. onscroll 事件
  9. clientTop、clientLeft、offsetTop、offsetLeft、scrollLeft、scrollTop
  10. 在页面中的净位置小轮子

第35天 JavaScript进阶第四天

  1. 淘宝放大镜案例一
  2. 淘宝放大镜案例二
  3. 函数节流
  4. 鼠标滚轮事件
  5. onmousewheel
  6. 火狐中的滚轮事件
  7. 滚轮的滚动方向与速度
  8. 区别
  9. 滚动轮播图
  10. 键盘事件
  11. tabIndex属性
  12. 小钢琴
  13. 面向对象
  14. 修改面向过程为面向对象

第36天 JavaScript进阶第五天

  1. 构造函数
  2. new的四个步骤
  3. return值对构造函数的影响
  4. 气球类
  5. 打气球游戏
  6. 原型推导
  7. 构造函数、原型、实例三者之间的关系
  8. 原型与原型链
  9. 对象中属性和方法查找规则
  10. instanceof关键字
  11. hasOwnProperty方法

第37天 JavaScript进阶第六天

  1. 安全类
  2. 继承
  3. 类式继承
  4. 原型继承的缺点
  5. 构造函数继承
  6. 组合继承
  7. 寄生式继承
  8. 寄生组合式继承
  9. 内置构造函数
  10. 内置构造函数之间的关系

第38天 JavaScript进阶第五天

  1. 游戏分析
  2. 贪吃蛇游戏
  3. 游戏类
  4. 蛇类
  5. 食物类
  6. 障碍物类
  7. 地图类

第39天 移动端

  1. touchstart事件
  2. touchmove事件
  3. touchend 事件
  4. touchcancel事件
  5. 事件对象
  6. 手指滑动轮播图
  7. webkit-transitionend事件
  8. webkit-animationstart事件
  9. animationend事件
  10. zepto介绍
  11. 百度地图API

第40天 HTML5

  1. 本地存储
  2. 绘画存储
  3. 评测系统案例
  4. 服务器
  5. http协议
  6. 多线程一
  7. 多线程二
  8. websql
  9. 事件推送
  10. history、pushState、popState、replaceState、onpopState
  11. 拖拽事件
  12. 拖拽删除案例
  13. 音频
  14. 视频

第41天 Canvas

  1. canvas 简介
  2. 坐标系的概念
  3. 路径的概念
  4. 常用 API
  5. 绘制图片一
  6. 绘制图片二
  7. 绘制图片三
  8. 平移坐标系
  9. 旋转坐标系
  10. 星星
  11. 多个星星
  12. 星星连线
  13. 保存+恢复状态
  14. 绘制时钟
  15. 操作像素
  16. 融合属性

第42天 FlappyBird游戏

  1. 布局和分析
  2. 背景类
  3. 管子类
  4. 绘制管子
  5. 管子移动
  6. 鸟类
  7. 渲染鸟
  8. 鸟的升降旋转
  9. 碰撞检测

第43天 设计模式第一天

  1. 设计模式简介
  2. 设计模式分类
  3. 简单工厂模式
  4. 寄生增强工厂
  5. 工厂方法
  6. 原型、继承
  7. 安全类
  8. 闭包类
  9. 惰性单利
  10. 静态变量
  11. 命名空间函数

第44天 设计模式第二天

  1. 命名空间函数提取数据
  2. 观察者模式
  3. 微博
  4. DOM2级观察者模式
  5. 观察者模式的注销事件
  6. 观察者模式实现
  7. 单次注册消息once方法实现
  8. jQuery中的策略模式
  9. 表单正则策略
  10. 委托模式一 减少事件数量
  11. 委托模式二 预言未来元素
  12. 委托模式三 防止内存泄漏

第45天 设计模式第三天

  1. 节流器模式为什么要存在——京东导航
  2. 节流器模式的实现(使用和停止)
  3. 最终节流器
  4. jQuery 中的迭代器
  5. underscore 中的迭代器
  6. ES5 中的迭代器
  7. 自己的迭代器
  8. 小型代码库
  9. 适配器模式
  10. 组合模式
  11. jQuery 实现-工厂模式
  12. jQuery 实现-拓展类
  13. jQuery-链模式
  14. 命令的定义
  15. 命令的调用

第三阶段大纲

第46天 ECMAScript 5

  1. ES5
  2. JSON对象
  3. 数组方法
  4. 判断数组
  5. indexOf方法和lastIndexOf方法 讲解并实现
  6. forEach方法 讲解并实现
  7. map方法 讲解并实现
  8. fill方法 讲解并实现
  9. some方法 讲解并实现
  10. every方法 讲解并实现
  11. filter方法 讲解并实现
  12. reduce方法 讲解并实现 reduceRight方法
  13. addNum方法 讲解并实现
  14. 复习call和apply
  15. bind方法的讲解并实现
  16. 日期拓展

第47天 ECMAScript 5

  1. 严格模式
  2. 全局严格模式
  3. 局部严格模式
  4. 8进制
  5. arguments.callee
  6. delete关键字
  7. 关键字. 保留字. 特殊变量
  8. eval
  9. with
  10. 同名属性
  11. 函数参数
  12. 特殊字符串
  13. 对象特性
  14. 对象的原型拓展
  15. 密封对象 seal
  16. 冻结对象 freeze
  17. 对象的创建create

第48天 Gulp与Webpack工程化

  1. 体验gulp
  2. Task任务
  3. 读写文件
  4. 监听文件
  5. Globs语法
  6. 重命名插件
  7. 压缩js插件
  8. 压缩css插件
  9. 压缩html插件
  10. 压缩图片插件
  11. 语法检测
  12. Webpack
  13. 入口配置. 出口配置. 加载机
  14. Webpack-dev-server

第49-50天 sass、less、stylus

  1. 工程化编译
  2. 变量
  3. 属性嵌套
  4. 混合
  5. 混合传参
  6. 方法

第51天 移动端项目实战

  1. 制作移动端项目页面
  2. 项目部署
  3. 搜索框详解
  4. 导航栏详解
  5. 轮播图
  6. 内容区域详解

第52天 ECMAScript 6

  1. ES6介绍
  2. Let关键字
  3. 常量
  4. 多行字符串
  5. 原始字符换
  6. raw方法实现
  7. 重复字符串. 字符串位置
  8. 数学对象拓展
  9. 对象拓展
  10. From方法
  11. of方法
  12. find和findeIndex方法
  13. 数组迭代器接口
  14. 编译ES6

第53天 ECMAScript 6

  1. 对象解构
  2. 数组解构
  3. 函数拓展
  4. 默认参数
  5. 获取剩余参数
  6. 三个点语法
  7. 箭头函数
  8. Symbol类型
  9. 代理
  10. Reflect
  11. 聚合数据对象
  12. Promise
  13. 实现Promise

第54天 ECMAScript 6

  1. Promise应用
  2. all. race方法
  3. resolve. reject方法
  4. Symbol.iterator 迭代器接口
  5. 迭代器的实现
  6. Generator函数
  7. 数据传递
  8. return. throw使用
  9. yield *语法. 三个点语法
  10. co模块实现
  11. async与await介绍与应用
  12. 异步操作执行顺序

第55天 TS与模块化

  1. TS介绍
  2. 数据类型
  3. 类型级联. 枚举类型
  4. 函数. 泛型
  5. 继承. 模块
  6. 接口
  7. requirejs简介
  8. 体验requirejs
  9. requirejs定义模块
  10. 模块对象
  11. 使用具有id的模块
  12. 模块覆盖
  13. 接口暴露
  14. 配置
  15. Css插件

第56天 AJAX

  1. 服务器概念介绍
  2. 如何访问服务器—URL
  3. HTTP协议
  4. URL访问流程
  5. NodeJS简介
  6. NodeJS特点
  7. NodeJS模块化
  8. node_modules目录
  9. HTTP模块
  10. FS模块
  11. 删除非空目录
  12. PATH模块. URL模块. QueryString模块

第57天 AJAX

  1. 静态服务器
  2. MIMEType
  3. 接口
  4. Node处理GET接口
  5. Node处理POST接口
  6. AJAX简介
  7. AJAX四步
  8. AJAX发送GET请求
  9. AJAX发送POST请求
  10. jQuery中的AJAX

第58天 AJAX

  1. AJAX封装
  2. JSON字符串转为对象的三种方式
  3. 表单序列化
  4. 转码与解码
  5. 登录和注册
  6. 瀑布流简介
  7. 瀑布流布局一
  8. 文字上树的三种方式
  9. 封装格式化函数
  10. 如何将ajax请求回来的数据放入界面上

第59天 AJAX

  1. 花瓣网布局
  2. 花瓣网数据抓取
  3. 花瓣网布局样式.
  4. 花瓣网最终渲染
  5. AJAX分页
  6. AJAX分页数据抓取
  7. 懒加载
  8. 本地存储优化AJAX分页
  9. FormData构造函数
  10. 图片预览的方式
  11. 基于HTTP协议的匿名聊天室

第60天 AJAX

  1. 跨域演示

  2. 域和同源策略

  3. JSONP跨域

  4. JSONP轮子

  5. jQuery中的JSONP

  6. 服务器允许跨域设置

  7. HTTPS协议

  8. cookie. session. token理论介绍

第61天 框架设计

  1. MVC介绍
  2. M层的实现
  3. V层的实现
  4. C层的实现
  5. MVC暴露内容
  6. 模块划分
  7. 创建视图的步骤
  8. Header模块一
  9. Header模块二
  10. Header模块三

第62天 框架设计

  1. Carousel模块一
  2. Carousel模块二
  3. Carousel模块三
  4. Portfolio模块一
  5. Portfolio模块二
  6. Portfolio模块三
  7. MVVM模式
  8. 数据绑定实现
  9. NPM介绍

第63天 NodeJS

  1. Express简介
  2. Express静态化文件夹
  3. Express路由
  4. Express处理post请求
  5. Cookie的介绍及使用
  6. Session的介绍及使用
  7. Token的介绍及使用
  8. EJS模板
  9. 文件上传
  10. 多文件上传
  11. MongoDB安装
  12. 数据库的开启与连接

第64天 NodeJS

  1. MongoDB常用命令一
  2. MongoDB常用命令二
  3. NodeJS连接MongoDB
  4. 封装数据库命令
  5. 项目介绍
  6. 主页布局
  7. 注册页面布局
  8. 检测用户名
  9. 注册逻辑一
  10. 注册逻辑二

第65天 NodeJS

  1. 登录逻辑

  2. 主页nav模块

  3. 管理页面

  4. 创建相册功能

  5. 展示相册功能

  6. 修改相册状态

  7. 删除相册功能

  8. 个人相册页面

  9. 上传功能

第66天 NodeJS

  1. 模块之间相互通信
  2. 个人相册渲染完毕
  3. 上传图片功能
  4. 我的相册逻辑
  5. 全部相册逻辑
  6. 权限操作分析
  7. 权限用户图片列表展示
  8. 修改用户状态

第67天 NodeJS

  1. 上传用户头像功能
  2. 退出功能
  3. 头像裁剪布局
  4. GM模块简单实用
  5. 头像裁剪功能
  6. WebSocket介绍
  7. 聊天室功能介绍
  8. Socket.io模块简介
  9. Socket.io模块测试
  10. Socket.io模块聊天室(布局)
  11. Socket.io模块聊天室(功能一 实时聊天)
  12. Socket.io模块聊天室(功能二 用户进入之后显示欢迎)
  13. Socket.io模块聊天室(功能三 用户离开之后显示欢送)
  14. Socket.io模块聊天室(功能四 发送表情)

第68天 微信开发

  1. 微信小程序简介. 注册账号与目录结构
  2. 测试工具
  3. 全局配置与项目配置
  4. 应用构造器,页面构造器,应用程序生命周期
  5. 页面生命周期,常见事件,常见全局方法
  6. 渲染原理,数据驱动,数据绑定与插值
  7. 修改数据与数据丢失
  8. wxml与html,通用属性
  9. 绑定事件,事件对象
  10. View与Text组件
  11. 富文本组件
  12. Icon组件与图片组件
  13. canvas组件
  14. 地图组件
  15. 多媒体组件(视频组件,相机组件,直播与录播组件)

第69天 微信开发

  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. 路由导航组件 码

第70天 微信开发

  1. 明信片项目
  2. 路由切换
  3. 本地存储
  4. 城市切换-历史访问城市
  5. 自定义组件
  6. Slot组件
  7. 组件间通信
  8. 指南针
  9. 打卡小程序
  10. 其它API
  11. request,downloadFile,uploadFile,chooseImage getWeRunData
  12. getLocation chooseLocation openLocation requestPayment

第71天 微信开发

  1. 项目配置
  2. 首页头部,购物车,网络请求
  3. 商品详情样式和布局
  4. 首页交互逻辑
  5. 更新商品数量
  6. 订单页面
  7. 获取订单信息
  8. 订单消息页面
  9. 个人页面
  10. 打卡工具
  11. 上线小程序

第四阶段 框架课课程大纲

第一部分Vue

第72天 Vue

  1. vue简介
  2. 体验vue
  3. 数据绑定的实现原理
  4. webpack编译
  5. 数据丢失
  6. 插值表达式
  7. 属性绑定
  8. v-text与v-html
  9. v-once指令
  10. 自定义过滤器
  11. 计算属性数据

第73天 Vue

  1. 数据双向绑定
  2. 避免插值闪烁
  3. 修饰符
  4. 单选框的数据双向绑定
  5. 多选框的数据双向绑定
  6. 下拉框的数据双向绑定
  7. 监听数据变化
  8. 状态过渡
  9. DOM事件
  10. 鼠标修饰符. 系统修饰符与键盘修饰符
  11. 类的三种绑定方式
  12. 样式的三种绑定方式
  13. 条件模板指令
  14. 显隐指令
  15. 循环模板指令
  16. 模板组件

第74天 Vue

  1. 支付宝登录页面
  2. 支付宝登录交互
  3. 过渡
  4. 多元素过渡
  5. 列表过渡
  6. 自定义指令
  7. 表单校验指令

第75天 vue

  1. 组件
  2. 动态组件
  3. 组件生命周期
  4. ref属性
  5. 插槽组件
  6. 插槽作用域
  7. 父组件向子组件通信
  8. 属性校验
  9. 自定义事件
  10. 子组件向父组件通信-模拟自定义事件
  11. 子组件向父组件通信-传递方法
  12. 兄弟组件间通信
  13. v-model指令的实现

第76天 Vue

  1. Vuex–架构模式
  2. Vuex–同步消息
  3. Vuex–异步消息
  4. Vuex–计算属性数据
  5. Vuex–模块切割
  6. Vuex–严格模式
  7. Vuex–监听同步消息
  8. Vuex–监听异步消息
  9. Vuex–自定义插件
  10. Vuex–代理模型数据
  11. Vuex–mapState等组件绑定方法
  12. Vuex–组件监听

第77天 Vue

  1. Router-前端路由实现原理
  2. Router-使用路由
  3. Router-路由数据与路由传参
  4. Router-默认路由与路由从定向
  5. Router-父路由与子路由
  6. Router-路由导航
  7. 路由命名
  8. Router-路由监听滚动条
  9. Router-路由策略
  10. Router-路由过渡
  11. Router-路由守卫
  12. axios–axios与异步请求

第78天 Vue

  1. webpack–跨域请求代理
  2. .vue–单文件组件
  3. .vue–css预编译与scoped
  4. .vue–热重载
  5. .vue–CSS打包
  6. .vue–函数式组件
  7. .vue–异步组件
  8. .vue–拆分应用程序组件
  9. .vue–组件的混合继承
  10. .vue–vue自定义插件
  11. vue-quill-editor–富文本编辑器

第79天 Vue

  1. mint-ui–配置mint-ui
  2. mint-ui–CSS组件
  3. mint-ui–Form组件
  4. mint-ui–Javascript组件
  5. element-ui–配置element-ui
  6. element-ui–基础组件
  7. element-ui–表单组件
  8. element-ui–表单验证
  9. element-ui–数据组件
  10. element-ui–提醒组件
  11. element-ui–导航组件
  12. element-ui–其他组件

第80天 Vue

  1. vue-cli–安装与使用
  2. vue-cli–vue-cli配置
  3. TypeScript的支持
  4. 类组件与装饰器
  5. 单元测试–使用单元测试
  6. 单元测试–测试组件
  7. 单元测试–测试mutation
  8. 单元测试–测试action
  9. 单元测试–测试getters

第81天 Vue

  1. webpack–配置并实现vue-cli
  2. webpack–资源发布与性能优化
  3. SSR–服务器端渲染
  4. SSR-搭建服务器
  5. SSR-渲染vue组件
  6. SSR-npm配置优化
  7. SSR-前端与服务器端同步渲染
  8. SSR-服务器点插值
  9. SSR-渲染数据
  10. SSR-渲染数据
  11. SSR-使用路由
  12. server–服务器模块化架构

第82天 Vue

  1. 项目实战–需求文档分析
  2. 项目实战–服务器端–创建服务器
  3. 项目实战–移动端–配置vue-cli
  4. 项目实战–移动端–安装Router,Vuex与axios
  5. 项目实战–移动端–Header组件
  6. 项目实战–移动端–同步数据
  7. 项目实战–移动端–异步数据
  8. 项目实战–移动端–接口文档
  9. 项目实战–移动端–跨域请求代理
  10. 项目实战–移动端–Mock数据
  11. 项目实战–移动端–广告模块
  12. 项目实战–移动端–商品组件
  13. 项目实战–移动端–Search组件

第83天 Vue

  1. 项目实战–移动端–列表页组件
  2. 项目实战–移动端–列表页组件交互
  3. 项目实战–移动端–详情页组件
  4. 项目实战–移动端–购物车组件
  5. 项目实战–移动端–商品加入购物车
  6. 项目实战–移动端–购买页面
  7. 项目实战–后台管理系统–配置后台管理系统项目

第84天 Vue

  1. 项目实战–后台管理系统–配置路由,store和axios
  2. 项目实战–后台管理系统–Element UI Menu组件
  3. 项目实战–后台管理系统–异步action登录检测
  4. 项目实战–后台管理系统–登录页面
  5. 项目实战–后台管理系统–修改管理员信息页面
  6. 项目实战–后台管理系统–创建商品组件

第85天 Vue

  1. 项目实战–后台管理系统–商品列表页面
  2. 项目实战–后台管理系统–编辑商品页面
  3. 项目实战–服务器端–服务器端架构模式
  4. 项目实战–服务器端–服务器端配置
  5. 项目实战–服务器端–HTTP协议与HTTPS协议
  6. 项目实战–服务器端–封装数据库
  7. 项目实战–服务器端–数据库导入数据
  8. 项目实战–服务器端–登录接口
  9. 项目实战–服务器端–查询登录信息接口
  10. 项目实战–服务器端–退出接口
  11. 项目实战–服务器端–修改管理员信息接口

第86天 Vue

  1. 项目实战–服务器端–上传图片接口
  2. 项目实战–服务器端–创建商品接口
  3. 项目实战–服务器端–商品列表接口
  4. 项目实战–服务器端–删除商品接口
  5. 项目实战–服务器端–商品详情接口
  6. 项目实战–服务器端–更新商品接口
  7. 项目实战–服务器端–服务器端–移动端首页接口
  8. 项目实战–服务器端–移动端商品列表接口
  9. 项目实战–服务器端–移动端详情页接口
  10. 项目实战–服务器端–移动端搜索接口
  11. 项目实战–服务器端–移动端排序接口
  12. 项目实战–作业部署

第二部分 React

第87天 React

  1. 浏览器原理

  2. 高性能网站与性能优化

  3. 虚拟DOM与性能优化

  4. 使用组件

  5. jsx语法

  6. 插值语法

  7. jsx语法与注释

  8. 虚拟DOM四类属性

  9. 非元素属性

第88天 React

  1. 组件属性
  2. 属性校验
  3. DOM事件
  4. 组件状态
  5. 函数组件
  6. 网站换肤与异步请求
  7. 父组件向子组件通信
  8. 子组件向父组件通信
  9. 兄弟组件间通信
  10. context上下文对象

第89天 React

  1. 组件创建期
  2. 组件存在期
  3. context与组件生命周期
  4. 组件销毁期
  5. 使用非React类库
  6. 使用侵入式类库
  7. ref与createRef
  8. 非约束性组件
  9. 约束性组件
  10. 单选下拉框的约束性
  11. 多选下拉框的约束性

第90天 React

  1. 项目实战–搭建项目
  2. 项目实战–Header组件
  3. 项目实战–首页banner
  4. 项目实战–首页列表
  5. 项目实战–拆分组件
  6. 项目实战–组件混合继承
  7. 项目实战–抽象组件

第91天 React

  1. diff算法
  2. PureComponent组件
  3. memo组件
  4. cloneElement与Fragment组件
  5. 错误边界
  6. 异步组件
  7. 高阶组件
  8. Ref转发
  9. Ref转发在高阶组件中的应用
  10. Hook函数

第92天 React

  1. 搭建服务器
  2. SSR–服务器端渲染
  3. SSR–服务器端渲染优化
  4. SSR–前后端同步渲染-前端配置
  5. SSR–前后端同步渲染-后端配置
  6. SSR–hydrate渲染
  7. Router–使用路由
  8. Router–默认路由与路由重定向
  9. Router–路由参数与高阶路由组件
  10. Router–路由导航

第93天 React

  1. Redux–flux. reflux与redux
  2. Redux–使用redux
  3. Redux–观察者模式解决组件间通信问题
  4. Redux–redux在react中的应用
  5. Redux–在路由中使用redux
  6. Redux–reducer拓展
  7. Redux–state拓展
  8. Redux–异步action

第94天 React

  1. antd-mobile–使用antd-mobile
  2. antd-mobile–导航组件
  3. antd-mobile–表单组件
  4. antd-mobile–表单校验
  5. antd-mobile–数据展示组件
  6. antd-mobile–反馈组件
  7. element-react–使用element-react
  8. element-react–表单校验

第95天 React

  1. create-react-app–使用create-react-app
  2. create-react-app–create-react-app配置
  3. create-react-app–create-react-app资源发布
  4. 单元测试–单元测试
  5. 单元测试–测试虚拟DOM
  6. ReactNative–安装ReactNative
  7. ReactNative–手机调试ReactNative项目
  8. ReactNative–安装ReactNative模拟器
  9. RN项目–三个调试工具
  10. RN项目–组件系统
  11. RN项目–组件样式

第96天 React

  1. RN项目–异步请求
  2. RN项目–使用路由
  3. RN项目–配置项目路由
  4. RN项目–Header组件
  5. RN项目–首页列表
  6. RN项目–新闻卡片组件
  7. RN项目–详情页请求
  8. RN项目–详情页面
  9. RN项目–评论页用户输入组件
  10. RN项目–提交评论

第97天 React

  1. 项目实战–需求文档分析
  2. 项目实战–服务器端–搭建服务器
  3. 项目实战–移动端–create-react-app配置
  4. 项目实战–移动端–搭建路由
  5. 项目实战–移动端–使用redux
  6. 项目实战–移动端–Header组件
  7. 项目实战–移动端–轮播图组件
  8. 项目实战–移动端–接口文档
  9. 项目实战–移动端–跨域请求代理

第98天 React

  1. 项目实战–移动端–课程卡片组件
  2. 项目实战–移动端–购物车组件
  3. 项目实战–移动端–详情页组件商品介绍
  4. 项目实战–移动端–详情页组件视频列表
  5. 项目实战–移动端–视频组件
  6. 项目实战–移动端–播放视频交互
  7. 项目实战–移动端–购买页面
  8. 项目实战–移动端–购买逻辑

第99天 React

  1. 项目实战–后台管理系统–后台管理系统配置
  2. 项目实战–后台管理系统–安装redux
  3. 项目实战–后台管理系统–登录页面
  4. 项目实战–后台管理系统–异步action
  5. 项目实战–后台管理系统–配置路由
  6. 项目实战–后台管理系统–首页组件
  7. 项目实战–后台管理系统–创建课程

第100天 React

  1. 项目实战–后台管理系统–列表页面
  2. 项目实战–后台管理系统–编辑页面
  3. 项目实战–后台管理系统–课程介绍页面
  4. 项目实战–后台管理系统–封装上传视频组件
  5. 项目实战–后台管理系统–课程视频页面
  6. 项目实战–服务器端–服务器端架构
  7. 项目实战–服务器端–HTTP协议与HTTP协议
  8. 项目实战–服务器端–数据库封装

第101天 React

  1. 项目实战–服务器端–数据库导入数据
  2. 项目实战–服务器端–登录接口
  3. 项目实战–服务器端–退出接口
  4. 项目实战–服务器端–查询用户信息接口
  5. 项目实战–服务器端–上传文件接口
  6. 项目实战–服务器端–创建课程接口
  7. 项目实战–服务器端–课程列表接口
  8. 项目实战–服务器端–删除课程接口
  9. 项目实战–服务器端–课程详情接口
  10. 项目实战–服务器端–更新课程接口
  11. 项目实战–服务器端–获取课程介绍接口
  12. 项目实战–服务器端–创建课程介绍接口
  13. 项目实战–服务器端–更新课程介绍接口
  14. 项目实战–服务器端–获取课程视频接口
  15. 项目实战–服务器端–创建课程视频接口
  16. 项目实战–服务器端–更新课程视频接口
  17. 项目实战–服务器端–移动端首页接口
  18. 项目实战–服务器端–移动端搜索接口
  19. 项目实战–服务器端–移动端详情页接口

第五阶段(扩展课程) 移动APP

第一部分:Hybrid APP开发

Hybrid APP开发背景:Bridge开发模式是什么

那么原生APP和H5都有那些交互?

微信服务号开发

第102天:Hybrid APP开发模式

  1. Bridge开发简介
  2. Bridge开发优缺点
  3. Bridge开发原理
  4. Bridge开发的dsBridge库使用

第103天:Hybrid APP开发实战案例

  1. dsBridge的封装
  2. 在实际项目中完成至少5个API的交互调用

第104天:Hybrid APP开发实战

第二部分 使用RN开发APP

第105天:RN开发APP介绍与环境搭建

  1. React Native 与 React的区别
  2. React Native 与 传统IOS、Android开发模式比较
  3. React Native的环境搭建、打包、生成Android和IOS包

第106天:RN的技术点

  1. React Native API
  2. React Native 组件
  3. React Native 网络请求
  4. React-navagation导航
  5. Redux管理数据
  6. react-router路由

第107~109天:使用RN完成实战项目开发

第六阶段 就业阶段

第110~112天:项目答辩

第113~115天:简历指导与制作

第115~120天:模拟面试

q群1103015245获得更多资料和前端答疑

你可能感兴趣的:(web,javascript,vue.js,html5,node.js)