Orta6 hafta6 bölüm · 30 ders · 6 ödev
Astro ile İçerik Odaklı Web
Astro'yu varsayılan olarak sıfır JavaScript gönderen, içerik odaklı bir çerçeve olarak öğreten program. .astro bileşenleri, adalar (islands) mimarisi, içerik koleksiyonları, React ile etkileşim, sunucu tarafı render, Astro Actions, SEO ve yayın. Blog, dokümantasyon ve pazarlama siteleri için hızlı yol.
Verilen süreler tahminidir; kurumunuzun saat planlamasına göre revize edilir.
Kime uygun
- · Hızlı, SEO dostu içerik ve pazarlama siteleri kuracaklar
- · Gereksiz JavaScript'ten kurtulmak isteyen React geliştiricileri
Ön koşullar
- · HTML, CSS ve JavaScript temelleri
- · React ve TypeScript bilgisi önerilir
Müfredat
Neden Astro: içerik odaklı web ve sıfır JS28 dk
.astro bileşenleri ve frontmatter26 dk
Proje yapısı ve geliştirme akışı30 dk
Adalar (islands) mimarisi24 dk
Bölüm ödevi: İlk Astro sitesi: sayfalar ve ortak düzen40 dk
İlk Astro sitesi: sayfalar ve ortak düzenödev
Astro — Belgelerbağlantı
Astro — Adalar Mimarisibağlantı
Astro — Proje Yapısıbağlantı
Dosya tabanlı yönlendirme28 dk
Layout ve bileşen kompozisyonu26 dk
Dinamik rotalar ve getStaticPaths30 dk
Stil: kapsamlı CSS ve Tailwind28 dk
Bölüm ödevi: Dinamik rotalı çok sayfalı site45 dk
Dinamik rotalı çok sayfalı siteödev
Astro — Yönlendirmebağlantı
Astro — Layout'larbağlantı
Astro — Stil Vermebağlantı
Koleksiyon ve içerik şeması (Zod)26 dk
Markdown ve MDX30 dk
Koleksiyon sorguları ve ilişkili içerik24 dk
RSS ve sitemap28 dk
Bölüm ödevi: Şemalı içerik koleksiyonuyla blog50 dk
Şemalı içerik koleksiyonuyla blogödev
Astro — İçerik Koleksiyonlarıbağlantı
Astro — MDXbağlantı
Astro — RSSbağlantı
React ve diğer çerçeveleri içeri almak26 dk
client:load, client:idle, client:visible30 dk
Adalar arası durum paylaşımı28 dk
Ne kadar JavaScript göndermeli26 dk
Bölüm ödevi: Yalnızca gerektiğinde yüklenen etkileşimli bileşen40 dk
Yalnızca gerektiğinde yüklenen etkileşimli bileşenödev
Astro — İstemci Yönergeleribağlantı
Astro — React Entegrasyonubağlantı
Nano Storesbağlantı
Çıktı kipleri: statik, sunucu ve karma30 dk
Adaptörler ve API uç noktaları24 dk
Astro Actions ile form işleme28 dk
Ortam değişkenleri ve veritabanı26 dk
Bölüm ödevi: Doğrulamalı iletişim formu ve uç nokta45 dk
Doğrulamalı iletişim formu ve uç noktaödev
Astro — Sunucu Tarafı Renderbağlantı
Astro — Actionsbağlantı
Astro — Ortam Değişkenleribağlantı
Görsel optimizasyonu ve font30 dk
View Transitions28 dk
SEO, Open Graph ve yapılandırılmış veri26 dk
Netlify, Vercel ve Cloudflare'e yayın30 dk
Bitirme projesi: İçerik sitesi: koleksiyonlar, etkileşimli adalar, form ve yayın60 dk
İçerik sitesi: koleksiyonlar, etkileşimli adalar, form ve yayınödev
Astro — Görsellerbağlantı
Astro — View Transitionsbağlantı
Astro — Dağıtımbağlantı
DersÖdevKaynak
Bu programı kurumunuzun kendi sınıfında, müfredat, ders ve değerlendirme dahil yürütüyorum.
Kurumunuza getirin