• 1. 了解前端，对前端有整体认识
• 2. 介绍项目流程【打包上线流程】
• 3. 编辑工具
• 4. HTML基础
• 5. markdowm的安装使用
• 6. CSS基础
• 7. 介绍浏览器 F12的使用盒子模型
• 8. 盒子模型的兼容问题
• 9. BFC
• 10. 基线对齐方式
• 11. overflow
• 12. ps的使用
• 13. 浮动
• 14. 定位
• 15. 综合实战【浮动、清除浮动、绝对定位、滤镜】
• 16. 背景background属性
• 17. 雪碧图的制作和使用
• 18. 网格布局

• 1. 设计图解析
• 2. 导航练习
• 3. banner练习
• 4. 网格布局
• 5. 结构复用
• 6. 综合练习
• 7. 网站底部收尾
• 8. 表单
• 9. CSS3动画

• 1. HTML5 标签：header、 footer、nav、article…及兼容处理
• 2. CSS3 属性
• 3. CSS3 选择器
• 4. 移动端页面设计规范及分析
• 5. 移动端视口概念
• 6. 媒体查询
• 7. rem及百分比布局
• 8. 综合实战 – QQ音乐
• 9. 弹性盒模型
• 10. 移动端综合实战案例，将之前学到的知识点综合应用
• 11. 总结及讲解面试题

• 1. 前端发展史和当下需要掌握的技术栈
• 2. 变量和变量定义 以及 JS 中的数据类型
• 3. 浏览器内核分类
• 4. NUMBER 类型详解：NaN、isNaN、Number、parseInt 及把其它类型转换为数字
• 5. STRING、BOOLEAN 类型详解：主要是数据类型转换
• 6. NULL 和 UNDEFINED 的区别
• 7. 对象数据类型详解：键值对基本操作、数组也是对象
• 8. 数据类型检测方式：typeof
• 9. 数据类型之间的区别：重点是堆（HEAP）栈（STACK）内存
• 10. 阿里的一道面试题
• 11. 不同数据类型加减运算
• 12. 判断操作语句：if、else / 三元运算符 / switch、case
• 13. 循环操作语句：for / for in / while / break / continue
• 14. FUNCTION 函数基础知识 1：初窥函数（函数最基础的知识）
• 15. 简单的 DOM 操作：元素获取和修改样式、深度理解元素也是对象类型值
• 16. 实战案例练习

• 1. FUNCTION 函数基础知识
• 2. 形参和实参、RETURN、匿名函数（自执行函数和函数表达式）、ARGUMENTS、函数堆栈运行机制、 任意数求和、箭头函数初窥
• 3. 不同数据类型比较间的转换
• 4. 数组及其常用方法：forEach、map 需要讲
• 5. JS 中的基础算法
• 6. 字符串中常用的方法
• 7. Math 数学函数中常用的方法
• 8. Date 日期中常用的方法
• 9. 实战案例练习
• 10. 获取 DOM 的常用方法
• 11. DOM 中的节点和描述节点间关系的属性：children 方法的实现
• 12. DOM 增删改的方法
• 13. DOM 自定义属性操作：ele.xxx 和 ele.setAttribute 的区别

第一部分：变量提声 & 闭包作用域 & ES6 基础

• 1. JS 中的变量提声机制（VAR 和 FUNCTION 的区别、是否带 VAR 的区别...）
• 2. 变量赋值、函数创建和执行中的堆栈内存处理
• 3. 私有变量和全局变量
• 4. 作用域链机制（如何查找上级作用域）
• 5. 闭包运行机制（堆栈内存释放问题）
• 6. 闭包的应用：保存（剖析 JQ 部分源码）和 保护（重做选项卡案例和实现计数器）
• 7. ES6 中的 LET 和 CONST，以及和 VAR 的区别
• 8. 初窥 THIS：THIS 的两种情况
• 9. 各知识点对应的练习题讲解

第二部分：面向对象和原型/原型链

• 1. 单例设计模式及模块化开发思想
• 2. 面向对象 OOP 思想（对象、类、实例及理解 JS 就是基于 OOP 构建出来的编程语言）
• 3. 构造函数执行的机制（NEW 和普通函数执行的区别，重写 NEW 方法）
• 4. instanceof / hasOwnProperty / 编写 hasPubProperty
• 5. 原型（prototype）和原型链（__proto__）运行的机制
• 6. 原型重定向的处理和原型链中的 THIS 指向
• 7. 基于内置类原型上扩展方法和链式写法
• 8. 各知识点对应的练习题讲解

• 1. 函数的三种角色
• 2. CALL / APPLY / BIND
• 3. ES6 的基础语法
• 4. 综合案例：商城排序
• 5. JAVASCRIPT 专题汇总
• 6. 综合案例：购物车计算器

第一部分：正则及正则表达式的应用

• 1. 正则表达式中的元字符和修饰符组
• 2. 中括号、小分组等元字符的细节处理
• 3. 常用正则表达式编写（电话、中文姓名、邮箱、身份证号码、有效数字、密码等）
• 4. 正负向预查
• 5. 字面量和构造函数方式创建正则的区别
• 6. 正则捕获懒惰性的原理和解决方案
• 7. match 和分组捕获
• 8. 取消正则捕获的贪婪性
• 9. replace 在正则中的原理和应用
• 10. 正则案例练习

第二部分：JS 盒子模型和 JQUERY 类库

• 1. JS 盒子模型的十三个属性
• 2. 小案例：回到页面顶部
• 3. 小案例：跑马灯案例
• 4. 图片延迟加载（单张和多张）
• 5. jQuery 基础概括和常用的 API「以案例来带动基础知识讲解」

第三部分：瀑布流案例 「JQ 和 JS 各一版」

• 1. 动态数据绑定和瀑布流实现的核心原理
• 2. 图片的延迟加载
• 3. 加载更多数据
• 4. 防抖和节流的处理
• 5. 单例设计模式的应用

第一部分：同异步编程 & 动画 & ES6 深入

• 1. setTimeout 和 setInterval 定时器的基础操作
• 2. JS 中的同异步编程
• 3. ES6 中 Promise 的基础知识
• 4. 前端开发中的动画处理

第二部分：轮播图案例开发

• 1. 左右运动版轮播图（无缝衔接的实现）
• 2. 渐隐渐现版轮播图
• 3. SWIPER 插件的应用

第三部分：事件 & 事件委托

• 1. 事件及浏览器常用事件行为汇总
• 2. DOM0 和 DOM2 事件绑定的区别（JQ 中事件的处理机制）
• 3. 事件对象（鼠标键盘事件对象）
• 4. 阻止事件的默认行为
• 5. 事件的传播机制

第一部分：事件深入 & 事件委托 & 设计模式

• 1. 事件委托及实战应用
• 2. 案例：JS 中拖拽的处理
• 3. 移动端的事件处理：touch 和 gesture 事件模型
• 4. 发布订阅设计模式

第二部分：移动端 WEB-APP 开发

• 1. APP 发展史和 Hybrid 混合开发
• 2. 响应式布局开发
• 3. CSS 预编译器：LESS
• 4. 移动端兼容问题处理
• 5. 综合案例开发：知乎日报 APP

第一部分：客户端和服务器端的交互处理和性能优化

• 1. URL 地址解析
• 2. TCP 连接的三次握手和四次挥手简单讲解
• 3. 发送 HTTP 请求
• 4. 服务器接收到请求并处理

第二部分：AJAX、FETCH 和 PROMISE 深入研究

• 1. Ajax 解决浏览器异步刷新问题
• 2. Ajax 的基础操作和细节知识
• 3. 小案例：京东倒计时抢购
• 4. Promise 的深入研究
• 5. Axios 的基本应用和二次封装
• 6. Fetch 的基本应用和二次封装

第三部分：跨域解决方案

• 1. JSONP 跨域和底层原理（完成百度模糊搜索匹配案例）
• 2. CORS 跨域解决方案
• 3. webpack 中的 Proxy 代理
• 4. ngnix 反向代理和 scoket.io
• 5. 选讲 postMessage、window.name、location.hash、document.domain

第四部分：企业级项目实战 CRM 客户管理系统

• 1. 本地存储和服务器存储
• 2. 基于 promise 管理 ajax 的串行和并行
• 3. 登录模型：md5 加密、cookie 和 session 的处理机制
• 4. 基于 iframe 构建 SPA 单页应用
• 5. 权限校验
• 6. 员工或者客户信息的增删改查
• 7. 分页功能的实现
• 8. 学会查找 BUG 和掌握控制台的应用

第一部分：NODE 全栈开发

• 1. 复习巩固 npm/yarn/npx 的常规操作（开发生产依赖、环境变量、可执行脚本命令）
• 2. Node 的安装和特点介绍
• 3. Node 中 CommonJS 模块管理机制
• 4. Node 中的内置模块
• 5. Express 框架的基础应用
• 6. 基于 Express 构建 CRM 客户管理系统后台

第二部分：webpack 从基础知识到性能优化

• 1. webpack 的安装和基础使用
• 2. webpack-dev-server（proxy 代理）
• 3. html-webpack-plugin
• 4. css 样式的处理的加载器
• 5. mini-css-extract-plugin 抽离 CSS 内容（优化项：CSS/JS 压缩）
• 6. 基于 babel 实现 ES6 的转换和 ESLint 语法检测
• 7. webpack 中图片的处理和分目录分发
• 8. webpack 多入口多出口配置

第三部分：GIT 团队协作开发

• 1. GIT 的基础操作原理复习
• 2. Linux 常用的操作命令
• 3. 查看历史记录、不同区代码对比和代码回滚
• 4. GIT 团队协作开发

Vue2.0 基础知识

• 1. 框架的发展以及公司最流行的开发方式
• 2. VUE 开发优势和原生 JS 以及 JQ 的区别
• 3. MVC 和 MVVM 框架开发及区别
• 4. VUE 开发小案例从而认识 VUE
• 5. VUE 双向数据绑定原理
• 6. 手动模拟实现 v-model
• 7. VUE 的指令讲解
• 8. VUE 的事件及事件修饰符
• 9. 实现 TodoList 小案例「数据采用本地存储，实现增删改查」
• 10. 实现购物车案例
• 11. Computed 和 Watch 深入讲解
• 12. VUE 的生命周期
• 13. VUE 实例上的常用属性
• 14. VUE 中 Template 属性
• 15. VUE 全局组件、局部组件
• 16. JSX 的 render 函数及虚拟 DOM

Vue2.0 进阶内容和生态圈

• 1. 组件嵌套和递归组件
• 2. 组件之间数据传递（父传子、子传父、兄弟组件）
• 3. VUE 中的 props 验证
• 4. VUE 中的 EventBus 事件总线
• 5. VUE 数据传递（Provider、inject、children 、$refs 、$attrs）
• 6. VUEX 数据传递（state、getters、mutations、actions，modules）
• 7. VUEX 源码封装
• 8. VUE 中路由基础
• 9. TodoList 案例「带 Vuex 和 Vue-Router」
• 10. VUE 中$router 和$route
• 11. 命名路由及动态路由
• 12. 编程式导航及路由传参
• 13. 导航守位（全局守卫、路由守卫、组件守卫）
• 14. VueRouter 源码实现
• 15. HASH 哈希、Broswer 路由原理
• 16. Keep-Alive 组件缓存
• 17. 插槽 slot（具名插槽、作用域插槽）
• 18. Transition 动画及 transition-group 动画
• 19. VUE 性能优化

第一部分：Vue2.0实战开发

• 1. ElementUI 学习使用
• 2. Echarts 框架应用
• 3. 移动端知乎日报「含首页和详情页」
• 4. CRM 后台管理系统「登录、权限校验、员工管理、客户管理......」

第二部分：Vue3.0基础及实战开发

• 1. Vue3 新特性的全面剖析
• 2. setup 和 N 种响应式系统 AP
• 3. Vue3 中的计算属性和监听器
• 4. 新生命周期函数及模板 refs 的使用
• 5. 自定义指令的新处理方案
• 6. 基于 Vue3 从零打造简书 WebApp

第三部分：小程序基础及实战开发

• 1. 开发工具的下载和使用
• 2. 常用的小程序全局配置
• 3. 小程序的 wxss 与 wxml 语法
• 4. 常用组件
• 5. 自定义组件及传参
• 6. 生命周期
• 7. 常用 API
• 8. 实战案例小米有品

第一部分：REACT基础知识

• 1. REACT 初步介绍
• 2. JSX 和虚拟 DOM 的处理机制
• 3. REACT 中的函数式组件
• 4. REACT 中的类组件
• 5. REACT-HOOKS
• 6. REACT 中的复合组件
• 7. 实战案例：REACT 版轮播图组件的封装

第二部分：REDUX和REACT-REDUX

• 1. REDUX/REACT-REDUX 的基础应用
• 2. 源码解读和深度剖析
• 3. ANTD 组件库的应用
• 4. 实战案例：TASK OA 任务管理系统

第一部分：REACT 中的路由和 DVA

• 1. REACT 路由的实战应用
• 2. UmiJS 框架的实战应用

第二部分：实战项目开发“小米有品 APP”

• 1. 基于脚手架从零搭建一个项目
• 2. 项目路由搭建和各大模块的组件划分及样式构建
• 3. 完成个人中心板块
• 4. 完成购物车和订单管理
• 5. 首页和产品分类页面

第一部分：综合复习和内容深化

• 1. 手撕函数防抖和节流
• 2. 手撕 call/apply/bind
• 3. EventLoop 和 微任务/宏任务
• 4. 输入 URL 到看到页面的详细步骤及优化
• 5. 浏览器渲染页面的步骤及优化
• 6. Generator 和 Async、Await 原理
• 7. 前端性能优化汇总
• 8. 常见面试题讲解和整理

第二部分：专题课

• 1. JQ 核心源码讲解
• 2. 基于 JS 封装 Animate 动画库
• 3. 轮播图插件组件封装
• 4. 封装 Dialog 插件
• 5. 封装 Promise 版 Ajax 库
• 6. 京东商城分类菜单处理
• 7. QQ 音乐案例
• 8. Webpack 优化
• 9. Vue 中的插件封装和混入
• 10. Vue 组件封装
• 11. 从零构建一套企业级后台管理模板
• 12. 大文件上传和断点续传
• ......