解决“学了语法不会做项目”的断层问题
这套课程的核心价值，并非单纯罗列新技术名词，而是提供一条从 HTML、CSS、JS 基础到 Vue 框架应用，再到全栈思维建立的完整链条。它针对的最大痛点是初学者容易在“看视频”和“做项目”之间产生断层，导致看似学完了语法，却无法独立承接真实业务需求。对于希望转行或零基础入门的朋友，前端因其上手友好、产出直观，仍是技术入行的优选路径。课程假设你具备基本的逻辑思维能力，但不要求深厚的数学或计算机理论功底。如果你已有 Python 或 C++ 等语言基础，可能会觉得入门部分节奏偏慢，建议直接快进至框架与项目实战章节。
建议的学习顺序与关键门槛
建议遵循“基础夯实、框架引入、项目实战”三步走策略。首先，务必不要跳过手写的 DOM 操作部分。尽管现代框架简化了开发流程，但理解底层文档对象模型和事件循环机制，是后续排查复杂 Bug 的根本。重点攻克“层叠样式继承”和“作用域链”这两个初级阶段最容易混淆的概念。其次，深入理解 Vue 的双向数据绑定与组件化思想，这是当前企业级应用的主流范式。在门槛方面，除了代码编写能力，必须熟悉 Webpack 或 Vite 等构建工具的基本配置。这是从“写 Demo”跨越到“交付项目”的关键一步，许多初学者在此处因环境配置失败而放弃，资料中关于工具链的演示部分需仔细研读。
学完能独立做什么及资料用法
学完这套资料后，你应当具备独立搭建中型 Web 页面的能力。具体产出包括：能够使用 Vue 结合主流 UI 组件库快速构建后台管理系统；理解前后端 API 接口对接的标准流程；掌握 Git 版本控制的基本操作，并能看懂中等复杂度的业务代码，在指导下修复常见逻辑错误。你无需成为架构师，但需具备独立解决基础工程问题的能力。资料的使用关键在于“动手闭环”。每个知识点对应的代码案例，建议先阅读逻辑，再关闭视频亲手敲一遍。遇到报错不要直接复制答案，而是依据控制台提示修改代码，这个过程比重复记忆语法更重要。保持代码规范，坚持每日复盘，利用项目实战部分将零散知识点串联成可交付的作品，比单纯追求学习速度更能决定最终的学习效果。
课程目录
├── 1.第1周HTML5基础语法与标签 │ ├── HTML5语法与基础标签 │ │ ├── 第1章课程简介 │ │ ├── 第2章认识互联网（了解即可） │ │ ├── 第3章基础语法与特性 │ │ ├── 第4章课程总结 │ │ └── 附件 │ ├── 列表标签 │ │ ├── 第1章课程简介 │ │ ├── 第2章列表标签 │ │ ├── 第3章课程总结 │ │ └── 附件 │ ├── 前置引导课（课前必看） │ │ ├── 第1章课程简介 │ │ ├── 第2章前端开发行情与课程体系介绍 │ │ ├── 第3章开发工具和环境准备 │ │ ├── 第4章课程总结 │ │ └── 附件 │ ├── 多媒体与语义化标签 │ │ ├── 第1章课程简介 │ │ ├── 第2章多媒体标签 │ │ ├── 第3章语义化标签 │ │ ├── 第4章课程总结 │ │ └── 附件 │ ├── 表单标签 │ │ ├── 第1章课程简介 │ │ ├── 第2章表单与属性 │ │ ├── 第3章课程总结 │ │ └── 附件 │ └── 表格标签 │ ├── 第1章课程简介 │ ├── 第2章表格标签与属性 │ ├── 第3章课程总结 │ └── 附件 ├── 2.第2周CSS3基础语法与盒模型 │ ├── 1.CSS3基础入门 │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章CSS3基础语法 │ │ └── 3.第3章课程总结 │ ├── 2.CSS3选择器 │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章CSS选择器与伪类 │ │ ├── 3.第3章CSS3选择器与伪元素 │ │ └── 4.第4章课程总结 │ ├── 3.文本与字体属性 │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章文本与字体属性 │ │ └── 3.第3章课程总结 │ └── 4.盒模型 │ ├── 0.附件 │ ├── 1.第1章课程简介 │ ├── 2.第2章盒子模型 │ └── 3.第3章课程总结 ├── 3.第3周CSS3浮动定位与背景样式 │ ├── 1.浮动与定位 │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章浮动 │ │ ├── 3.第3章定位 │ │ ├── 4.第4章小慕医生项目开发 │ │ └── 5.第5章课程总结 │ ├── 2.边框与圆角 │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章边框、圆角与盒子阴影 │ │ └── 3.第3章课程总结 │ ├── 3.背景与渐变 │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章背景与渐变 │ │ └── 3.第3章课程总结 │ └── 4.2D与3D转换 │ ├── 0.附件 │ ├── 1.第1章课程简介 │ ├── 2.第2章2D&3D转换 │ └── 3.第3章课程总结 ├── 4.第4周CSS3动画与穷游首页开发实战 │ ├── 1.过渡与动画 │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章过渡与动画 │ │ └── 3.第3章课程总结 │ └── 2.“仿穷游”首页静态项目 │ ├── 0.附件 │ ├── 1.第1章课程简介 │ ├── 2.第2章头部与二级菜单开发 │ ├── 3.第3章主体开发 │ ├── 4.第4章页脚开发 │ └── 5.第5章课程总结 ├── 5.第5周JS基础语法与表达式 │ ├── 1.JS语法与变量 │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章基础语法 │ │ ├── 3.第3章变量 │ │ └── 4.第4章课程总结 │ ├── 2.JS基本数据类型 │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章数据类型初识 │ │ ├── 3.第3章基本数据类型详解 │ │ ├── 4.第4章数据类型转换 │ │ ├── 5.第5章复杂数据类型（拓展） │ │ └── 6.第6章课程总结 │ └── 3.表达式与操作符 │ ├── 0.附件 │ ├── 1.第1章课程简介 │ ├── 2.第2章表达式和操作符 │ └── 3.第3章课程总结 ├── 6.第6周JS流程控制语句与数组 │ ├── 1.流程控制语句 │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章条件语句 │ │ ├── 3.第3章循环语句 │ │ ├── 4.第4章拓展案例 │ │ └── 5.第5章课程总结 │ └── 2.数组 │ ├── 0.附件 │ ├── 1.第1章课程简介 │ ├── 2.第2章数组简介和定义 │ ├── 3.第3章数组的常用方法 │ ├── 4.第4章数组遍历（拓展） │ ├── 5.第5章JS类型值与克隆 │ └── 6.第6章课程总结 ├── 7.第7周JS函数与DOM │ ├── 1.函数 │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章函数 │ │ ├── 3.第3章函数拓展-算法面试题 │ │ ├── 4.第4章递归与克隆 │ │ ├── 5.第5章作用域和闭包 │ │ └── 6.第6章课程总结 │ ├── 2.DOM │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章DOM基本概念 │ │ ├── 3.第3章节点操作 │ │ ├── 4.第4章DOM事件 │ │ ├── 5.第5章定时器和延时器 │ │ ├── 6.第6章动画效果开发-拓展 │ │ └── 7.第7章课程总结 │ └── 3.BOM基础 │ ├── 0.附件 │ ├── 1.第1章课程简介 │ ├── 2.第2章BOM │ └── 3.第3章课程总结 ├── 8.第8周面向对象 │ └── 1.面向对象 │ ├── 0.附件 │ ├── 1.第1章课程简介 │ ├── 10.第10章课程总结 │ ├── 2.第2章对象 │ ├── 3.第3章上下文规则 │ ├── 4.第4章构造函数与类 │ ├── 5.第5章原型原型链 │ ├── 6.第6章面向对象案例-拓展 │ ├── 7.第7章内置对象 │ └── 8.第8章【拓展】继承与内置构造函数 ├── 9.第9周项目实战：仿穷游JS特效开发 │ ├── 1.正则表达式 │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章正则表达式 │ │ └── 3.第3章课程总结 │ └── 2.“仿穷游”首页动态项目 │ ├── 0.附件 │ ├── 1.第1章课程简介 │ ├── 2.第2章穷游首页JS特效开发 │ └── 3.第3章课程总结 ├── 10.第10周ES6基础入门 │ ├── 1.初识ES6 │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章ES6简介 │ │ ├── 3.第3章let和const │ │ └── 4.第4章课程总结 │ ├── 2.模板字符串与箭头函数 │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章模板字符串 │ │ ├── 3.第3章箭头函数 │ │ └── 4.第4章课程总结 │ ├── 3.解构赋值 │ │ ├── 0.附件 │ │ ├── 1.第1章课程简介 │ │ ├── 2.第2章数组的解构赋值 │ │ ├── 3.第3章对象的解构赋值 │ │ ├── 4.第4章其它数据类型的解构赋值 │ │ └── 5.第5章课程总结 │ └── 4.对象字面量的增强与函数参数的默认值 │ ├── 0.附件 │ ├── 1.第1章课程简介 │ ├── 2.第2章对象字面量的增强 │ ├── 3.第3章函数参数的默认值 │ └── 4.第4章课程总结 … 其余 3 07 项略，目录共 507 项
