Konsolunuzda dağıtım panosu oluşturma
Bu ücretsiz kursta 10 bölüm var. Acme Deploys uygulamasını boş bir sayfadan başlayarak rotaları, verileri ve testleri olan, dağıtılmış bir uygulamaya dönüştüreceksiniz. Her bölüm, siz okurken DevTools’ta canlı çalışır.
İlerleme0/10
- 01İlk adımlarBir uygulama oluşturun, ilk sayfanızı render edin ve bir tuşa yanıt verin.5 dk
- 02Box ile layoutPano iskeletini hücrelerde Flexbox ile oluşturun: bir üst çubuk, bir kenar çubuğu ve kartlar.7 dk
- 03Metin ve biçimlendirmeBir dağıtım kartını renkler, metin nitelikleri ve tema token’larıyla biçimlendirin.6 dk
- 04Girdi ve tuş haritalarıDağıtımlar arasında klavyeyle gezinin ve ? yardım katmanı ekleyin.8 dk
- 05YönlendirmeUygulamayı ortak layout, kısayollu bağlantılar ve geçmiş içeren rotalara ayırın.8 dk
- 06Veri ve rota işleyicileriDağıtımları app/api üzerinden sunun, bir sayfada alın ve yenilerini gönderin.8 dk
- 07Table, List ve grafiklerElle oluşturulan satırların yerine sıralanabilir bir Table ve layout’u kaydırmayan bir grafik kullanın.7 dk
- 08TestEkran dışında render edin, tuşlara basın ve kareyi metin olarak doğrulayın.6 dk
- 09Terminalde çalıştırmaAynı panoyu text run ile terminalde tam ekran çalıştırın.5 dk
- 10YayımlamaAcme Deploys’u derleyin, meta verilerini ayarlayın ve dağıtın.4 dk
- ▼SertifikaAdınızın yazılı olduğu, konsolda render edilen bir sertifika alın.
Kurs konsolunuzda çalışır
Konsolu ⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C ile açın (önce geliştirici özelliklerini açın), aşağıya tıklayın ve ok tuşlarıyla bir bölüm seçin.
▼ learn
Konsolu açın
⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C
Uygulama DevTools’ta render edilir.Önce Safari Ayarlar → İleri Düzey bölümünde “Web geliştiricileri için özellikleri göster” seçeneğini açın. Sonra buraya tıklayın ve ↓ tuşuna basın.
Masaüstünde açın
Bu uygulama DevTools konsolunda render edilir; bunun için masaüstü tarayıcısı gerekir.