前端学科

每一门语言,都是一扇新的入口

HTML 给页面结构,CSS 给它外观,JavaScript 给它行为。从任意一门开始都可以,你自然会遇到另外两门。

选一个科目

选择你的科目

同一个平台、同一套工具、同一个实时编辑器——先选哪个都可以。

HTML 给它结构

每个网页都始于一份 HTML 文档。学会用浏览器、读屏工具与搜索引擎都能理解的方式来标记内容。

  • 语义化标签
  • 表单与输入
  • 无障碍标记
学习进度…%
查看章节

CSS 让它好看

把朴素的标记变成值得一看的界面——颜色、间距、布局与动效,全部由你写一次、随处复用的规则驱动。

  • Flexbox 与 Grid
  • 响应式设计
  • 设计令牌
学习进度…%
查看章节

JavaScript 让它动起来

让页面能够回应操作。变量、事件与 DOM,把静态标记变成真正可用的东西。

  • DOM 与事件
  • 逻辑与数据
  • 异步与请求
学习进度…%
查看章节

学习流程具体是怎样的

不管选哪个科目,每一课都遵循同一套流程。

  1. STEP 01

    选一个科目

    从 HTML、CSS 或 JavaScript 开始都可以——三门课彼此独立,没有固定的先后顺序。

  2. STEP 02

    边读边写

    每节课都把简短讲解和可以立刻编辑运行的代码放在一起,就在页面里。

  3. STEP 03

    动手练习

    在自由的练习场里巩固所学,或用一个小测验检验理解程度。

  4. STEP 04

    记录进度

    课程可以自由挑选顺序;注册用户的学习进度自动保存,完成一节课后即可挑战它的测验——登录一次,进度永远都在。

访客还是注册用户?

先随便看看,准备好了再登录——进度会一直在那里等你。

免费注册账号

访客

  • 浏览所有课程内容
  • 使用课程内代码编辑器
  • 有限的练习场功能
拥有访客的全部权限,此外还有:

注册用户

  • 学习进度自动保存,完成一节课后解锁它的测验
  • 参加测验并记录分数
  • 在论坛和作品展示区发帖