Web geliştiricilerin gerçekten çalıştığı şekilde frontend web geliştirmeyi öğrenin: HTML, CSS ve JavaScript’i ilk dersten itibaren aynı sayfada birlikte kullanın. Bir JavaScript satırını değiştirin ve HTML, CSS ve JavaScript bölmeleri yan yana, canlı önizleme ise aşağıda olacak şekilde sayfanın telefonunuzda güncellenmesini izleyin. Temellerden sonra da devam eden, yeni başlayanlar için eksiksiz bir frontend kursu: ilk etiketinizden TypeScript, React, Vue, test, performans ve frontend mimarisine kadar.

İÇERİK
• Başlangıç seviyesinden (A1) kıdemli seviyeye (C2) 41 kurs ve 163 kısa ders
• HTML, CSS ve JavaScript bölmeleri ile anında önizleme sunan canlı kod editörü
• HTML, React, Vue, Angular, Node veya TypeScript şablonlarından yeni projeler
• Adım adım 20 rehberli proje: tarif sayfası, iletişim formu, kart ızgarası, gezinme çubuğu, veri tablosu ve daha fazlası
• Gerçek frontend hatalarından oluşturulmuş 15 hata ayıklama görevi: 375px’te bozulan bir düzen, LCP’nizi düşüren bir görsel, kimsenin sekmeyle ilerleyemediği bir form, bir bileşendeki bellek sızıntısı, yerel olarak başarılı olup CI’da başarısız olan bir test
• Final sınavı ve tamamlama sertifikası
• Uygulama 22 dilde kullanılabilir

TEK YOL, BAŞLANGIÇTAN KIDEMLİ SEVİYEYE
• Web’in nasıl çalıştığı, HTML temelleri, formlar ve anlamsal işaretleme
• CSS temelleri, değişkenler, geçişler ve animasyonlar, flexbox ve grid ile düzen
• Her ekran boyutu için duyarlı tasarım
• JavaScript temelleri, diziler ve nesneler, ES6+, DOM ve tarayıcı API’leri, asenkron programlama
• Geliştirici araçları, Git ve ekip iş akışı, modüller ve derleme araçları
• İlk türden gelişmiş kalıplara kadar TypeScript
• React temelleri, useEffect ve veri alma, gelişmiş hook’lar ve kalıplar
• Vue 3 temelleri, Composition API ve gelişmiş Vue kalıpları
• Durum yönetimi, REST, WebSockets ve gerçek zamanlı kullanıcı arayüzü ile API entegrasyonu
• Next.js ve Nuxt 3 ile sunucu tarafında oluşturma, progresif web uygulamaları (PWA)
• Erişilebilirlik, test, performans ve güvenlik
• CSS mimarisi, tasarım sistemleri, CI/CD ve modern araçlar

KALICI OLACAK PRATİK
• Öğrendiklerinizi pekiştirmek için testler ve tekrar oturumları
• Sözdizimi ve kalıplardan 83 girdiyi içeren kopya kâğıdı
• Frontend geliştiricisi veya web geliştiricisi mülakatından önce faydalı olacak, cevaplarıyla birlikte 50 mülakat sorusu
• Açıp düzenleyebileceğiniz kısa örneklerden oluşan kod kütüphanesi
• Kendi kodunuzu, notlarınızı ve favori derslerinizi kaydedin
• Kodlama mücadeleleri: bir kodla arkadaşınızı davet edin veya rastgele bir rakiple eşleşin
• World Coding Challenge: JavaScript, Python ve diğer dillerde çözülen, her gün üç küresel tur
• Seriler, XP, liderlik tablosu ve günlük hatırlatıcılar

AI MENTOR
• Bir hata veya kavramda mı takıldınız? AI mentora bir hata, ders veya kendi kodunuz hakkında sorun
• AI oyun alanı: bir sayfayı açıklayın ve kodun yazılmasını izleyin
• Ücretsiz kullanıcılar günde 3 AI sorusu sorabilir; Pro ile kullanım sınırsız olur

ÜCRETSİZ VE PRO
İlk kurs, ilk rehberli proje, iki hata ayıklama görevi ve kod editörü, günde 3 AI mentor sorusuyla birlikte ücretsizdir. Ücretsiz sürümde reklamlar gösterilir. Pro, tüm kursların, tüm proje ve görevlerin, sertifika sınavının ve sınırsız AI kullanımının kilidini açar ve reklamları kaldırır.

Bugün başlayın ve ilk sayfanızı dakikalar içinde oluşturun.