在控制台构建部署仪表盘
这门免费课程共 10 章。你将从空白页面开始，构建带有路由、数据和测试的 Acme Deploys 并部署。阅读时，每章的应用都会在 DevTools 中实时运行。
进度0/10
- 01入门创建应用，渲染第一个页面并响应按键。5 分钟
- 02使用 Box 布局用 Flexbox 按单元格构建仪表盘框架：顶栏、侧栏和卡片。7 分钟
- 03文本与样式用颜色、文本属性和主题令牌设置部署卡片的样式。6 分钟
- 04输入与按键映射用键盘浏览部署，并添加 ? 帮助浮层。8 分钟
- 05路由将应用拆分为路由，共用布局，支持带快捷键的链接和历史记录。8 分钟
- 06数据与路由处理程序从 app/api 提供部署数据，在页面中获取并提交新部署。8 分钟
- 07Table、List 与图表用可排序的 Table 和不会改变布局的图表替换手写行。7 分钟
- 08测试离屏渲染，模拟按键，并断言帧文本。6 分钟
- 09在终端中运行使用 text run 在终端中全屏运行同一仪表盘。5 分钟
- 10发布构建、设置元数据并部署 Acme Deploys。4 分钟
- ▼证书获取一张带有你姓名、在控制台中渲染的证书。
课程在你的控制台中运行
按 ⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C 打开控制台（先开启开发者功能），点击下方，用方向键选择章节。
▼ learn
打开控制台
⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C
应用在 DevTools 中渲染。先在 Safari 设置 → 高级中开启“显示网页开发者功能”。 然后点击这里并按 ↓。
在桌面端打开
此应用在 DevTools 控制台中渲染，需要桌面浏览器。