第一阶段

  1. 1 走入JavaScript的世界(带你见识多彩的JS世界)

    • 1-初步认识JavaScript的逻辑 - 咱先聊聊江湖规矩
    • 2-JavaScript基础语法学习-亲传闯荡江湖的必会招式
    • 3-变量及函数使用
    • 4-元素获取及事件绑定
    • 5-标识符及标识符的命名规则-老王,你为啥就姓王
    • 6-关键字及保留字-啥是佩奇?佩奇是只猪
  2. 2 玩转属性操作(把元素当魔方玩)

    • 1-什么是属性 -你全身都是属性
    • 2-ECMAScript 中对属性操作的两种方法
    • 3-属性读操作和写操作
    • 4-字面量和字符串的区别
    • 5-元素常用属性:id、className、style、innerHTML、src、cssText、tagName、value -元素小朋友的自我介绍
    • 6-属性操作时的注意事项及常见问题 -来,老司机带你跳一跳
    • 7-案例:揉捏div
    • 8-案例:静态留言板实现
    • 9-console 和 alert 调试 -日常问题播报员
  3. 3 if 语句和布尔值(让选择变得更有逻辑)

    • 1-if 语句的几种写法 - 征服选择恐惧症
    • 2-数据格式之布尔值
    • 3-逻辑运算符使用
    • 4-比较运算符使用 - 来复习小学数学啦
    • 5-初步学习数组
    • 6-案例:自定义下拉菜单
    • 7-案例:京东幻灯片初实现
    • 8-案例:模拟微信对话框
  4. 4 for 循环和this指向(给你一个亿,你数得过来么)

    • 1-前置内容总结
    • 2-组成循环的四大要素 - 就是这种数钱的感觉
    • 3-for 循环执行顺序
    • 4-案例:循环生成拼图
    • 5-案例:for 套 for 用 JS 画一张九九乘法表
    • 6-函数的 this 指向
    • 7-案例:自定义复选控件
    • 8-案例:自定义单选控件
    • 9-案例:腾讯选项卡实现
    • 10-案例:完整版新浪下拉菜单控件
  5. 5 ECMAScript数据类型及类型转换(生来不是程序猿)

    • 1-ECMAScript 数据类型划分
    • 2-简单类型:number、string、boolean、null、undefined、symbol
    • 3-复杂类型:object
    • 4-传值和传址
    • 5-typeof 运算符 - 请出示你的上岗证
    • 6-NaN 和 isNaN - 简直就是双重人格
    • 7-强制转换为数字:parseInt()、parseFloat()、Number()
    • 8-强制转换为字符串:String()
    • 9-强制转换为布尔值:Boolean()
    • 10-数学运算符的运算规则及相应的隐式类型转换规则
    • 11-赋值运算符的运算规则及相应的隐式类型转换规则
    • 12-比较运算符符的运算规则及相应的隐式类型转换规则
    • 13-逻辑运算符的运算规则及相应的隐式类型转换规则
    • 14-三元运算符的运算规则
    • 15-案例:数据筛选
    • 16-案例:QQ号码验证
  6. 6 ECMAScript 流程控制 (老程序带你买西瓜)

    • 1-程序中的三种基本结构流程
    • 2-顺序结构流程
    • 3-分支结构流程:if、else if、else、switch、case、break、default
    • 4-循环结构流程:for、while、do while、continue
  7. 7 function 详解(数钱神器)

    • 1-函数声明和调用
    • 2-函数传参:形参和实参 - 和我说话请投币
    • 3-arguments 不定参 - 给你一个随便说的机会
    • 4-return 返回值 - 老板说:“我只想听结果”
    • 5-熟识 this 指向,call 和 apply
    • 6-获取计算后样式 getComputedStyle 和 currentStyle
    • 7-var 和 function 的预解析(变量提升)
    • 8-作用域、作用域链和闭包 - 城管的执法范围
    • 9-案例:百度音乐的全选操作
    • 10-案例:商品统计
  8. 8 定时器和日期对象(如果你有改变时间的能力)

    • 1-setTimeout 延迟型定时器 - 床头的小闹钟
    • 2-setInterval 间隔型定时器 - 超市门口的小喇叭
    • 3-clearTimeout 和 clearInterval
    • 4-定时器管理
    • 5-案例:来个讨厌的小广告
    • 6-案例:站长之家导航
    • 7-案例:淘宝自动播放的选项卡
    • 8-案例:自动播放的选项卡嵌套
    • 9-日期对象
    • 10-案例:电子时钟
    • 11-案例:倒计时
  9. 9 数组和字符串方法(超级常用的方法)

    • 1-字符串方法
    • 2-数组方法
    • 3-JSON 和 对象
    • 4-常用 Math 方法
    • 5-案例:员工信息排序和筛选
    • 6-案例:文字筛选和替换
    • 7-案例:打字机效果
    • 8-案例:伪 3D 图片切换
  10. 10 排序算法(发家致富小秘籍)

    • 1-冒泡算法 - 高个子往后站
    • 2-快速排序 - 分而治之
    • 3-递归 - 从前有座山,山里有个庙,庙里有个...
    • 4-数组去重的 N 种方法
    • 5-案例:无限级菜单生成和交互
  11. 11 动画专题训练(做动画小 case)

    • 1-利用CSS3 transition 实现动画
    • 2-案例:京东渐隐渐现幻灯片实现
    • 3-利用css3 animation 动画
    • 4-案例:水滴按钮
    • 5-JS 动画帧:requestAnimationFrame、cancelAnimationFrame
    • 6-动画帧兼容处理
    • 7-Tween 动画公式
    • 8-封装基于 Tween 的动画框架
    • 9-回调函数初使用
    • 10-案例:无缝滚动幻灯片
    • 11-案例:韩雪冬官网首页图片切换效果
    • 12-案例:妙味导航实现
    • 13-封装抖动函数
    • 14-案例:倒计时商品下架
    • 15-CSS3 transform 详解
    • 16-在动画框架中封装 transform 方法
    • 17-案例:时钟
    • 18-案例:3D 图片轮播效果
  12. 12 第一阶段实战《win 7 系统日历全实现》

    • 1-日期推导 - 生成日历布局
    • 2-上一月下一月无缝滚动实现
    • 3-年月日切换动画添加
    • 4-电子时钟实现

第二阶段

  1. 13 ECMAScript 6 基础(JS的新变革)

    • 1-let、const、块级作用域 - 规范路边停车位
    • 2-解构赋值 和 展开运算符
    • 3-Map 和 Set 数据结构
    • 4-箭头函数、rest 参数、参数默认值
    • 5-新增数组及字符串方法
    • 6-案例:员工信息列表操作
  2. 14 DOM(页面中的家谱)

    • 1-DOM 节点类型
    • 2-DOM 树及 DOM 关系
    • 3-DOM 中的属性操作
    • 4-DOM 节点操作:增、删、改、查
    • 5-DOM 元素尺寸及位置获取:offset…、 client…、scroll…、getBoundingClientRect
    • 6-案例:学生管理系统
    • 7-案例:动态文件夹创建
    • 8-案例:上移下移
  3. 15 BOM (玩浏览器的正确方式)

    • 1-window对象相关操作:innerWidth/innerHeight、close、open …
    • 2-location 对象相关操作:hash、href、search、reload() …
    • 3-history 对象相关操作:back()、forward()、go() …
    • 4-navigator 对象相关操作:userAgent 、appName …
    • 5-screen 对象相关操作:width 、height
    • 6-滚动条位置获取和设置
    • 7-scroll 和 resize 事件
    • 8-案例:淘宝搜索框吸顶效果
    • 9-案例:动画回到顶部效果
    • 10-案例:通过 hash 切换的招聘面板
  4. 16 Event 事件(随心所欲的折腾)

    • 1-事件监听器 和 取消事件监听
    • 2-事件流:冒泡和捕获
    • 3-Event 事件对象详解
    • 4-事件源 和 事件代理
    • 5-鼠标位置获取
    • 6-取消冒泡,mouseenter、mouseleave 和 mousemove事件
    • 7-案例:放大镜效果
    • 8-浏览器的默认行为 和 取消默认行为
    • 9-右键菜单事件 和 自定义右键菜单
    • 10-键盘事件
    • 11-案例:键盘移动操作图片轮播
    • 12-案例:只能输入数字的输入框
    • 13-拖拽思路详解
    • 14-案例:妙味经典官网弹窗实现
    • 15-鼠标滚动事件
    • 16-案例:自定义滚动条控件
    • 17-碰撞检测及框选
    • 18-案例:邮箱的批量操作及拖拽删除
  5. 17 拖放操作和 FileReader (简化上传流程杀手锏)

    • 1-元素的拖放操作
    • 2-系统文件的拖放操作
    • 3-FileReader 读取文件
    • 4-案例:系统文件拖拽显示
  6. 18 音频、视频操作(做自己专属的音乐播放器)

    • 1-audio、video 基本用法
    • 2-audio、video 的相关方法
    • 3-audio、video 的相关属性
    • 4-audio、video 的常用事件
    • 5-案例:自定义音乐播放器
  7. 19 第二阶段实战《百度云盘》

    • 1-根据数据生成三大块视图
    • 2-三大视图之间的相互交互
    • 3-新建文件夹及文件夹命名规则设置
    • 4-文件夹的批量操作,全选、单选和框选
    • 5-右键菜单添加
    • 6-删除文件夹 和 移动文件夹

第三阶段

  1. 20 node.js

    • 1-node 基础
    • 2-模块化开发
    • 3-http 协议
    • 4-Koa 框架使用
    • 5-静态路由与动态路由
    • 6-模板引擎:koa-static-cahce
  2. 21 客户端信息存储

    • 1-cookie 的操作与封装
    • 2-localStorage 和 sessionStorage
    • 3-离线存储技术使用
  3. 22 前后端数据交互及异步操作(后端数据这样玩)

    • 1-Ajax 基本步骤
    • 2-同步和异步
    • 3-post 和 get 方法的不同
    • 4-封装 Ajax 方法
    • 5-案例:登录和注册功能实现
    • 6-同源策略 和 跨域
    • 7-利用 jsonp 进行跨域请求
    • 8-案例:蘑菇街瀑布流图片加载
    • 9-ES6 Promise 对象
    • 10-ES6 Fetch 基于 Promise 的 Ajax 封装
    • 11-ES6 迭代器和生成器
    • 12-Async 函数 和 await
  4. 23 搞定移动端(手机上玩出花来)

    • 1-移动端基础事件
    • 2-TouchEvent 对象详解
    • 3-案例:移动端滑屏切换的幻灯片
    • 4-移动端的多指操作
    • 5-Math.atan2() 方位角使用
    • 6-移动端的陀螺仪操作
    • 7-案例:720度家居装修图
    • 8-案例:摇一摇功能实现
  5. 24 better-scroll(你所见的滑屏,就是这样做的)

    • 1-移动端自定义滑屏实现
    • 2-案例:手机淘宝幻灯片实现
    • 3-案例:仿 iOS 经典选择器控件
    • 4-案例:上拉加载和下拉刷新功能实现
    • 5-案例:自定义索引列表
  6. 25 地理信息获取和百度地图 API(当你有了定位能力)

    • 1-navigator.geolocation 地理获取相关操作
    • 2-百度地图API 基本使用
    • 3-案例:行走日记
  7. 26 探秘《淘宝造物节》类VR场景核心原理

    • 1-图片预加载
    • 2-配合三角函数搭建多面柱体
    • 3-3D 场景搭建
    • 4-利用 CSS3 3D 进行移动端适配
    • 5-根据 陀螺仪 进行场景切换
  8. 27 正则表达式(超严谨的火星文)

    • 1-创建正则表达式
    • 2-正则表达式常用方法
    • 3-正则表达式 - 分组(子项)
    • 4-正则表达式 - 元字符
    • 5-正则表达式 - 限定符
    • 6-正则表达式 - 边界符
    • 7-正则表达式 - 匹配范围
    • 8-案例:匹配中文
    • 9-案例:匹配QQ号码
    • 10-贪婪模式和懒惰模式
    • 11-案例:验证邮箱号码
  9. 28 面向对象(从此告别单身狗)

    • 1-面向对象编程
    • 2-工厂模式及构造函数
    • 3-prototype 原型
    • 4-对象的原型链查找规则
    • 5-包装对象是什么意思
    • 6-构造函数继承
    • 7-原型链基础
    • 8-拷贝继承,深拷贝和浅拷贝
    • 9-ES6 中的 class
    • 10-ES6 中 class 的继承 extend 和 super
    • 11-案例:封装拖拽类
    • 12-对象的自定义事件使用
    • 13-案例:封装自己的工具库
  10. 29 第三阶段实战《移动端企业网站制作》

    • 1-登录和注册功能
    • 2-上滑加载的作品列表
    • 3-无缝滑屏的幻灯片功能
    • 4-移动端弹窗实现
    • 5-作品留言及点赞功能实现

第四阶段

  1. 30 React.js

    • 1-JSX 语法规范
    • 2-类式组件 和 函数式组件
    • 3-state 和 props
    • 4-React 组件间通信
    • 5-组件的生命周期
    • 6-受控组件与非受控组件
    • 7-Key 和 refs
    • 8-案例:QQ好友列表
    • 9-npm 包管理工具
    • 10-脚手架使用:create-react-app
    • 11-组件的模块化
    • 12-案例:ToDoList
    • 13-路由:react-router 4
    • 14-案例:《CNode 实战》
  2. 31 Vue.js

    • 1-Vue 介绍与应用启动
    • 2-Vue 基础指令
    • 3-对象和数组使用事项
    • 4-案例:筛选商品
    • 5-Vue 的计算属性
    • 6-案例:百度音乐
    • 7-脚手架使用:vue-cli
    • 8-路由:vue-router
    • 9-案例:任务管理系统
  3. 32 git 版本控制工具

    • 1-git 简介与安装
    • 2-工作区、暂存区、仓库
    • 3-git 的分支管理
    • 4-git 版本控制
    • 5-git 远程仓库同步
  4. 33 javascript 面试题解析

    • 1-JavaScript 常见兼容性
    • 2-JavaScript 常见面试题
    • 3-bind 和 promise 源码解析
    • 4-函数节流 与 函数防抖
    • 5-时下热门面试题解析
  5. 34 面试与就业

    • 1-javascript 面试题解析
    • 2-JD分析及就业面试准备
    • 3-面试软实力增强
    • 4-简历编写思路分析
    • 5-面试作品准备
  6. 35 课程总结

    • 1-知识体系回顾
    • 2-项目总结回顾
    • 3-全栈知识图谱介绍
    • 4-职场经验分享

  • 1 远程班学习效果能保证吗?

    远程班的上课模式是采用讲师远程直播+视频教程配合,一起来学习,并且还有专属的班级群,并且为了保证大家在学习课程中遇到问题后如何快速解决,我们专门为每个班都配备了专属的班级助教及班主任,当然讲师也会在群里解答大家的问题的,来全方位的保证大家学习过程中遇到的问题,当然啦您也要努力的学习多敲代码多练习才好哦~~

  • 24个月的时间能够学完吗?

    我们的课程严格按照课程大纲进行,每一个知识点都详细讲解,只要平时按照讲师的课程进度去做,基本都不会有什么大问题的哦 ;

  • 3加班错过了直播课怎么办?

    开课后每周三节课,都是在八点以后直播,充分考虑到在职学员的下班时间,错过直播我们有回放视频,回放视频不限时观看,只要你想学习,随时均可学习。