Ön-Yüz’e (Front-end) Giriş

Eğitmenler: Muhammed Kahraman, Selin Sezi Elevli

Kurslara kayıt olmak için tıklayın

Eğitim Özeti:

Ön-yüz (Front-end) Programlamaya Giriş, katılımcılara HTML, CSS, JavaScript ve jQuery gibi
temel web geliştirme teknolojilerini öğretmeyi amaçlayan 4 günlük bir eğitim programıdır.
Bu eğitimde, özgür yazılım felsefesi ve web geliştirme yöntemleri detaylı olarak ele alınacaktır.

Katılımcı Şartları:

• En az B1 seviyesinde İngilizce bilgisi
• Temel düzeyde Git kullanımı
• Teknik belge okuyabilme yeteneği
• Katılımcıların herhangi bir programlama dilinde geliştirme yapmış olması zorunlu değildir

Gereken Donanım ve Yazılım:

• GNU/Linux çalıştıran bir bilgisayar (zorunlu değil, ancak diğer işletim sistemlerinde yaşanacak sorunlara destek verilmeyecektir)
• Tercihen VSCodium veya Visual Studio Code kurulumu

Eğitim İçeriği:

Gün 1: Giriş ve Temel Kavramlar

• Özgür Yazılım Nedir?
  • Tanım ve Özgür Yazılım Hareketi
  • Özgür Yazılım Lisansları
• Eğitim Programına Genel Bakış
  • 4 günün genel akışı, neler öğreneceğiz?
  • Katılımcı tanışma & beklentilerin paylaşılması

Gün 2: HTML ve CSS

• HTML Temelleri
  • Temel yapı: html, head, body
  • Sık kullanılan etiketler: h1 – h6, p, a, img, div
  • Kısa örnek: Basit bir “Hoş Geldiniz” sayfası oluşturma
• CSS Temelleri
  • CSS ekleme yöntemleri (inline, internal, external)
  • Temel seçiciler (element, .class, #id)
  • Renk, font, box model (margin, padding, border)
  • Basit responsive örnek (media query mantığına giriş)

Gün 3: JavaScript Temelleri

• JavaScript’e Giriş
  • Değişken tanımlama (var, let, const) ve veri türleri
  • Temel operatörler, koşullar (if-else), döngüler (for, while)
  • Fonksiyon yapısı ve basit örnekler
• DOM (Document Object Model) Manipülasyonu
  • DOM nedir, nasıl erişilir?
  • Seçiciler: document.getElementById, querySelector vb.
  • Etkinlikler (Event’ler): click, mouseover, keyup vb.
  • Küçük uygulama: Basit etkileşimli form veya buton aksiyonu

Gün 4: İleri JavaScript ve jQuery

• İleri JavaScript Konuları
  • Asenkron JavaScript’e giriş: fetch() örneği
  • Promise & async/await mantığının temelleri
  • Basit API’den veri çekme senaryosu (örneğin JSON verisi)
• jQuery’ye Giriş
  • jQuery nedir, nasıl eklenir?
  • Seçiciler ve DOM manipülasyonu
  • jQuery ile basit olay yönetimi
• Final Proje Uygulaması
  • HTML + CSS + JavaScript + jQuery’yi birleştirerek basit ama fonksiyonel bir uygulama geliştirme
  • Değerlendirme ve Paylaşım
    • Katılımcı projelerinin kısa sunumu
    • Geri bildirim ve soru-cevap
    • Kapanış konuşması ve sertifika/katılım belgesi (varsa)