核心 · 前端免费阅读

前端：HTML、CSS 与 JavaScript教程

搭好页面结构，加上样式和布局，再让它加载数据、响应点击。

8 课约 12 小时

边学边练

互动课是同样的内容，旁边多了一个编辑器：每个例子都能运行，小测验当场判对错，练习题提交马上判题。免费开始，不用注册。

开始互动课

1

HTML

做出人人都能用的页面和表单。

1 页面的结构一个网页到底是由什么组成的？2 表单与无障碍网页怎么向用户要信息？

2

CSS

知道哪条规则生效，并在任何屏幕上排好盒子。

3 选择器与层叠两条 CSS 规则冲突时，听谁的？4 布局：盒子、flexbox、手机盒子是怎么并排摆放的，又怎么在手机上也放得下？

3

JavaScript

会写 JavaScript，会处理数据。

5 JavaScript 基础怎么让网页「会思考」？6 数组、对象与 JSON怎么处理一堆东西，比如商店里的商品？

4

应用

加载数据，并让屏幕和数据保持一致。

7 异步与 fetch网页怎么加载数据又不卡住？8 状态与渲染应用是怎么让屏幕和数据保持一致的？