Beesu Academy
Kayıt Ol

Frontend Developer

Web sayfalarının tarayıcıda göründüğü ve kullanıldığı tarafı sıfırdan öğren: HTML, CSS, JavaScript ile başla, React ve TypeScript ile modern arayüzler geliştir.

Bu yol, hiç kod yazmamış birinden işe girmeye hazır bir frontend geliştiricisine giden sıralı adımları gösterir. Her adımın yanında önemini (zorunlu, önerilen, isteğe bağlı) ve ücretsiz kaynakları görürsün. Süre kişiden kişiye çok değişir; günde 1-2 saatle genellikle 6-9 ay hesaplanır. Resmî bir diploma ya da iş garantisi değildir; portföyüne proje ekleyerek ilerlemen önerilir.

  1. 1

    1 · Web nasıl çalışır?

    ZorunluBeesu kursu yakında

    Tarayıcı, sunucu, HTTP ve alan adı kavramlarını anla; bir sayfa açıldığında arka planda ne olduğunu açıkla. Kod yazmadan önce zihinsel model kur.

  2. 2

    2 · HTML

    ZorunluBeesu kursu yakında

    Sayfa iskeleti: başlıklar, listeler, bağlantılar, görseller, formlar ve anlamlı (semantik) etiketler. Hedef: tasarımsız ama düzgün yapılandırılmış bir kişisel sayfa.

  3. 3

    3 · CSS

    ZorunluBeesu kursu yakında

    Renk, tipografi, kutu modeli, Flexbox ve Grid ile düzen. Hedef: mobilde ve masaüstünde düzgün görünen bir sayfa.

  4. 4

    4 · Duyarlı (responsive) tasarım

    ZorunluBeesu kursu yakında

    Farklı ekran boyutlarına uyum, medya sorguları, esnek birimler, mobil öncelikli düşünme.

  5. 5

    5 · JavaScript

    ZorunluBeesu kursu yakında

    Değişkenler, fonksiyonlar, diziler/nesneler, DOM ve olaylar, asenkron kod (fetch, Promise). Hedef: bir API'den veri çeken küçük bir uygulama.

  6. 6

    6 · Git ve GitHub

    ZorunluBeesu kursu yakında

    Sürüm kontrolü: commit, dal (branch), birleştirme, Pull Request. Projelerini GitHub'da tutmak işe girerken ilk bakılan şeydir.

  7. 7

    7 · Tarayıcı geliştirici araçları

    ÖnerilenBeesu kursu yakında

    Hata ayıklama, ağ isteklerini ve performansı inceleme. Sorun çözme hızını en çok artıran alışkanlık.

  8. 8

    8 · Erişilebilirlik

    ÖnerilenBeesu kursu yakında

    Klavye ve ekran okuyucu kullananlar için doğru etiketleme, kontrast, odak yönetimi. Hem etik hem iş ilanlarında giderek aranan bir beceri.

  9. 9

    9 · TypeScript

    ÖnerilenBeesu kursu yakında

    JavaScript'e tip güvenliği ekleyerek hataları çalıştırmadan yakala. React projelerinde fiilen standart.

  10. 10

    10 · React

    ZorunluBeesu kursu yakında

    Bileşenler, durum (state), olaylar, listeler, formlar ve efektler. Hedef: birkaç sayfalı, API'ye bağlanan bir uygulama.

  11. 11

    11 · Next.js ve yayına alma

    ÖnerilenBeesu kursu yakında

    Sunucu tarafı render, yönlendirme, veri çekme ve projeyi canlıya alma. Portföyündeki en az bir projeyi gerçekten yayınla.

  12. 12

    12 · Test ve performans

    İsteğe bağlıBeesu kursu yakında

    Bileşen testleri yazma ve sayfa hızını ölçüp iyileştirme (Core Web Vitals). Kıdemli rollere geçişte fark yaratır.