前端入门容易，发展难是行业共识。很多人通过自学 HTML、CSS、JavaScript，也能找到一份前端的工作，但工作几年，还只是个写页面的初级工程师也大有人在。

这是因为前端的知识点繁多，且技术更新快，前端应用场景也越来越复杂，如果你对主流框架、工具只是会用，而不了解其底层原理，加上公司的业务场景单一，就很难实现技术突破。工作价值低、重复性高，薪资待遇自然上不去。

面对不断更新的热点技术、日渐繁多的知识点，与其抱怨“学不动了”，日复一日重复工作，不如找到正确的学习路径，构筑前端知识体系，培养可复用的工作能力，向高级前端工程师迈进。

本专栏分为 4 大模块，共 33 篇，帮你夯实前端核心基础知识，构建完整知识体系，深度理解底层原理，积累实践应用经验，提升综合能力。

课程目录

[3170] 开篇词：带你一起筑建前端工程师的“护城河”.md

[3171] 第01讲：你真的熟悉 HTML 标签吗？.md

[3172] 第02讲：如何高效操作 DOM 元素？.md

[3173] 第03讲：3 个使用场景助你用好 DOM 事件.md

[3174] 第04讲：掌握 CSS 精髓：布局.md

[3175] 第05讲：如何管理你的 CSS 代码？.md

[3176] 加餐1：手写 CSS 预处理.md

[3177] 第06讲：浏览器如何渲染页面？.md

[3178] 第07讲：关于 JavaScript 的数据类型，你知多少？.md

[3179] 第08讲：为什么说函数是 JavaScript 的一等公民？.md

[3180] 第09讲：为什么代码没有按照编写顺序执行？.md

[3181] 第10讲：怎么复用你的代码？.md

[3182] 第11讲：为什么说 JavaScript 不适合大型项目？.md

[3183] 第12讲：浏览器如何执行 JavaScript 代码？.md

[3184] 第13讲：区分浏览器中的进程与线程.md

[3185] 加餐2：手写 Promie、ayncawait.md

[3186] 第14讲：HTTP 协议和它的“补丁”们.md

[3187] 第15讲：如何让浏览器更快地加载网络资源？.md

[3188] 第16讲：浏览器同源策略与跨域方案详解.md

[3189] 第17讲：前后端如何有效沟通？.md

[3190] 第18讲：你是怎么理解“组件”这个概念的？.md

[3191] 第19讲：把路由放在前端意味着什么？.md

[3192] 第20讲：详解组件通信之状态管理.md

[3193] 第21讲：你的代码到底是怎么编译的？.md

[3194] 第22讲：如何合理搭建前端项目？.md

[3195] 第23讲：谈性能优化到底在谈什么？.md

[3196] 第24讲：你的代码是怎么成为黑客工具的？.md

[3197] 第25讲：Node.j == 全栈？.md

[3198] 第26讲：常用的数据结构了解多少？.md

[3199] 第27讲：到底该不该了解算法？.md

[3200] 第28讲：你都了解过哪些编程方式？.md

[3201] 第29讲：框架到底用了哪些设计模式？.md

[3202] 第30讲：前端热点技术之 Serverle.md

[3203] 第31讲：微前端与功能的可重用性.md

[3204] 彩蛋：如何获得心仪的 Offer？.md

[3205] 结束语：谈谈前端工程师的职业规划（如何跳槽、如何晋升）.md

文档

[3170] 开篇词：带你一起筑建前端工程师的“护城河”.mp4

[3171] 第01讲：你真的熟悉 HTML 标签吗？.mp4

[3172] 第02讲：如何高效操作 DOM 元素？.mp4

[3173] 第03讲：3 个使用场景助你用好 DOM 事件.mp4

[3174] 第04讲：掌握 CSS 精髓：布局.mp4

[3175] 第05讲：如何管理你的 CSS 代码？.mp4

[3176] 加餐1：手写 CSS 预处理.mp4

[3177] 第06讲：浏览器如何渲染页面？.mp4

[3178] 第07讲：关于 JavaScript 的数据类型，你知多少？.mp4

[3179] 第08讲：为什么说函数是 JavaScript 的一等公民？.mp4

[3180] 第09讲：为什么代码没有按照编写顺序执行？.mp4

[3181] 第10讲：怎么复用你的代码？.mp4

[3182] 第11讲：为什么说 JavaScript 不适合大型项目？.mp4

[3183] 第12讲：浏览器如何执行 JavaScript 代码？.mp4

[3184] 第13讲：区分浏览器中的进程与线程.mp4

[3185] 加餐2：手写 Promie、ayncawait.mp4

[3186] 第14讲：HTTP 协议和它的“补丁”们.mp4

[3187] 第15讲：如何让浏览器更快地加载网络资源？.mp4

[3188] 第16讲：浏览器同源策略与跨域方案详解.mp4

[3189] 第17讲：前后端如何有效沟通？.mp4

[3190] 第18讲：你是怎么理解“组件”这个概念的？.mp4

[3191] 第19讲：把路由放在前端意味着什么？.mp4

[3192] 第20讲：详解组件通信之状态管理.mp4

[3193] 第21讲：你的代码到底是怎么编译的？.mp4

[3194] 第22讲：如何合理搭建前端项目？.mp4

[3195] 第23讲：谈性能优化到底在谈什么？.mp4

[3196] 第24讲：你的代码是怎么成为黑客工具的？.mp4

[3197] 第25讲：Node.j == 全栈？.mp4

[3198] 第26讲：常用的数据结构了解多少？.mp4

[3199] 第27讲：到底该不该了解算法？.mp4

[3200] 第28讲：你都了解过哪些编程方式？.mp4

[3201] 第29讲：框架到底用了哪些设计模式？.mp4

[3202] 第30讲：前端热点技术之 Serverle.mp4

[3203] 第31讲：微前端与功能的可重用性.mp4

[3204] 彩蛋：如何获得心仪的 Offer？.mp4

[3205] 结束语：谈谈前端工程师的职业规划（如何跳槽、如何晋升）.mp4