Crie um painel de deploy no console
Este curso gratuito tem 10 capítulos. Você vai criar Acme Deploys, de uma página vazia a um app com deploy, rotas, dados e testes. Cada capítulo roda ao vivo no DevTools enquanto você lê.
Progresso0/10
- 01Primeiros passosCrie um app, renderize sua primeira página e responda a uma tecla.5 min
- 02Layout com BoxMonte a estrutura do painel com Flexbox em células: uma barra superior, uma barra lateral e cartões.7 min
- 03Texto e estiloEstilize um cartão de deploy com cores, atributos de texto e tokens de tema.6 min
- 04Entrada e mapas de teclasNavegue pelos deploys com o teclado e adicione uma sobreposição de ajuda com ?.8 min
- 05RoteamentoDivida o app em rotas com um layout compartilhado, links com atalhos e histórico.8 min
- 06Dados e manipuladores de rotaSirva deploys de app/api, busque-os em uma página e envie novos.8 min
- 07Table, List e gráficosSubstitua linhas feitas à mão por uma Table ordenável e um gráfico que nunca desloca o layout.7 min
- 08TestesRenderize fora da tela, pressione teclas e faça asserções sobre o quadro como texto.6 min
- 09Executar em um terminalExecute o mesmo painel em tela cheia em um terminal com text run.5 min
- 10PublicaçãoGere o build, defina metadados e faça deploy de Acme Deploys.4 min
- ▼CertificadoObtenha um certificado com seu nome, renderizado no console.
O curso roda no seu console
Abra o console com ⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C (ative os recursos de desenvolvedor primeiro), clique abaixo e escolha um capítulo com as teclas de seta.
▼ learn
Abrir o console
⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C
O app renderiza no DevTools.Primeiro ative “Mostrar recursos para desenvolvedores web” em Ajustes do Safari → Avançado. Depois clique aqui e pressione ↓.
Abrir em um computador
Este app renderiza no console do DevTools, que precisa de um navegador de computador.