语言与样式层。这一层决定你写的代码"对不对",框架层决定"快不快"。
| 顺序 | 子目录 | 内容 | 篇数 | 索引 |
|---|---|---|---|---|
| 01 | web开发 | Web 是什么、URL/域名、命令行、服务端认知 | 9 | README |
| 02 | html | 标签语义、表单、多媒体、Canvas/SVG | 35 | README |
| 03 | css | 盒模型、布局、动效、响应式 | 40 | README |
| 04 | javascript | 语言内核 43 篇,编号即顺序 | 43 | README |
| 05 | typescript | 类型系统与类型体操 | 2 | README |
第一步:Web 认知(1 周) Web 和 Web 标准 → URL → 域名 → Web 服务器 → 命令行
第二步:HTML(1-2 周) 先看 HTML 基础语法,再按「结构 → 内容 → 表单 → 多媒体 → 进阶」推进,具体顺序见 HTML 索引。重点是语义元素和页面结构化和语义化——这是可访问性与 SEO 的基础。
第三步:CSS(3-4 周) 按能力块推进,不要按文件名:
| 能力块 | 文档 |
|---|---|
| 入门 | 简介 → 语法 → 创建 → 发展史 → 浏览器支持 |
| 选择器 | 选择器 → CSS !important |
| 文本与颜色 | css颜色 → 文本格式 |
| 盒模型 | 盒子模型 → 尺寸 → 内边距 → → → → → |
| 布局 | 文档流 → 显示和可见性 → 浮动 → 定位 → 对齐方式 → 网页布局 → 多列布局 → 透明度 |
| 响应式 | 响应式设计 → 媒体查询 |
| 组件样式 | 列表 → 表格 → 表单 → 链接 → 用户界面 → 计数器 |
| 动效与新特性 | 过渡 → 动画 → 2D 转换 → 3D 转换 → 变量 → 原生嵌套 → 函数 |
第四步:JavaScript(4-6 周) 严格按 JavaScript 索引 的编号顺序。三处必须读透:
已知缺口:CSS 缺 Flexbox/Grid 专题。