Front-End Study Workspace

这个工作区按知识点分目录，便于你后续继续加入 CSS、JavaScript、DOM、TypeScript 等内容。

目录规则

• 01-html-structure：HTML 结构
• 02-css-layout：预留给 CSS
• 03-javascript-core：预留给 JavaScript
• 04-dom-events-async：预留给 DOM + 事件 + 异步
• 05-typescript：预留给 TypeScript

当前可学内容

现在已经为你整理好 01-html-structure，里面包含：

• 讲义
• 分阶段练习
• starter.html 起始代码
• answer.html 参考答案

现在也已经整理好 02-css-layout，里面包含：

• CSS 讲义
• 分阶段案例
• starter.html / starter.css 起始代码
• answer.html / answer.css 参考答案

现在也已经整理好 03-javascript-core，里面包含：

• JavaScript 核心讲义
• 分阶段练习
• starter.js 起始代码
• answer.js 参考答案

前三部分现在都已经补充到“核心主线 + 常见细分知识点”。

使用方式

1. 先阅读 [01-html-structure/README.md](/Volumes/Macintosh HD 1/home/front-end-example/01-html-structure/README.md)
2. 再阅读 [02-css-layout/README.md](/Volumes/Macintosh HD 1/home/front-end-example/02-css-layout/README.md)
3. 再阅读 [03-javascript-core/README.md](/Volumes/Macintosh HD 1/home/front-end-example/03-javascript-core/README.md)
4. 按顺序完成每个练习目录
5. 先写 starter.html、starter.css 或 starter.js
6. 写完后再对照答案文件

如果你后面要继续学其他知识点，我可以按同样结构继续给你补 04-dom-events-async、05-typescript 等目录。