Buat dasbor deploy di konsol Anda
Kursus gratis ini berisi 10 bab. Anda akan membangun Acme Deploys dari halaman kosong hingga aplikasi yang di-deploy dengan route, data, dan pengujian. Tiap bab berjalan langsung di DevTools saat Anda membacanya.
Progres0/10
- 01MemulaiBuat aplikasi, render halaman pertama Anda, dan tanggapi penekanan tombol.5 mnt
- 02Layout dengan BoxBangun kerangka dasbor dengan Flexbox dalam sel: bilah atas, bilah samping, dan kartu.7 mnt
- 03Teks & gayaAtur gaya kartu deployment dengan warna, atribut teks, dan token tema.6 mnt
- 04Input & keymapNavigasikan deployment dengan keyboard dan tambahkan overlay bantuan ?.8 mnt
- 05Pengaturan routePisahkan aplikasi menjadi route dengan layout bersama, tautan berpintasan, dan riwayat.8 mnt
- 06Data & route handlerSajikan deployment dari app/api, ambil di halaman, dan kirim yang baru.8 mnt
- 07Table, List & grafikGanti baris buatan sendiri dengan Table yang bisa diurutkan dan grafik yang tidak menggeser layout.7 mnt
- 08PengujianRender di luar layar, tekan tombol, dan buat asersi pada frame sebagai teks.6 mnt
- 09Menjalankan di terminalJalankan dasbor yang sama dalam layar penuh di terminal dengan text run.5 mnt
- 10MerilisBuild, atur metadata, dan deploy Acme Deploys.4 mnt
- ▼SertifikatDapatkan sertifikat dengan nama Anda, di-render di konsol.
Kursus berjalan di konsol Anda
Buka konsol dengan ⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C (aktifkan fitur pengembang terlebih dahulu), klik di bawah lalu pilih bab dengan tombol panah.
▼ learn
Buka konsol
⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C
Aplikasi ini di-render di DevTools.Aktifkan dahulu “Tampilkan fitur untuk pengembang web” di Setelan Safari → Lanjutan. Lalu klik di sini dan tekan ↓.
Buka di desktop
Aplikasi ini di-render di konsol DevTools, yang memerlukan browser desktop.