渡一教育 - 前端大师课

这套前端大师课的内容体量不小，从 HTML、CSS 基础一直铺到 Vue 和工程化，中间还夹着 Git、网络、模块化这些容易被自学者跳过、但实际工作中天天要用的东西。它更像一套按阶段推进的系统资料，而不是靠几个炫技项目撑起来的速成包。如果你之前零散看过一些教程，能写页面但说不清为什么这么写，这套资料值得花时间。

它解决的是"会写但不成体系"的问题

很多自学前端的人卡在同一个位置：跟着视频能敲出效果，脱离教程就不知道从哪下手，遇到报错只能搜。这套课把 HTML+CSS、JavaScript 分成收官和项目实战两段，先补语言本身的漏洞，再用项目把知识串起来。后面的 ES6、模块化、包管理器、工程化几块，对应的正是从"写单个页面"到"参与一个真实项目"之间的那道坎。微信小程序和 Vue 相关部分，则覆盖了国内岗位里出现频率较高的两个方向。

适合什么基础，先看哪几块

完全没碰过代码的人，建议从 HTML+CSS 收官和 JS 收官开始，不要一上来就跳项目实战。有基础但觉得自己"半桶水"的，可以直接从 JavaScript 语言提升、程序思维训练、网络和 Git 这几块切入，把底层概念补扎实，再回头做项目。已经能独立写页面的转行者，重点放在工程化、模块化、包管理器、Vue 这几块，这些是面试和入职后最容易露怯的地方。CSS3 和 HTML5 的详细版可以当工具书，用到时再翻，不必从头刷。

学完能独立做什么，资料怎么配合练

按顺序走完，你应该能独立完成一个带交互的响应式页面，用 Git 管理代码版本，用模块化和包管理器组织项目结构，并基于 Vue 搭出一个有组件拆分的中小型应用。练习方式上，建议每看完一个语言模块就自己重写一遍示例，而不是复制代码；项目实战部分先自己实现，再对照讲解找差距。第三方库、Bootstrap、JS 工具库这几块不用全记，知道有什么、需要时能查就行。程序思维训练和网络基础别跳过，它们决定了你后面学框架是"会用"还是"会想"。

整体看，这套资料覆盖面广、阶段划分清楚，适合愿意按部就班学的人。它的短板是内容多、周期长，想两周速成的不建议入手；但如果你目标是真正能上手做项目，而不是背几个 API，这套课的结构是站得住的。