课程概述
目录
往期学员作业()
评论(4)
进群与老师同学交流 加群
Part 0
进阶之前
约需2.0小时完成
课前介绍
录播
【录播】 专业导师的要求
2分钟 录播
【录播】 来自工程师的建议
2分钟 习题
【习题】 签订学习准则
1道 录播
【录播】 不断迭代的Web技术
1分钟 录播
【录播】 Web的历史
10分钟 习题
【习题】 写下你的学习计划
1道 录播
【录播】 前言
2分钟 录播
【录播】 Next学位是什么？
2分钟 录播
【录播】 参加Next学位你需要准备的
1分钟 Part 1
JS 进阶
约需24.0小时完成
创建对象
录播
【录播】 我们要开发游戏
1分钟 录播
【录播】 对象和实例
1分钟 录播
【录播】 引言
2分钟 录播
【录播】 工厂模式
3分钟 习题
【习题】 创建一个工厂函数
1道 录播
【录播】 函数的方法
5分钟 习题
【习题】 还是判断程序结果
1道 录播
【录播】 函数的属性
4分钟 习题
【习题】 请按顺序填写 console 结果
1道 录播
【录播】 函数是 first class
5分钟 录播
【录播】 闭包 closure
6分钟 习题
【习题】 创建一个私有变量
1道 录播
【录播】 构造函数
8分钟 录播
【录播】 构造函数的不足之处
2分钟 习题
【习题】 构造函数的不足之处有哪些?
1道 录播
【录播】 原型 prototype
1分钟 录播
【录播】 原型详解
7分钟 录播
【录播】 原型、构造函数和实例
3分钟 录播
【录播】 共享的缺陷
5分钟 习题
【习题】 下列哪种情形有共享的问题？
1道 录播
【录播】 构造函数结合原型
5分钟 习题
【习题】 创建一个 Person 类
1道 资料
【资料】 经典的面向对象
md，2.8KB继承
录播
【录播】 站在巨人的肩膀上
1分钟 录播
【录播】 引言
3分钟 录播
【录播】 什么是继承
3分钟 录播
【录播】 原型链
6分钟 习题
【习题】 实现原型链继承
1道 录播
【录播】 原型链继承的不足
4分钟 录播
【录播】 借用构造函数继承
3分钟 习题
【习题】 实现借用构造函数继承
1道 录播
【录播】 组合继承
3分钟 习题
【习题】 实现组合继承
1道 录播
【录播】 组合继承的不足
3分钟 录播
【录播】 最佳实践
7分钟 习题
【习题】 继承最佳实践
1道 资料
【资料】 ES6 中的继承
md，2.0KB 录播
【录播】 Node 和 Element
4分钟 录播
【录播】 面向对象
4分钟canvas入门
录播
【录播】 每个程序员心里都有个游戏梦
2分钟 录播
【录播】 画图利器 Canvas
1分钟 录播
【录播】 认识 Canvas 元素
3分钟 习题
【习题】 使用 Canvas 元素
1道 习题
【习题】 坐标体系
1道 录播
【录播】 矩形
4分钟 习题
【习题】 绘制矩形
1道 录播
【录播】 线条
6分钟 习题
【习题】 绘制三角形
1道 资料
【资料】 绘制圆弧
md，3.8KB 录播
【录播】 文本
4分钟 习题
【习题】 绘制文本
1道 录播
【录播】 给图形上色
4分钟 录播
【录播】 修改线宽
1分钟 习题
【习题】 设置简单样式
1道 录播
【录播】 擦除 Canvas
3分钟 习题
【习题】 擦除 Canvas
1道Canvas进阶
录播
【录播】 加载图像
4分钟 习题
【习题】 加载图像
1道 资料
【资料】 图像裁剪
md，2.1KB 资料
【资料】 认识 requestAnimationFrame
md，6.8KB 录播
【录播】 JS 里的动画
1分钟 录播
【录播】 动画循环
4分钟 资料
【资料】 键盘事件处理
md，3.0KB 资料
【资料】 碰撞检测
md，3.0KB 资料
【资料】 独自开启 Canvas 的旅途吧（结语）
md，1.9KB习题集
习题
【习题】 绘制卡通笑脸
1道 习题
【习题】 实现Tab组件
1道 习题
【习题】 使用对象控制画布上的元素
1道 习题
【习题】 在基础构造函数上增加方法
1道 习题
【习题】 制作表情包
1道项目
资料
【资料】 代码管理工具
md，2.3KB 录播
【录播】 项目提交——介绍
7分钟 录播
【录播】 项目提交——实战
11分钟 录播
【录播】 项目提交——实战 windows 篇
7分钟 资料
【资料】 项目提交相关信息汇总
md，2.3KB 习题
【习题】 射击小游戏
1道 Part 2
性能与工程化
约需36.0小时完成
网络通路简介
习题
【习题】 下列说法正确的是？
1道 录播
【录播】 HTTP
3分钟 录播
【录播】 HTTP 的报文结构
9分钟 习题
【习题】 下列说法错误的是？
1道 资料
【资料】 聊聊常见的状态码
md，2.0KB 录播
【录播】 浏览器的缓存
3分钟 录播
【录播】 浏览器缓存相关的头字段
3分钟 录播
【录播】 浏览器缓存的逻辑流程
5分钟 习题
【习题】 下列说法正确的是？
1道 录播
【录播】 DNS
5分钟 习题
【习题】 下列说法错误的是？
1道 录播
【录播】 不是结尾的结尾
4分钟浏览器渲染简述
录播
【录播】 关于浏览器我们理应想的更多
1分钟 录播
【录播】 浏览器和渲染引擎
3分钟 习题
【习题】 请完成填空
1道 录播
【录播】 HTML 和 DOM 树构建
5分钟 习题
【习题】 请完成填空
1道 录播
【录播】 渲染过程概述
5分钟 习题
【习题】 下列说法正确的是？
1道 录播
【录播】 DOM 树和渲染树
2分钟 习题
【习题】 下列说法正确的是？
1道 录播
【录播】 重排与重绘
7分钟 习题
【习题】 下列哪些操作会触发重排？
1道 录播
【录播】 从输入地址到页面渲染
4分钟性能
录播
【录播】 性能比你想象的重要
1分钟 录播
【录播】 为什么要关注性能？
2分钟 习题
【习题】 关于性能说法最恰当的是？
1道 录播
【录播】 window.performance
3分钟 资料
【资料】 performance 详解
md，6.7KB 录播
【录播】 性能衡量指标
4分钟 习题
【习题】 补充页面加载过程图
1道 资料
【资料】 Date 类型，你得知道这些
md，6.6KB 录播
【录播】 白屏时间
3分钟 录播
【录播】 首屏时间
3分钟 习题
【习题】 按图填写页面白屏和首屏时间
1道 资料
【资料】 业务中如何计算白屏和首屏时间
md，6.0KB 录播
【录播】 使用 network 分析页面
5分钟 习题
【习题】 看图分析页面
1道 录播
【录播】 优化手段
3分钟 习题
【习题】 填写三大主要的优化手段
1道 录播
【录播】 减少请求数
3分钟 录播
【录播】 减少资源体积
4分钟 录播
【录播】 提高网络传输
4分钟 资料
【资料】 对于 CDN 的疑问，都在这
md，4.1KB 习题
【习题】 判断下列优化手段是否正确
1道nodejs简介
录播
【录播】 Node 引言
4分钟 习题
【习题】 关于 Node.js 说法正确的是？
1道 录播
【录播】 Node 安装
3分钟 习题
【习题】 Node.js 安装
1道 录播
【录播】 NPM
4分钟 录播
【录播】 命令行工具
3分钟 习题
【习题】 使用 uglify-js 压缩 JS
1道 录播
【录播】 运行 Node.js 代码
6分钟 习题
【习题】 填入运行结果
1道模块化
录播
【录播】 走进模块
2分钟 录播
【录播】 模块引言
2分钟 习题
【习题】 关于模块说法正确的是？
1道 录播
【录播】 命名冲突和变量污染
3分钟 录播
【录播】 命名空间
3分钟 习题
【习题】 下列说法正确的是？
1道 录播
【录播】 自执行函数实现模块
3分钟 资料
【资料】 立即执行函数表达式 IIFE 详解
md，4.3KB 习题
【习题】 使用立即执行函数表达式创建模块
1道 录播
【录播】 模块依赖
2分钟 习题
【习题】 根据模块间依赖填写模块加载顺序
1道 录播
【录播】 模块化规范
2分钟 习题
【习题】 关于模块说法正确的是？
1道 录播
【录播】 一切源自 CommonJS
3分钟 习题
【习题】 完善下列 CommonJS 规范的代码
1道 录播
【录播】 AMD & RequireJs
7分钟 习题
【习题】 完善下列AMD规范的代码
1道 资料
【资料】 CMD 和 SeaJs
md，2.5KB 资料
【资料】 ES6 模块标准
md，5.3KB 录播
【录播】 r.js
7分钟 录播
【录播】 新时代模块化管理
3分钟ES6
录播
【录播】 初识ES6
2分钟 录播
【录播】 ES6的模块化
6分钟 录播
【录播】 定义变量的新方式
6分钟 录播
【录播】 字符串的扩展
3分钟 录播
【录播】 函数的扩展
15分钟 习题
【习题】 关于箭头函数，以下说法正确的是？
1道 录播
【录播】 数组的扩展（上）
11分钟 录播
【录播】 数组的扩展（下）
15分钟 习题
【习题】 关于数组的扩展，以下说法正确的是？
1道 录播
【录播】 对象的扩展
18分钟 习题
【习题】 关于对象的扩展，以下说法正确的是？
1道 录播
【录播】 定义类的新方式
11分钟 习题
【习题】 学习class语法，然后完成以下填空
1道 录播
【录播】 新的数据结构
10分钟 录播
【录播】 Symbol
8分钟 录播
【录播】 元编程
9分钟 录播
【录播】 异步编程（上）
17分钟 录播
【录播】 异步编程（下）
9分钟 习题
【习题】 关于Promise，以下说法正确的是？
1道 录播
【录播】 ES6总结
2分钟webpack
录播
【录播】 webpack课程简介
5分钟 录播
【录播】 课程安排和学习建议
9分钟 录播
【录播】 理解前端模块化
2分钟 录播
【录播】 模块化文件结构示范
2分钟 录播
【录播】 作用域
19分钟 录播
【录播】 模块化优点
8分钟 录播
【录播】 模块化的发展史
6分钟 录播
【录播】 webpack打包机制
15分钟 录播
【录播】 npm与包管理器
4分钟 录播
【录播】 package.json文件
7分钟 录播
【录播】 npm仓库和依赖
8分钟 录播
【录播】 语义化版本和npm install的过程
9分钟 录播
【录播】 webpack核心特性
1分钟 录播
【录播】 从构建简单项目开始
15分钟 录播
【录播】 文件加载器loader
10分钟 录播
【录播】 plugin
5分钟 录播
【录播】 构建工程学习目标
4分钟 录播
【录播】 构建react项目工程
9分钟 录播
【录播】 使用babel
16分钟 录播
【录播】 使用plugin
8分钟 录播
【录播】 生产级webpack配置项
8分钟 录播
【录播】 性能优化学习目标
2分钟 录播
【录播】 打包结果优化
10分钟 录播
【录播】 构建速度优化
13分钟 录播
【录播】 Tree-Shaking
7分钟 录播
【录播】 webpack结语
5分钟 Part 3
JS 应用开发
约需29.4小时完成
正则表达式
录播
【录播】 昂首阔步，继续往前
1分钟 录播
【录播】 正则是思维方式
2分钟 录播
【录播】 一道面试题
2分钟 录播
【录播】 什么是正则
4分钟 习题
【习题】 下列关于正则说法正确的是?
1道 录播
【录播】 基本语法
2分钟 录播
【录播】 基本语法实战
8分钟 习题
【习题】 检测文本是不是数字开头
1道 录播
【录播】 RegExp 对象
5分钟 录播
【录播】 flags
5分钟 习题
【习题】 填写 flag 的含义
1道 录播
【录播】 重复（量词）
6分钟 录播
【录播】 重复（量词）实战
5分钟 习题
【习题】 匹配简化版的手机号
1道 录播
【录播】 分组与捕获
6分钟 录播
【录播】 引用和反向引用
4分钟 习题
【习题】 过滤出年月日
1道 录播
【录播】 贪婪匹配和惰性匹配
5分钟 习题
【习题】 统计 span 的个数
1道 录播
【录播】 正向前瞻和负向前瞻
3分钟 录播
【录播】 正向前瞻和负向前瞻实战
7分钟 录播
【录播】 String 对象
6分钟 习题
【习题】 将非 P 元素都替换成 P 元素
1道 录播
【录播】 解题
6分钟Ajax
录播
【录播】 终于到了 Ajax
1分钟 录播
【录播】 Ajax 的威力
3分钟 录播
【录播】 需要一个本地服务器
6分钟 习题
【习题】 服务器安装实践
1道 录播
【录播】 XHR
9分钟 习题
【习题】 关于 ajax 说法错误的是？
1道 资料
【资料】 JSON
md，1.1KB 资料
【资料】 jqXHR
md，2.2KB 录播
【录播】 参数传递
7分钟 录播
【录播】 同源策略
4分钟 习题
【习题】 关于同源策略的说法正确的是？
1道 录播
【录播】 CORS
7分钟 习题
【习题】 CORS 实操
1道 录播
【录播】 JSONP
6分钟 习题
【习题】 编写一个函数来自动 JSONP
1道 录播
【录播】 iframe 和 window.name
3分钟 录播
【录播】 借助 iframe 跨域
3分钟 录播
【录播】 借助 iframe 跨域实战
5分钟设计模式
录播
【录播】 设计模式
1分钟 录播
【录播】 什么是模式
3分钟 习题
【习题】 选择下列关于模式的正确选项
1道 录播
【录播】 反模式
2分钟 习题
【习题】 选择下面所有的反模式
1道 录播
【录播】 单例模式
3分钟 习题
【习题】 下面哪些适合使用单例模式
1道 录播
【录播】 适配器模式
3分钟 习题
【习题】 使用适配器模式
1道 录播
【录播】 装饰器模式
3分钟 习题
【习题】 为函数添加日志功能
1道 资料
【资料】 ES7 decorator
md，5.4KB 录播
【录播】 观察者模式
5分钟 习题
【习题】 实现自定义事件Event对象
1道 录播
【录播】 MVC 模式
4分钟 习题
【习题】 补充MVC图形
1道 录播
【录播】 MVC 模式实践
4分钟 录播
【录播】 MVVM 模式
4分钟 习题
【习题】 下列关于MVVM 说法正确的是
1道 录播
【录播】 MVVM 模式实践
4分钟 习题
【习题】 vue.js 小实践
1道 资料
【资料】 双向绑定实现原理
md，6.3KB 录播
【录播】 jQuery 的设计模式
3分钟 习题
【习题】 填写下面代码相应的设计模式
1道 录播
【录播】 设计模式结语
3分钟Vue
录播
【录播】 什么是Vue
3分钟 录播
【录播】 为什么使用Vue
4分钟 录播
【录播】 第一个Vue程序
5分钟 录播
【录播】 文本绑定
8分钟 录播
【录播】 属性绑定
4分钟 习题
【习题】 下面哪些是正确的动态属性绑定方式
1道 录播
【录播】 方法绑定
6分钟 录播
【录播】 计算属性
8分钟 录播
【录播】 侦听器
11分钟 录播
【录播】 计算属性和侦听器差异
12分钟 习题
【习题】 关于计算属性和侦听器，下面说法正确的是
1道 录播
【录播】 样式绑定
7分钟 录播
【录播】 v-if
6分钟 录播
【录播】 v-show
6分钟 录播
【录播】 v-for
8分钟 习题
【习题】 关于v-for指令，说法正确的有
1道 录播
【录播】 列表更新
8分钟 录播
【录播】 v-on
7分钟 录播
【录播】 事件修饰符一
11分钟 录播
【录播】 事件修饰符二
13分钟 习题
【习题】 关于事件修饰符，以下说法正确的是
1道 录播
【录播】 数据双向绑定
10分钟 习题
【习题】 关于双向绑定，以下说法正确的是
1道 录播
【录播】 表单控件
17分钟 录播
【录播】 组件化开发
7分钟 录播
【录播】 组件注册
5分钟 录播
【录播】 props传参
9分钟 录播
【录播】 自定义事件
6分钟 录播
【录播】 组件间通信
14分钟 习题
【习题】 以下说法正确的是
1道 录播
【录播】 插槽
9分钟 录播
【录播】 自定义指令
9分钟 录播
【录播】 长按指令
13分钟 习题
【习题】 以下关于指令的说法正确的有
1道 习题
【习题】 制作Vue版购物车
1道React
录播
【录播】 React
1分钟 录播
【录播】 React 简介
4分钟 习题
【习题】 关于 React 说法正确的是？
1道 录播
【录播】 搭建React 开发环境
5分钟 习题
【习题】 动手构建 React 开发环境
1道 录播
【录播】 JSX 函数与 render 函数
6分钟 习题
【习题】 根据代码填写正确的结果
1道 录播
【录播】 组件化
4分钟 习题
【习题】 添加 Input 组件
1道 录播
【录播】 事件绑定
4分钟 习题
【习题】 添加事件绑定
1道 录播
【录播】 列表渲染
5分钟 习题
【习题】 添加列表
1道 录播
【录播】 props
6分钟 录播
【录播】 state
5分钟 习题
【习题】 添加点击 Item 改变状态逻辑
1道 录播
【录播】 组件间通信
8分钟 习题
【习题】 添加输入后增加 item 项的逻辑
1道 录播
【录播】 refs 和 DOM
4分钟 录播
【录播】 生命周期
8分钟 习题
【习题】 添加自动 focus 到输入框的逻辑
1道 资料
【资料】 React 体系
md，3.0KB Part 4
项目中的测试
约需7.0小时完成
基本概念
录播
【录播】 总是被忽略的测试
1分钟 录播
【录播】 测试没那么神秘
9分钟 录播
【录播】 断言
4分钟 习题
【习题】 下列关于断言说法错误的是？
1道 录播
【录播】 测试框架的起源
2分钟 录播
【录播】 测试框架的结局
7分钟 习题
【习题】 下列关于测试框架说法错误的是?
1道 录播
【录播】 TDD
5分钟 习题
【习题】 下列关于 TDD 说法正确的是？
1道Jest
录播
【录播】 流行的几个框架
5分钟 习题
【习题】 下列关于 Jest 框架说法正确的是？
1道 录播
【录播】 Jest 入门
7分钟 录播
【录播】 Jest 基本概念梳理
5分钟 习题
【习题】 搭建 Jest 环境
1道 录播
【录播】 Jest 配置
7分钟 习题
【习题】 尝试配置 Jest
1道 录播
【录播】 Jest Matchers
7分钟 习题
【习题】 使用 Matchers
1道 录播
【录播】 测试 DOM
6分钟 录播
【录播】 测试 DOM 原理
3分钟 录播
【录播】 测试 Tab 组件
7分钟 习题
【习题】 测试 Radio Button
1道 录播
【录播】 测试异步流程
7分钟 习题
【习题】 测试 debounce 函数
1道 录播
【录播】 Jest Mocks
2分钟 录播
【录播】 Jest Mocks 实战
6分钟 录播
【录播】 测试 React 组件入门
8分钟 习题
【习题】 给 react-demo 加上测试
1道 录播
【录播】 代码覆盖率
3分钟 习题
【习题】 下列哪些内容属于代码覆盖率的范畴？
1道 录播
【录播】 代码覆盖率实战
4分钟 习题
【习题】 体验代码覆盖率
1道 录播
【录播】 因为测试，所以专业
4分钟 习题
【习题】 编写测试用例需要符合下列哪些原则？
1道 Part 5
安全攻防战
约需40.0小时完成
Cookie
录播
【录播】 cookie 简介
7分钟 习题
【习题】 关于 cookie 说法正确的是?
1道 录播
【录播】 js 操作 cookie
4分钟 录播
【录播】 js cookie 操作实战
6分钟 习题
【习题】 封装 cookie 操作
1道 录播
【录播】 使用 cookie 保存用户信息
3分钟 录播
【录播】 cookie 实现登录演示
7分钟 习题
【习题】 使用 cookie 登录
1道XSS
录播
【录播】 一个暗流涌动的世界
1分钟 录播
【录播】 web 安全
2分钟 录播
【录播】 标志性的微博事件
1分钟 录播
【录播】 演示项目说明
2分钟 录播
【录播】 XSS 简介
3分钟 习题
【习题】 以下哪些是 XSS 攻击的分类？
1道 录播
【录播】 反射型 XSS
7分钟 习题
【习题】 下列对反射型 XSS 说法正确的是？
1道 录播
【录播】 存储型 XSS
6分钟 习题
【习题】 下列对存储型 XSS 说法正确的是
1道 录播
【录播】 DOM Based 型 XSS
5分钟 录播
【录播】 XSS payload 和危害
4分钟 习题
【习题】 完善 XSS 钓鱼的流程图
1道 录播
【录播】 XSS 防御 - httpOnly
5分钟 习题
【习题】 httpOnly 实践
1道 资料
【资料】 Web 相关编码
md，6.2KB 录播
【录播】 XSS 防御 - 输入检查
8分钟 习题
【习题】 实现输入检查的函数
1道 录播
【录播】 XSS 防御 - 输出检查
10分钟CSRF
录播
【录播】 cover 代码被删除事件
1分钟 录播
【录播】 一个转账攻击
4分钟 录播
【录播】 CSRF 基本原理
2分钟 习题
【习题】 完成 CSRF 攻击流程图
1道 录播
【录播】 CSRF 防御
4分钟 录播
【录播】 CSRF 防御实操
9分钟 录播
【录播】 XSS 与 CSRF 的结合
3分钟 录播
【录播】 XSS 蠕虫
2分钟 录播
【录播】 XSS 蠕虫演示
2分钟 习题
【习题】 下列关于 XSS 蠕虫说法正确的是？
1道更多安全
录播
【录播】 闹事的 DDOS
2分钟 资料
【资料】 DDOS 防范
md，2.5KB 习题
【习题】 下列关于 DDOS 说法正确的是？
1道 录播
【录播】 运营商HTTP劫持
3分钟 录播
【录播】 HTTPS 简介
3分钟 习题
【习题】 下列关于 HTTPS 说法正确的是
1道 录播
【录播】 HTTPS 原理
6分钟 习题
【习题】 完成 HTTPS 交换秘钥过程图
1道 资料
【资料】 更多安全内容
md，1.1KB Part 6
面经大放送
约需5.0小时完成
面经大放送
资料
【资料】 jero 的面试经历
md，5.2KB 录播
【录播】 前端就业市场分析
3分钟 录播
【录播】 积累经验，打造硬实力
3分钟 录播
【录播】 制作一份好的简历
7分钟 录播
【录播】 面试官如何出题
9分钟 录播
【录播】 如何应对强势的面试官
2分钟 录播
【录播】 面试也看缘分，要相信自己
3分钟 资料
【资料】 面试常考知识点
md，0.5KB 资料
【资料】 Top15 问题
md，2.2KB* 课程提供者：腾讯课堂NEXT研究所