Crear un panel de despliegue en tu consola
Este curso gratuito tiene 10 capítulos. Crearás Acme Deploys desde una página vacía hasta una app desplegada con rutas, datos y pruebas. Cada capítulo se ejecuta en vivo en DevTools mientras lo lees.
Progreso0/10
- 01Primeros pasosCrea una app, renderiza tu primera página y responde a una tecla.5 min
- 02Layout con BoxCrea la estructura del panel con Flexbox en celdas: una barra superior, una barra lateral y tarjetas.7 min
- 03Texto y estilosDa estilo a una tarjeta de despliegue con colores, atributos de texto y tokens de tema.6 min
- 04Entrada y mapas de teclasNavega por los despliegues con el teclado y añade una capa de ayuda con ?.8 min
- 05EnrutamientoDivide la app en rutas con un layout compartido, enlaces con atajos e historial.8 min
- 06Datos y manejadores de rutaSirve despliegues desde app/api, cárgalos en una página y publica otros nuevos.8 min
- 07Table, List y gráficosSustituye las filas hechas a mano por un Table ordenable y un gráfico que nunca desplaza el layout.7 min
- 08PruebasRenderiza fuera de pantalla, pulsa teclas y comprueba el fotograma como texto.6 min
- 09Ejecutar en una terminalEjecuta el mismo panel a pantalla completa en una terminal con text run.5 min
- 10PublicaciónCompila, configura los metadatos y despliega Acme Deploys.4 min
- ▼CertificadoObtén un certificado con tu nombre, renderizado en la consola.
El curso se ejecuta en tu consola
Abre la consola con ⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C (primero activa las funciones para desarrolladores), haz clic abajo y elige un capítulo con las flechas.
▼ learn
Abrir la consola
⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C
La app se renderiza en DevTools.Primero activa «Mostrar funciones para desarrolladores web» en Configuración de Safari → Avanzado. Luego haz clic aquí y pulsa ↓.
Abrir en un equipo de escritorio
Esta app se renderiza en la consola de DevTools, que requiere un navegador de escritorio.