课程介绍

课程背景

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

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

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

专栏解读

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

① 前端核心基础知识：深入理解前端必备的 HTML、CSS、JavaScript 及网络协议，掌握它们的高级用法，比如 DOM 事件应用、CSS 管理、JavaScript 异步处理方案，以及 API 设计；深入浏览器内核的工作机制，让你既懂页面样式，更懂浏览器

②实际应用场景解析：解析热门前端框架，理解其设计原理；深入分析前端工程化中的重要工具 webpack，建立工程化、工具化思维

③综合能力提升：前端知识扩展，通过理解 Node.js 核心原理与应用场景，扩大你的开发能力边界，不再只局限于浏览器，同时通过算法与数据结构的学习，具备解决复杂问题的能力

④彩蛋：前端工程师的职业规划和面试技巧十分重要，这个部分会带你分析大厂的面试真题，分享面试技巧，帮你直取高薪 Offer

老师简介

朱德龙：前中兴软创主任工程师、《了不起的JavaScript工程师》图书作者

2011 年毕业后进入中兴旗下子公司成为 JSP 全栈工程师，负责开发 B/S 架构的软件系统，参与过亿级数据量的复杂系统。后来加入创业公司作为核心骨干，开发网上预约平台，作为资深前端工程师从 0 到 1 搭建和开发云服务平台的前端项目。目前是一家创业公司的前端负责人，带领团队成员完成各个前端项目的开发任务

课程目录

• 学习收获
• 1.夯实 HTML、CSS、JS 基础，构建知识体系
• 2.从实际应用场景出发，解析源码与真题
• 3.综合能力加餐，详解前端工具及热点技术
• 4.掌握前端架构设计的核心思路，提升综合能力
• 订阅须知
• 1.本专栏共 33 讲，已全部更新；
• 2.支持 视频+音频+图文 3 种阅读形式；
• 3.购买后在拉勾 App-课程，可永久观看课程；
• 4.视频课程为虚拟商品，一旦售出不可申请退款；
• 5.本课程版权归拉勾所有，严禁翻录，违者必究；
• 6.如有问题请咨询客服同学，召唤客服>>>
• 目录 /共36节
• 开篇词
• 开篇词：带你一起筑建前端工程师的“护城河”
• 模块一：前端核心基础知识
• 第01讲：你真的熟悉 HTML 标签吗？
• 第02讲：如何高效操作 DOM 元素？
• 第03讲：3 个使用场景助你用好 DOM 事件
• 第04讲：掌握 CSS 精髓：布局
• 第05讲：如何管理你的 CSS 代码？
• 加餐1：手写 CSS 预处理
• 第06讲：浏览器如何渲染页面？
• 第07讲：关于 JavaScript 的数据类型，你知多少？
• 第08讲：为什么说函数是 JavaScript 的一等公民？
• 第09讲：为什么代码没有按照编写顺序执行？
• 第10讲：怎么复用你的代码？
• 第11讲：为什么说 JavaScript 不适合大型项目？
• 第12讲：浏览器如何执行 JavaScript 代码？
• 第13讲：区分浏览器中的进程与线程
• 加餐2：手写 Promise、async/await
• 第14讲：HTTP 协议和它的“补丁”们
• 第15讲：如何让浏览器更快地加载网络资源？
• 第16讲：浏览器同源策略与跨域方案详解
• 第17讲：前后端如何有效沟通？
• 模块二：前端实际应用场景解析
• 第18讲：你是怎么理解“组件”这个概念的？
• 第19讲：把路由放在前端意味着什么？
• 第20讲：详解组件通信之状态管理
• 第21讲：你的代码到底是怎么编译的？
• 第22讲：如何合理搭建前端项目？
• 第23讲：谈性能优化到底在谈什么？
• 第24讲：你的代码是怎么成为黑客工具的？
• 模块三：综合能力提升
• 第25讲：Node.js == 全栈？
• 第26讲：常用的数据结构了解多少？
• 第27讲：到底该不该了解算法？
• 第28讲：你都了解过哪些编程方式？
• 第29讲：框架到底用了哪些设计模式？
• 第30讲：前端热点技术之 Serverless
• 第31讲：微前端与功能的可重用性
• 彩蛋
• 彩蛋：如何获得心仪的 Offer？
• 结束语：谈谈前端工程师的职业规划（如何跳槽、如何晋升）