2018年最新传智播客WEB前端开发工程师 36期 黑马前端培训

这套资料是黑马程序员第 36 期的前端培训全程录像，录制时间在 2018 年。如果你正在搜前端课程，多半会被各种"零基础到架构师"的说法绕晕，这篇导读只讲一件事：这份 2018 年的老资料，今天还值不值得花时间。

先看它针对的工作场景

第 36 期的内容对应的是那个年代企业里最典型的前端岗位需求：把设计稿还原成页面、用 JavaScript 处理交互、用框架搭后台管理系统、和接口联调。也就是说，它训练的是"能独立完成一个中小型 Web 项目前端部分"的能力，而不是算法竞赛或工程架构方向。如果你现在的目标是找一份常规前端开发岗，或者想把手上零散的 HTML、CSS 知识串成完整的工作能力，这份资料的定位是对的。但如果你已经做过两三个项目、想补的是工程化、性能优化、微前端这类内容，它帮不上太多。

学完大致能独立做什么

完整跟下来，比较现实的结果是：能自己从零写一个响应式企业站或电商类页面，能用 JavaScript 实现轮播、表单校验、数据渲染这类常见交互；框架部分跟完后，可以独立搭起一个带路由、状态管理、接口请求的后台管理类应用，并把打包产物部署到服务器上。这个程度对应的是初级前端岗的日常工作，不是"精通"。需要提醒的是，2018 年的技术选型和现在有差距，Vue、React 的版本、构建工具、语法规范都变了，跟课时要把版本差异单独记下来，不能照搬。

资料适合什么基础

• 适合：完全没接触过前端、或者只写过静态页面的人。课程从 HTML 标签和 CSS 盒模型讲起，起步门槛低。
• 适合：自学过一段时间但知识不成体系、需要有人按顺序带着走一遍的人。
• 不太适合：有其他语言基础、只想快速补前端框架的人。前面几百节的页面基础部分对你来说是重复劳动，可以直接跳到 JavaScript 之后的内容。
• 不太适合：指望靠这一套拿到中高级岗位的人。它的深度停在能干活，不涉及复杂工程问题。

这份资料怎么用才不浪费

按章节顺序看是效率最低的方式。更实际的做法是分三段：页面基础和 CSS 布局部分快速过，会写就不用逐节看，重点看它讲浮动、定位、Flex 时的思路；JavaScript 部分必须慢下来，这是整份资料里最保值的一段，DOM 操作、事件、原型、异步这些概念不会因为年份而过时；框架和项目部分当案例看，重点看一个项目从搭架子到接口联调是怎么组织的，而不是背某个 API 的写法。

每学完一个模块，建议自己动手重写一遍当节的案例，不看视频。前端这东西看会了和写出来是两回事。项目部分跟完后，把它改成自己的题目，换一套接口、换一套 UI，改完能跑通，才算真的落进手里。

关于它的局限，说清楚

2018 年的录像，讲课时用的编辑器、命令行工具、脚手架版本都和现在不同，某些依赖装不上的情况会碰到，这属于正常现象，需要你自己查当前文档解决。另外课程里没有涉及 TypeScript、现代构建工具链、组件库生态这些现在招聘里常见的要求。比较合理的定位是：把它当作打地基的材料，地基打完后另外补一块新技术的内容，两段拼起来才够用。如果你只想买一份资料就解决所有问题，这份不合适。