极客大学:前端进阶训练营·用5个月进阶资深前端工程师

来自网络整理·免费领取学习资源

6,783 领取 · 7,514 收藏更新于 2026年9月20日

这份资料来自网络整理2026年的付费VIP课，内容以视频为主，对应《极客大学:前端进阶训练营·用5个月进阶资深前端工程师》。官网需要单独购买，有集上可以免费领取。

本套课程来自

极客大学

：前端进阶训练营·用5个月进阶资深前端工程师，。虽然已经做了一两年的前端开发，但是总感觉自己前端知识不够扎实不够全面，并且也了解到winter老师是一个前端大咖，所以参加了前端训练营的课程。在为期三个月的前端训练营课程中，winter 老师不仅仅是讲解知识点，而是侧重于学员基本功等能力的提升，过程中还讲解了前端职业生涯，为你的个人发展答疑解惑，尤其是组件化这部分内容，可以学习到很多工作中很难提升的能力。通过参加前端训练营，我自己对前端的认知有了很大的提升，例如前端知识体系的完善，组件化能力的提升，并且也使我对自己的职业规划有了深入的思考。参加前端训练营，收获满满，此行不虚

本套课程文件总计59G，附课程相关资料

作为前端工程师，你是否遇到了这些问题

技术基础薄弱，没有大牛指导

只经历快餐式培训或者自学，基础知识不牢固

遇到问题没人指点

重复用轮子，技术成长慢

工作业务型驱动，总是重复劳动，技术深度没

长进，视野也越来越窄，职业发展很受限制

前端技术更新快，不能把知识融会贯通

对于新技术，学到知识点很容易，但是很难深

度掌握并应用，导致成长受限

缺少一线大型互联网项目经验

长期在中小公司写业务代码，未参与过大型项

目，简历、

面试

见不得人

适合人群

1、1-3年前端工作经验熟悉HTML .+CSS，掌握基础JavaScript编程，缺少更深入的技能
2、技术成长缓慢、遇到职业瓶颈在工作中重复用轮子，工作多年，一直处.于初级岗位，不知道如何提升
3、基本功不扎实的前端工程师前端基础知识不牢固、不成体系，无法通过大厂面试
4、始终在写业务代码，不能深入工作中遇到问题不知如何解决，只能“面

向谷歌、百度编程”

5、想获得大厂项目经验的前端人项目经验缺乏，难以达到一线大型互联网公司的工作水平
6、后端工程师需要用到前端技术或者想转行到前端方向，对前端有基本了解，学习能力强

学员评价

张东明：

通过学习的这段时间，我深刻的认识到前端训练营和其他市面上技术类课程是完全不同的，这次训练营最终目的是帮助学员成为工程

师，而不仅仅是开发人员。winter 老师的讲解是从几个常见需求入手，但不止于「完成」它们，传授的内容也不仅限于技术，而是涵

盖了做好前端.工程师的方方面面。比起具体技能，老师更注重培养解决问题的思路和可迁移能力。学完之后,我也对相关原理、工程

实现要求有了更深刻的认识。相较以前，在实际工作中，不管遇到的是纯技术方向的还是业务方向的问题，我都更加有意愿、有信

心、有能力去处理它们。在工作中，我感受到了自己非常快速的成长

刘长亮：

从移动端开发转到前端开发1年半的时候，对前端开发的认知仅仅停留在会用框架、JS 和CSS的阶段，一度很迷茫，怀疑前端难道

就是这样吗?知道winter老师开设前端训练营后，毫不犹豫报名。课程不像其他培训班罗列知识点，而是带着我们梳理前端技术基础

四大模块HTML、JS、 CSS、 DOM/BOM, 绘制自己的知识图谱，winter 老师也不是填鸭式的传播知识，而是启发式学习，犹记得老师

课上的口头禅就是“问到就是赚到”。整个学习过程痛苦并快乐着，痛苦源于很多不会的知识和技能需要耗费脑细胞去钻研和刻意练

习，快乐源于能明显感觉到自己的成长。从我的经验来看，认真学习前端训练营的课程后，涨薪30%绝对不是问题

课程目录

答疑
2020-4-16-编程语言通识-答疑
2020-4-18-JavaScript Type-答疑
2020-5-14-浏览器工作原理（三）-答疑
2020-5-14-状态机-答疑
2020-5-16-浏览器工作原理CSS计算-答疑_1
2020-5-21-CSS排版渲染-答疑_1
2020-5-23-重学CSS总论-答疑_1
2020-5-28-重学CSS选择器-答疑
2020-5-7-JavaScript 结构化-答疑
2020-5-7-浏览器工作原理-答疑
2020-5-9-浏览器工作原理（二）-答疑
前端训练营第1期-课件及直播答疑回放
讲师课件
Demo
2020-5-16
2020-6-11
2020-6-18
代码截图
2020-5-16-CSS计算，状态机，htmlparse
2020-5-21-CSS排版，渲染
2020-5-23-重学CSS总论
2020-6-13-编程训练 TicTacToe
2020-6-20-编程训练寻路、正则表达式
2020-6-25-编程训练四则运算
2020-6-25-编程训练字符串算法
2020-7-11-组件化轮播组件
2020-7-18-前端直播-组件化动画
2020-7-2-编程与算法训练Proxy 与双向绑定
2020-7-23-前端直播-组件化手势
2020-7-25-组件化-轮播组件的继续改造：生命周期
2020-7-30-Tab组件和List组件
2020-7-4-编程训练使用 Range 实现 DOM 精确操作，组件化基础
2020-8-1-工具链整体理解一个工具链的设计
01 极客大学-前端进阶训练营-前端进阶之路
02 极客大学-前端进阶训练营-工程体系
03 极客大学-前端进阶训练营-编程语言通识
04 极客大学-前端进阶训练营-JavaScript Type
05 极客大学-前端进阶训练营-JavaScript Expression
06 极客大学-前端进阶训练营-JavaScript Statement
07 极客大学-前端进阶训练营-JavaScript Object
08 极客大学-前端进阶训练营-JavaScript Structual
09 极客大学-前端进阶训练营- BrowserHTTP（二）
09 极客大学-前端进阶训练营- BrowserHTTP（一）
10 极客大学-前端进阶训练营-FSM
11 极客大学-前端进阶训练营-BrowserCSS
12 极客大学-前端进阶训练营-BrowserCSSLayoutRender
13 极客大学-前端进阶训练营-CSS
14 极客大学-前端进阶训练营-CSS Selector
15 极客大学-前端进阶训练营-CSS排版
16 极客大学-前端进阶训练营-CSS Animation
17 极客大学-前端进阶训练营-CSS Render
18 极客大学-前端进阶训练营-HTML&DOM
19 极客大学-前端进阶训练营-API
20 极客大学-前端进阶训练营-TicTacToe
21 极客大学-前端进阶训练营-四则运算，字符串算法
23 极客大学-前端进阶训练营-组件化基础
24 极客大学-前端进阶训练营-工具链 Dev工具
ECMA-262(2019)
ECMA-262
html-standard
前端技术2.xmind
直播答疑回放
2020-4-16-编程语言通识-答疑
2020-4-18-JavaScript Type-答疑
2020-5-14-浏览器工作原理（三）-答疑
2020-5-14-状态机-答疑
2020-5-16-浏览器工作原理CSS计算-答疑_1
2020-5-21-CSS排版渲染-答疑_1
2020-5-23-重学CSS总论-答疑_1
2020-5-28-重学CSS选择器-答疑
2020-5-30-CCS排版-答疑_1
2020-5-7-JavaScript 结构化-答疑
2020-5-7-浏览器工作原理-答疑
2020-5-9-浏览器工作原理（二）-答疑
2020-6-11-重学浏览器API-答疑_1
2020-6-13-编程训练TicTacToe-答疑_1
2020-6-18-编程训练异步编程-答疑_1
2020-6-18-寻路算法-答疑_1
2020-6-20-编程训练寻路、正则表达式-答疑
2020-6-25-编程与算法训练四则运算-答疑_1
2020-6-27-编程与算法训练 _ 字符串算法-答疑
2020-6-3-重学CSS动画-答疑
2020-6-6-重学DOM API Event-答疑
2020-6-6-重学HTML语言与扩展-答疑
2020-6-6-重学HTML语义-答疑
2020-7-11-前端直播-轮播组件-答疑
2020-7-17-组件化One more thing：Vue 风格的 SFC-答疑
2020-7-18-前端直播-组件化动画-答疑
2020-7-2-编程与算法训练-proxy与双向绑定-答疑
2020-7-23-前端直播-组件化手势-答疑
2020-7-25-组件化-轮播组件的继续改造：生命周期-答疑
2020-7-30-Tab组件和List组件-答疑
2020-7-4-作业点评
2020-7-4编程训练使用 Range 实现 DOM 精确操作，组件化基础-答疑
2020-7-9-组件化-为组件添加JSX语法-答疑
2020-8-1-工具链整体理解一个工具链的设计-答疑
2020-8-15-发布系统实现一个线上 Web 服务-答疑
2020-8-6-工具链Dev工具-答疑
2020-8-8-工具链设计并实现一个单元测试工具-答疑
助教笔记
JavaScript 词法，类型
助教-胡俊飞-笔记.xmind
助教-七七-笔记.md
助教-圈圈-笔记.md
编程通识语言
助教-胡俊飞-笔记.xmind
助教-圈圈-笔记.md
1 重学学习方法与构建知识体系(140335)
10 浏览器工作原理 HTTP协议+语法与词法分析（一）
11 浏览器工作原理 _ HTTP协议+语法与词法分析（二）
12 浏览器工作原理 _ 有限状态机
13 浏览器工作原理 _ HTTP协议+语法与词法分析（三） (1)
14 浏览器工作原理 CSS计算，排版,渲染，合成（一）
15 CSS计算，排版,渲染，合成（二）
16 重学CSS _ CSS基本语法,CSS基础机制
17 CSS基本语法,CSS基础机制（二）
18 重学CSS _ 排版与排版相关属性,绘制与绘制相关属性_batch
19 重学CSS CSS动画
2 重学构建知识体系 (140335)
20 重学HTML _ HTML语言与扩展
21 重学HTML _ HTML语义
22 重学浏览器API _ DOM API，事件机制
23 重学浏览器API _ 其它API，总结
24 编程与算法训练 _ TicTacToe _井字棋
25 . 编程与算法训练 _ 异步编程
26 编程与算法训练 _ 寻路问题（搜索）
27 编程与算法训练 _ 寻路问题（搜索），正则表达式
28 编程与算法训练 _ 解析一个四则运算的表达式
29 编程与算法训练 _ 点击区域与括号匹配，wildcard
3 重学工程体系(140335)
30 前端进阶训练营·1. 编程与算法训练 _ Proxy 与双向绑定
31 前端进阶训练营·2. 编程与算法训练 _ 使用 Range 实现 DOM 精确操作
32 前端进阶训练营·3. 组件化 _ 组件的基本知识，轮播组件
33 前端进阶训练营·1. 组件化 _ 为组件添加JSX语法
34 前端进阶训练营·2. 组件化 _ 轮播组件
35 前端进阶训练营·第1期·1. 组件化 _ One more thing：Vue 风格的 SFC
36 前端进阶训练营·第1期·2. 组件化 _ 动画（2）
36 组件化 _ 动画（1）
37 前端进阶训练营·第1期·1. 组件化 _ 手势
38 组件化 _ 轮播组件的继续改造：生命周期
39 前端进阶训练营·1. 组件化 _ Tab组件和List组件
4 编程语言通识与JavaScript语言设计(140335)
40 前端进阶训练营·2. 工具链 _ 整体理解一个工具链的设计（一）
41 前端进阶训练营·3. 工具链 _ 整体理解一个工具链的设计（二）
42 前端进阶训练营·1. 工具链 _ Dev工具
43 前端进阶训练营·2. 工具链 _ 设计并实现一个单元测试工具（一）
44 前端进阶训练营·3. 工具链 _ 设计并实现一个单元测试工具（二）
45 前端进阶训练营·1. 工具链 _ 目录结构与初始化工具
46 前端进阶训练营·2. 发布系统 _ 实现一个线上 Web 服务（一）
47 前端进阶训练营·3. 发布系统 _ 实现一个线上 Web 服务（二）
48 前端进阶训练营·1. 发布系统 _ lint与PhantomJS
49 前端进阶训练营·2. 发布系统 _ OAuth
5 重学 JavaScript 词法，类型
50 前端进阶训练营·1. 发布系统 _ Git Hook 与lint
51 前端进阶训练营·2. 发布系统 _ 使用无头浏览器与DOM检查
6. 重学 JavaScript 表达式，类型转换
7 重学 JavaScript 语句对象
8 重学 JavaScript _结构化
9 重学 JavaScript _ 结构化（二）

包含内容

· 答疑
· 2020-4-16-编程语言通识-答疑
· 2020-4-18-JavaScript Type-答疑
· 2020-5-14-浏览器工作原理（三）-答疑
· 2020-5-14-状态机-答疑
· 2020-5-16-浏览器工作原理CSS计算-答疑_1
· 2020-5-21-CSS排版渲染-答疑_1
· 2020-5-23-重学CSS总论-答疑_1

贡献者

小宇

白银

学习社区

1 人正在学习

编程与技术实践交流

交流编程基础、项目实践、数据库和部署问题。提问请说明环境、复现步骤与已尝试的方法。

加入学习群

极客大学:前端进阶训练营·用5个月进阶资深前端工程师

来自网络整理

免费领取学习资源

原价：199¥6,783 领取 · 7,514 收藏

web Web前端

本套课程来自

极客大学

本套课程文件总计59G，附课程相关资料

作为前端工程师，你是否遇到了这些问题

技术基础薄弱，没有大牛指导

只经历快餐式培训或者自学，基础知识不牢固

遇到问题没人指点

重复用轮子，技术成长慢

工作业务型驱动，总是重复劳动，技术深度没

长进，视野也越来越窄，职业发展很受限制

前端技术更新快，不能把知识融会贯通

对于新技术，学到知识点很容易，但是很难深

度掌握并应用，导致成长受限

缺少一线大型互联网项目经验

长期在中小公司写业务代码，未参与过大型项

目，简历、

面试

见不得人

适合人群

1、1-3年前端工作经验熟悉HTML .+CSS，掌握基础JavaScript编程，缺少更深入的技能
2、技术成长缓慢、遇到职业瓶颈在工作中重复用轮子，工作多年，一直处.于初级岗位，不知道如何提升
3、基本功不扎实的前端工程师前端基础知识不牢固、不成体系，无法通过大厂面试
4、始终在写业务代码，不能深入工作中遇到问题不知如何解决，只能“面

向谷歌、百度编程”

5、想获得大厂项目经验的前端人项目经验缺乏，难以达到一线大型互联网公司的工作水平
6、后端工程师需要用到前端技术或者想转行到前端方向，对前端有基本了解，学习能力强

学员评价

张东明：

通过学习的这段时间，我深刻的认识到前端训练营和其他市面上技术类课程是完全不同的，这次训练营最终目的是帮助学员成为工程

师，而不仅仅是开发人员。winter 老师的讲解是从几个常见需求入手，但不止于「完成」它们，传授的内容也不仅限于技术，而是涵

盖了做好前端.工程师的方方面面。比起具体技能，老师更注重培养解决问题的思路和可迁移能力。学完之后,我也对相关原理、工程

实现要求有了更深刻的认识。相较以前，在实际工作中，不管遇到的是纯技术方向的还是业务方向的问题，我都更加有意愿、有信

心、有能力去处理它们。在工作中，我感受到了自己非常快速的成长

刘长亮：

从移动端开发转到前端开发1年半的时候，对前端开发的认知仅仅停留在会用框架、JS 和CSS的阶段，一度很迷茫，怀疑前端难道

就是这样吗?知道winter老师开设前端训练营后，毫不犹豫报名。课程不像其他培训班罗列知识点，而是带着我们梳理前端技术基础

四大模块HTML、JS、 CSS、 DOM/BOM, 绘制自己的知识图谱，winter 老师也不是填鸭式的传播知识，而是启发式学习，犹记得老师

课上的口头禅就是“问到就是赚到”。整个学习过程痛苦并快乐着，痛苦源于很多不会的知识和技能需要耗费脑细胞去钻研和刻意练

习，快乐源于能明显感觉到自己的成长。从我的经验来看，认真学习前端训练营的课程后，涨薪30%绝对不是问题

课程目录

答疑
2020-4-16-编程语言通识-答疑
2020-4-18-JavaScript Type-答疑
2020-5-14-浏览器工作原理（三）-答疑
2020-5-14-状态机-答疑
2020-5-16-浏览器工作原理CSS计算-答疑_1
2020-5-21-CSS排版渲染-答疑_1
2020-5-23-重学CSS总论-答疑_1
2020-5-28-重学CSS选择器-答疑
2020-5-7-JavaScript 结构化-答疑
2020-5-7-浏览器工作原理-答疑
2020-5-9-浏览器工作原理（二）-答疑
前端训练营第1期-课件及直播答疑回放
讲师课件
Demo
2020-5-16
2020-6-11
2020-6-18
代码截图
2020-5-16-CSS计算，状态机，htmlparse
2020-5-21-CSS排版，渲染
2020-5-23-重学CSS总论
2020-6-13-编程训练 TicTacToe
2020-6-20-编程训练寻路、正则表达式
2020-6-25-编程训练四则运算
2020-6-25-编程训练字符串算法
2020-7-11-组件化轮播组件
2020-7-18-前端直播-组件化动画
2020-7-2-编程与算法训练Proxy 与双向绑定
2020-7-23-前端直播-组件化手势
2020-7-25-组件化-轮播组件的继续改造：生命周期
2020-7-30-Tab组件和List组件
2020-7-4-编程训练使用 Range 实现 DOM 精确操作，组件化基础
2020-8-1-工具链整体理解一个工具链的设计
01 极客大学-前端进阶训练营-前端进阶之路
02 极客大学-前端进阶训练营-工程体系
03 极客大学-前端进阶训练营-编程语言通识
04 极客大学-前端进阶训练营-JavaScript Type
05 极客大学-前端进阶训练营-JavaScript Expression
06 极客大学-前端进阶训练营-JavaScript Statement
07 极客大学-前端进阶训练营-JavaScript Object
08 极客大学-前端进阶训练营-JavaScript Structual
09 极客大学-前端进阶训练营- BrowserHTTP（二）
09 极客大学-前端进阶训练营- BrowserHTTP（一）
10 极客大学-前端进阶训练营-FSM
11 极客大学-前端进阶训练营-BrowserCSS
12 极客大学-前端进阶训练营-BrowserCSSLayoutRender
13 极客大学-前端进阶训练营-CSS
14 极客大学-前端进阶训练营-CSS Selector
15 极客大学-前端进阶训练营-CSS排版
16 极客大学-前端进阶训练营-CSS Animation
17 极客大学-前端进阶训练营-CSS Render
18 极客大学-前端进阶训练营-HTML&DOM
19 极客大学-前端进阶训练营-API
20 极客大学-前端进阶训练营-TicTacToe
21 极客大学-前端进阶训练营-四则运算，字符串算法
23 极客大学-前端进阶训练营-组件化基础
24 极客大学-前端进阶训练营-工具链 Dev工具
ECMA-262(2019)
ECMA-262
html-standard
前端技术2.xmind
直播答疑回放
2020-4-16-编程语言通识-答疑
2020-4-18-JavaScript Type-答疑
2020-5-14-浏览器工作原理（三）-答疑
2020-5-14-状态机-答疑
2020-5-16-浏览器工作原理CSS计算-答疑_1
2020-5-21-CSS排版渲染-答疑_1
2020-5-23-重学CSS总论-答疑_1
2020-5-28-重学CSS选择器-答疑
2020-5-30-CCS排版-答疑_1
2020-5-7-JavaScript 结构化-答疑
2020-5-7-浏览器工作原理-答疑
2020-5-9-浏览器工作原理（二）-答疑
2020-6-11-重学浏览器API-答疑_1
2020-6-13-编程训练TicTacToe-答疑_1
2020-6-18-编程训练异步编程-答疑_1
2020-6-18-寻路算法-答疑_1
2020-6-20-编程训练寻路、正则表达式-答疑
2020-6-25-编程与算法训练四则运算-答疑_1
2020-6-27-编程与算法训练 _ 字符串算法-答疑
2020-6-3-重学CSS动画-答疑
2020-6-6-重学DOM API Event-答疑
2020-6-6-重学HTML语言与扩展-答疑
2020-6-6-重学HTML语义-答疑
2020-7-11-前端直播-轮播组件-答疑
2020-7-17-组件化One more thing：Vue 风格的 SFC-答疑
2020-7-18-前端直播-组件化动画-答疑
2020-7-2-编程与算法训练-proxy与双向绑定-答疑
2020-7-23-前端直播-组件化手势-答疑
2020-7-25-组件化-轮播组件的继续改造：生命周期-答疑
2020-7-30-Tab组件和List组件-答疑
2020-7-4-作业点评
2020-7-4编程训练使用 Range 实现 DOM 精确操作，组件化基础-答疑
2020-7-9-组件化-为组件添加JSX语法-答疑
2020-8-1-工具链整体理解一个工具链的设计-答疑
2020-8-15-发布系统实现一个线上 Web 服务-答疑
2020-8-6-工具链Dev工具-答疑
2020-8-8-工具链设计并实现一个单元测试工具-答疑
助教笔记
JavaScript 词法，类型
助教-胡俊飞-笔记.xmind
助教-七七-笔记.md
助教-圈圈-笔记.md
编程通识语言
助教-胡俊飞-笔记.xmind
助教-圈圈-笔记.md
1 重学学习方法与构建知识体系(140335)
10 浏览器工作原理 HTTP协议+语法与词法分析（一）
11 浏览器工作原理 _ HTTP协议+语法与词法分析（二）
12 浏览器工作原理 _ 有限状态机
13 浏览器工作原理 _ HTTP协议+语法与词法分析（三） (1)
14 浏览器工作原理 CSS计算，排版,渲染，合成（一）
15 CSS计算，排版,渲染，合成（二）
16 重学CSS _ CSS基本语法,CSS基础机制
17 CSS基本语法,CSS基础机制（二）
18 重学CSS _ 排版与排版相关属性,绘制与绘制相关属性_batch
19 重学CSS CSS动画
2 重学构建知识体系 (140335)
20 重学HTML _ HTML语言与扩展
21 重学HTML _ HTML语义
22 重学浏览器API _ DOM API，事件机制
23 重学浏览器API _ 其它API，总结
24 编程与算法训练 _ TicTacToe _井字棋
25 . 编程与算法训练 _ 异步编程
26 编程与算法训练 _ 寻路问题（搜索）
27 编程与算法训练 _ 寻路问题（搜索），正则表达式
28 编程与算法训练 _ 解析一个四则运算的表达式
29 编程与算法训练 _ 点击区域与括号匹配，wildcard
3 重学工程体系(140335)
30 前端进阶训练营·1. 编程与算法训练 _ Proxy 与双向绑定
31 前端进阶训练营·2. 编程与算法训练 _ 使用 Range 实现 DOM 精确操作
32 前端进阶训练营·3. 组件化 _ 组件的基本知识，轮播组件
33 前端进阶训练营·1. 组件化 _ 为组件添加JSX语法
34 前端进阶训练营·2. 组件化 _ 轮播组件
35 前端进阶训练营·第1期·1. 组件化 _ One more thing：Vue 风格的 SFC
36 前端进阶训练营·第1期·2. 组件化 _ 动画（2）
36 组件化 _ 动画（1）
37 前端进阶训练营·第1期·1. 组件化 _ 手势
38 组件化 _ 轮播组件的继续改造：生命周期
39 前端进阶训练营·1. 组件化 _ Tab组件和List组件
4 编程语言通识与JavaScript语言设计(140335)
40 前端进阶训练营·2. 工具链 _ 整体理解一个工具链的设计（一）
41 前端进阶训练营·3. 工具链 _ 整体理解一个工具链的设计（二）
42 前端进阶训练营·1. 工具链 _ Dev工具
43 前端进阶训练营·2. 工具链 _ 设计并实现一个单元测试工具（一）
44 前端进阶训练营·3. 工具链 _ 设计并实现一个单元测试工具（二）
45 前端进阶训练营·1. 工具链 _ 目录结构与初始化工具
46 前端进阶训练营·2. 发布系统 _ 实现一个线上 Web 服务（一）
47 前端进阶训练营·3. 发布系统 _ 实现一个线上 Web 服务（二）
48 前端进阶训练营·1. 发布系统 _ lint与PhantomJS
49 前端进阶训练营·2. 发布系统 _ OAuth
5 重学 JavaScript 词法，类型
50 前端进阶训练营·1. 发布系统 _ Git Hook 与lint
51 前端进阶训练营·2. 发布系统 _ 使用无头浏览器与DOM检查
6. 重学 JavaScript 表达式，类型转换
7 重学 JavaScript 语句对象
8 重学 JavaScript _结构化
9 重学 JavaScript _ 结构化（二）

包含内容

· 答疑
· 2020-4-16-编程语言通识-答疑
· 2020-4-18-JavaScript Type-答疑
· 2020-5-14-浏览器工作原理（三）-答疑
· 2020-5-14-状态机-答疑
· 2020-5-16-浏览器工作原理CSS计算-答疑_1
· 2020-5-21-CSS排版渲染-答疑_1
· 2020-5-23-重学CSS总论-答疑_1

小宇

贡献者

学习社区

编程与技术实践交流

交流编程基础、项目实践、数据库和部署问题。提问请说明环境、复现步骤与已尝试的方法。

加入学习群

极客大学:前端进阶训练营·用5个月进阶资深前端工程师

来自网络整理·免费领取学习资源

6,783 领取 · 7,514 收藏更新于 2026年9月20日

web Web前端

本套课程来自

极客大学

本套课程文件总计59G，附课程相关资料

作为前端工程师，你是否遇到了这些问题

技术基础薄弱，没有大牛指导

只经历快餐式培训或者自学，基础知识不牢固

遇到问题没人指点

重复用轮子，技术成长慢

工作业务型驱动，总是重复劳动，技术深度没

长进，视野也越来越窄，职业发展很受限制

前端技术更新快，不能把知识融会贯通

对于新技术，学到知识点很容易，但是很难深

度掌握并应用，导致成长受限

缺少一线大型互联网项目经验

长期在中小公司写业务代码，未参与过大型项

目，简历、

面试

见不得人

适合人群

1、1-3年前端工作经验熟悉HTML .+CSS，掌握基础JavaScript编程，缺少更深入的技能
2、技术成长缓慢、遇到职业瓶颈在工作中重复用轮子，工作多年，一直处.于初级岗位，不知道如何提升
3、基本功不扎实的前端工程师前端基础知识不牢固、不成体系，无法通过大厂面试
4、始终在写业务代码，不能深入工作中遇到问题不知如何解决，只能“面

向谷歌、百度编程”

5、想获得大厂项目经验的前端人项目经验缺乏，难以达到一线大型互联网公司的工作水平
6、后端工程师需要用到前端技术或者想转行到前端方向，对前端有基本了解，学习能力强

学员评价

张东明：

通过学习的这段时间，我深刻的认识到前端训练营和其他市面上技术类课程是完全不同的，这次训练营最终目的是帮助学员成为工程

师，而不仅仅是开发人员。winter 老师的讲解是从几个常见需求入手，但不止于「完成」它们，传授的内容也不仅限于技术，而是涵

盖了做好前端.工程师的方方面面。比起具体技能，老师更注重培养解决问题的思路和可迁移能力。学完之后,我也对相关原理、工程

实现要求有了更深刻的认识。相较以前，在实际工作中，不管遇到的是纯技术方向的还是业务方向的问题，我都更加有意愿、有信

心、有能力去处理它们。在工作中，我感受到了自己非常快速的成长

刘长亮：

从移动端开发转到前端开发1年半的时候，对前端开发的认知仅仅停留在会用框架、JS 和CSS的阶段，一度很迷茫，怀疑前端难道

就是这样吗?知道winter老师开设前端训练营后，毫不犹豫报名。课程不像其他培训班罗列知识点，而是带着我们梳理前端技术基础

四大模块HTML、JS、 CSS、 DOM/BOM, 绘制自己的知识图谱，winter 老师也不是填鸭式的传播知识，而是启发式学习，犹记得老师

课上的口头禅就是“问到就是赚到”。整个学习过程痛苦并快乐着，痛苦源于很多不会的知识和技能需要耗费脑细胞去钻研和刻意练

习，快乐源于能明显感觉到自己的成长。从我的经验来看，认真学习前端训练营的课程后，涨薪30%绝对不是问题

课程目录

答疑
2020-4-16-编程语言通识-答疑
2020-4-18-JavaScript Type-答疑
2020-5-14-浏览器工作原理（三）-答疑
2020-5-14-状态机-答疑
2020-5-16-浏览器工作原理CSS计算-答疑_1
2020-5-21-CSS排版渲染-答疑_1
2020-5-23-重学CSS总论-答疑_1
2020-5-28-重学CSS选择器-答疑
2020-5-7-JavaScript 结构化-答疑
2020-5-7-浏览器工作原理-答疑
2020-5-9-浏览器工作原理（二）-答疑
前端训练营第1期-课件及直播答疑回放
讲师课件
Demo
2020-5-16
2020-6-11
2020-6-18
代码截图
2020-5-16-CSS计算，状态机，htmlparse
2020-5-21-CSS排版，渲染
2020-5-23-重学CSS总论
2020-6-13-编程训练 TicTacToe
2020-6-20-编程训练寻路、正则表达式
2020-6-25-编程训练四则运算
2020-6-25-编程训练字符串算法
2020-7-11-组件化轮播组件
2020-7-18-前端直播-组件化动画
2020-7-2-编程与算法训练Proxy 与双向绑定
2020-7-23-前端直播-组件化手势
2020-7-25-组件化-轮播组件的继续改造：生命周期
2020-7-30-Tab组件和List组件
2020-7-4-编程训练使用 Range 实现 DOM 精确操作，组件化基础
2020-8-1-工具链整体理解一个工具链的设计
01 极客大学-前端进阶训练营-前端进阶之路
02 极客大学-前端进阶训练营-工程体系
03 极客大学-前端进阶训练营-编程语言通识
04 极客大学-前端进阶训练营-JavaScript Type
05 极客大学-前端进阶训练营-JavaScript Expression
06 极客大学-前端进阶训练营-JavaScript Statement
07 极客大学-前端进阶训练营-JavaScript Object
08 极客大学-前端进阶训练营-JavaScript Structual
09 极客大学-前端进阶训练营- BrowserHTTP（二）
09 极客大学-前端进阶训练营- BrowserHTTP（一）
10 极客大学-前端进阶训练营-FSM
11 极客大学-前端进阶训练营-BrowserCSS
12 极客大学-前端进阶训练营-BrowserCSSLayoutRender
13 极客大学-前端进阶训练营-CSS
14 极客大学-前端进阶训练营-CSS Selector
15 极客大学-前端进阶训练营-CSS排版
16 极客大学-前端进阶训练营-CSS Animation
17 极客大学-前端进阶训练营-CSS Render
18 极客大学-前端进阶训练营-HTML&DOM
19 极客大学-前端进阶训练营-API
20 极客大学-前端进阶训练营-TicTacToe
21 极客大学-前端进阶训练营-四则运算，字符串算法
23 极客大学-前端进阶训练营-组件化基础
24 极客大学-前端进阶训练营-工具链 Dev工具
ECMA-262(2019)
ECMA-262
html-standard
前端技术2.xmind
直播答疑回放
2020-4-16-编程语言通识-答疑
2020-4-18-JavaScript Type-答疑
2020-5-14-浏览器工作原理（三）-答疑
2020-5-14-状态机-答疑
2020-5-16-浏览器工作原理CSS计算-答疑_1
2020-5-21-CSS排版渲染-答疑_1
2020-5-23-重学CSS总论-答疑_1
2020-5-28-重学CSS选择器-答疑
2020-5-30-CCS排版-答疑_1
2020-5-7-JavaScript 结构化-答疑
2020-5-7-浏览器工作原理-答疑
2020-5-9-浏览器工作原理（二）-答疑
2020-6-11-重学浏览器API-答疑_1
2020-6-13-编程训练TicTacToe-答疑_1
2020-6-18-编程训练异步编程-答疑_1
2020-6-18-寻路算法-答疑_1
2020-6-20-编程训练寻路、正则表达式-答疑
2020-6-25-编程与算法训练四则运算-答疑_1
2020-6-27-编程与算法训练 _ 字符串算法-答疑
2020-6-3-重学CSS动画-答疑
2020-6-6-重学DOM API Event-答疑
2020-6-6-重学HTML语言与扩展-答疑
2020-6-6-重学HTML语义-答疑
2020-7-11-前端直播-轮播组件-答疑
2020-7-17-组件化One more thing：Vue 风格的 SFC-答疑
2020-7-18-前端直播-组件化动画-答疑
2020-7-2-编程与算法训练-proxy与双向绑定-答疑
2020-7-23-前端直播-组件化手势-答疑
2020-7-25-组件化-轮播组件的继续改造：生命周期-答疑
2020-7-30-Tab组件和List组件-答疑
2020-7-4-作业点评
2020-7-4编程训练使用 Range 实现 DOM 精确操作，组件化基础-答疑
2020-7-9-组件化-为组件添加JSX语法-答疑
2020-8-1-工具链整体理解一个工具链的设计-答疑
2020-8-15-发布系统实现一个线上 Web 服务-答疑
2020-8-6-工具链Dev工具-答疑
2020-8-8-工具链设计并实现一个单元测试工具-答疑
助教笔记
JavaScript 词法，类型
助教-胡俊飞-笔记.xmind
助教-七七-笔记.md
助教-圈圈-笔记.md
编程通识语言
助教-胡俊飞-笔记.xmind
助教-圈圈-笔记.md
1 重学学习方法与构建知识体系(140335)
10 浏览器工作原理 HTTP协议+语法与词法分析（一）
11 浏览器工作原理 _ HTTP协议+语法与词法分析（二）
12 浏览器工作原理 _ 有限状态机
13 浏览器工作原理 _ HTTP协议+语法与词法分析（三） (1)
14 浏览器工作原理 CSS计算，排版,渲染，合成（一）
15 CSS计算，排版,渲染，合成（二）
16 重学CSS _ CSS基本语法,CSS基础机制
17 CSS基本语法,CSS基础机制（二）
18 重学CSS _ 排版与排版相关属性,绘制与绘制相关属性_batch
19 重学CSS CSS动画
2 重学构建知识体系 (140335)
20 重学HTML _ HTML语言与扩展
21 重学HTML _ HTML语义
22 重学浏览器API _ DOM API，事件机制
23 重学浏览器API _ 其它API，总结
24 编程与算法训练 _ TicTacToe _井字棋
25 . 编程与算法训练 _ 异步编程
26 编程与算法训练 _ 寻路问题（搜索）
27 编程与算法训练 _ 寻路问题（搜索），正则表达式
28 编程与算法训练 _ 解析一个四则运算的表达式
29 编程与算法训练 _ 点击区域与括号匹配，wildcard
3 重学工程体系(140335)
30 前端进阶训练营·1. 编程与算法训练 _ Proxy 与双向绑定
31 前端进阶训练营·2. 编程与算法训练 _ 使用 Range 实现 DOM 精确操作
32 前端进阶训练营·3. 组件化 _ 组件的基本知识，轮播组件
33 前端进阶训练营·1. 组件化 _ 为组件添加JSX语法
34 前端进阶训练营·2. 组件化 _ 轮播组件
35 前端进阶训练营·第1期·1. 组件化 _ One more thing：Vue 风格的 SFC
36 前端进阶训练营·第1期·2. 组件化 _ 动画（2）
36 组件化 _ 动画（1）
37 前端进阶训练营·第1期·1. 组件化 _ 手势
38 组件化 _ 轮播组件的继续改造：生命周期
39 前端进阶训练营·1. 组件化 _ Tab组件和List组件
4 编程语言通识与JavaScript语言设计(140335)
40 前端进阶训练营·2. 工具链 _ 整体理解一个工具链的设计（一）
41 前端进阶训练营·3. 工具链 _ 整体理解一个工具链的设计（二）
42 前端进阶训练营·1. 工具链 _ Dev工具
43 前端进阶训练营·2. 工具链 _ 设计并实现一个单元测试工具（一）
44 前端进阶训练营·3. 工具链 _ 设计并实现一个单元测试工具（二）
45 前端进阶训练营·1. 工具链 _ 目录结构与初始化工具
46 前端进阶训练营·2. 发布系统 _ 实现一个线上 Web 服务（一）
47 前端进阶训练营·3. 发布系统 _ 实现一个线上 Web 服务（二）
48 前端进阶训练营·1. 发布系统 _ lint与PhantomJS
49 前端进阶训练营·2. 发布系统 _ OAuth
5 重学 JavaScript 词法，类型
50 前端进阶训练营·1. 发布系统 _ Git Hook 与lint
51 前端进阶训练营·2. 发布系统 _ 使用无头浏览器与DOM检查
6. 重学 JavaScript 表达式，类型转换
7 重学 JavaScript 语句对象
8 重学 JavaScript _结构化
9 重学 JavaScript _ 结构化（二）

包含内容

· 答疑
· 2020-4-16-编程语言通识-答疑
· 2020-4-18-JavaScript Type-答疑
· 2020-5-14-浏览器工作原理（三）-答疑
· 2020-5-14-状态机-答疑
· 2020-5-16-浏览器工作原理CSS计算-答疑_1
· 2020-5-21-CSS排版渲染-答疑_1
· 2020-5-23-重学CSS总论-答疑_1

贡献者

小宇

白银

学习社区

1 人正在学习

编程与技术实践交流

交流编程基础、项目实践、数据库和部署问题。提问请说明环境、复现步骤与已尝试的方法。

加入学习群

资料

极客大学:前端进阶训练营·用5个月进阶资深前端工程师

适合人群

课程目录

包含内容

学习社区

评论

相关资源

极客大学:前端进阶训练营·用5个月进阶资深前端工程师

适合人群

课程目录

包含内容

学习社区

评论

相关资源

极客大学:前端进阶训练营·用5个月进阶资深前端工程师

适合人群

课程目录

包含内容

学习社区

评论

相关资源

极客大学:前端进阶训练营·用5个月进阶资深前端工程师

适合人群

课程目录

包含内容

学习社区

评论

相关资源