Web Geliştirme Öğren

HTML, CSS ve JavaScript’i ilk dersten itibaren bir arada öğrenin; web geliştirme becerilerinizi başlangıçtan ileri seviyeye taşıyın. Bu uygulama, Frontend geliştirici olmayı hedefleyen ve web geliştirme öğrenmek isteyen herkes için tasarlandı.

İÇİNDEKİLER

• 41 kurs, 163 kısa ders: A1–C2

• Canlı kod editörü: Yan yana HTML, CSS ve JavaScript panelleri; telefonunuzda altta anında önizleme

• HTML, React, Vue, Angular, Node veya TypeScript proje şablonları

• Adım adım ilerleyen 20 proje: Tarif sayfası, iletişim formu, kart ızgarası, gezinme çubuğu, veri tablosu ve daha fazlası

• Gerçek hatalara dayalı 15 hata ayıklama görevi: 375 px genişlikte bozulan düzen, LCP’yi olumsuz etkileyen görsel, sekme tuşuyla gezinmeyi engelleyen form, bellek sızıntısı olan bileşen, yerel ortamda geçip CI’da başarısız olan test

• Final sınavı ve tamamlama sertifikası

• 22 dil

BAŞLANGIÇTAN İLERİ SEVİYEYE TEK BİR ÖĞRENME YOLU

• Web’in temelleri, HTML, formlar, anlamsal işaretleme

• CSS temelleri, değişkenler, geçişler, animasyonlar, flexbox, grid

• Tüm ekranlara uyumlu tasarım

• JavaScript, diziler, nesneler, ES6+, DOM, tarayıcı API’leri, asenkron işlemler

• Geliştirici araçları, Git, ekip iş akışı, modüller, derleme araçları

• TypeScript: Temellerden ileri düzey kalıplara

• React temelleri, useEffect, veri alma, gelişmiş hook’lar ve kalıplar

• Vue 3, Composition API, gelişmiş kalıplar

• Durum yönetimi, REST API’leri, WebSocket’ler, gerçek zamanlı arayüzler

• Sunucu tarafında işleme: Next.js, Nuxt 3; aşamalı web uygulamaları (PWA)

• Erişilebilirlik, test, performans, güvenlik

• CSS mimarisi, tasarım sistemleri, CI/CD, modern araçlar

KALICI ÖĞRENME İÇİN PRATİK

• Testler ve tekrarlar

• Başvuru kaynağı: 83 sözdizimi ve kod kalıbı maddesi

• Frontend geliştirici/web geliştirici mülakatlarına yönelik 50 yanıtlı soru

• Düzenlenebilir kod örnekleri kitaplığı

• Kodlarınızı, notlarınızı ve favori derslerinizi kaydedin

• Kodlama mücadeleleri: Arkadaşlarınızı kodla davet edin veya rastgele rakiplerle karşılaşın

• Dünya Kodlama Mücadelesi: JavaScript, Python ve diğer dillerde her gün üç küresel tur

• Seri, XP, liderlik tablosu, günlük hatırlatmalar

AI MENTOR

• Hatalar, kavramlar, mesajlar, dersler veya kodunuz hakkında AI’a danışın

• AI oyun alanı: Bir sayfa tarif ederek kod oluşturun

• Ücretsiz: Günde 3 AI sorusu; Pro: Sınırsız

KİMLER İÇİN?

• Web geliştirici olmayı hedefleyen yeni başlayanlar

• Web geliştirme kurslarına ek olarak pratik yapmak isteyen öğrenciler

• Tasarımlarını hayata geçiren tasarımcılar

• JavaScript, TypeScript ve framework’leri öğrenen HTML/CSS geliştiricileri

• İlk Frontend işine hazırlanan kariyer değişikliği yapanlar

• Frontend developer olmayı hedefleyenler

NASIL ÇALIŞIR?

1. Ücretsiz başlayın: Frontend Geliştirmeye Hoş Geldiniz

2. Bir panelde kodu düzenleyin; önizlemenin anında güncellendiğini görün

3. JavaScript, duyarlı düzen, TypeScript, React ve Vue öğrenin

4. Rehberli projeler geliştirin; gerçek hataları ayıklayın

5. Sertifikanızı almak için final sınavını geçin

ÜCRETSİZ VE PRO

Ücretsiz: İlk kurs, ilk rehberli proje, iki hata ayıklama görevi, kod editörü ve günde 3 AI mentor sorusu; reklam içerir. Pro: Tüm kurslar, projeler ve görevler, sertifika sınavı ve sınırsız AI; reklamları kaldırır.