Creare una dashboard di deploy nella console
Questo corso gratuito ha 10 capitoli. Creerai Acme Deploys partendo da una pagina vuota fino al deploy di un’app con route, dati e test. Ogni capitolo viene eseguito dal vivo in DevTools mentre lo leggi.
Avanzamento0/10
- 01Primi passiCrea un’app, renderizza la prima pagina e rispondi a un tasto.5 min
- 02Layout con BoxCostruisci la struttura della dashboard con Flexbox in celle: una barra superiore, una barra laterale e schede.7 min
- 03Testo e stiliApplica a una scheda di deploy colori, attributi di testo e token del tema.6 min
- 04Input e mappe dei tastiNaviga tra i deploy con la tastiera e aggiungi un pannello di aiuto con ?.8 min
- 05RoutingDividi l’app in route con un layout condiviso, link con scorciatoie e cronologia.8 min
- 06Dati e route handlerServi i deploy da app/api, recuperali in una pagina e inviane di nuovi.8 min
- 07Table, List e graficiSostituisci le righe scritte a mano con un Table ordinabile e un grafico che non sposta mai il layout.7 min
- 08TestRenderizza fuori schermo, premi i tasti e verifica il frame come testo.6 min
- 09Esecuzione in un terminaleEsegui la stessa dashboard a schermo intero in un terminale con text run.5 min
- 10PubblicazioneEsegui la build, imposta i metadati e fai il deploy di Acme Deploys.4 min
- ▼CertificatoOttieni un certificato con il tuo nome, renderizzato nella console.
Il corso nella tua console
Apri la console con ⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C (prima attiva le funzionalità per sviluppatori), fai clic sotto e scegli un capitolo con i tasti freccia.
▼ learn
Apri la console
⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C
L’app viene renderizzata in DevTools.Prima attiva «Mostra funzionalità per sviluppatori web» in Safari Impostazioni → Avanzate. Poi fai clic qui e premi ↓.
Aprire su desktop
Questa app viene renderizzata nella console DevTools, che richiede un browser desktop.