Hafta 7 Laboratuvarı

Bootstrap ve JavaScript ile Etkinlik Kayıt Sayfası

Bu sayfada Bootstrap ile responsive bir arayüz tasarlanır; JavaScript ile de tema değiştirme ve form verilerinden başvuru özeti üretme işlemleri yapılır.

Başvuru Formuna Git

Neler Kullanıldı?

Navbar Grid Card Form Alert
  • Bootstrap CDN kullanımı
  • Responsive sütun yapısı
  • JavaScript ile form verisi okuma
  • Tema değiştirme işlemi

Atölye İçerikleri

Bootstrap bileşenlerini kullanarak tasarlanmış örnek kartlar

01

Responsive Tasarım

Container, row, col yapıları ile farklı ekranlarda uyumlu görünüm oluşturulur.

Detay
02

Form Yapıları

Bootstrap form-control, form-select ve form-check sınıfları kullanılır.

Detay
03

JavaScript Etkileşimi

Form gönderildiğinde özet kartı oluşturulur ve tema butonu ile sayfa görünümü değişir.

Detay

Etkinlik Bilgileri

  • Tarih 12 Mayıs
  • Saat 13.30
  • Yer Lab 205
  • Kontenjan 40 Kişi

Neden Katılmalısınız?

Bootstrap pratiği

Hazır sınıflarla kısa sürede profesyonel arayüz oluşturmayı görürsünüz.

JavaScript mantığı

DOM erişimi, event listener ve koşullu yapı örneği uygulanır.

Gerçek senaryo

Basit ama gerçekçi bir etkinlik kayıt sayfası geliştirilir.

GitHub Pages uyumu

Sayfa doğrudan mevcut ana sayfadan erişilebilir şekilde hazırlanır.

Başvuru Formu

Formu doldurun, JavaScript otomatik olarak başvuru özetinizi oluştursun.

Bootstrap Form