Ders İçerikleri
Ders İzlencesi
Kullanılacak Dosyalar
- Bootstrap v5.3.0
Hafta 1
- Bootstrap Nedir?
- Bootstrap’ın Avantajları Nelerdir?
- Bootstrap Nasıl Kullanılır?
- VS Code Pluggin (Eklentiler)
- Başlık ve Metin Etiketleri (Title and Text Tags)
- Paragraf Biçimlendirme (Paragraph Formatting)
- Büyük Küçük Harf Dönüştürme (Case Conversion)
- Metni Kaydırma (Wrapping Text)
- Metin Vurgulama (Text Highlighting)
Hafta 2
- Colors (Renkler)
- Background Color (Arka Plan Rengi)
- Background Gradient (Arka Plan Gradyanı)
- Spacing (Boşluklar) «Margin ve Padding»
- Border and Shadow (Kenarlık ve Gölgelendirme)
- Radius (Resim Köşegenlerini Ovalleştirme)
- Shadows (Gölgelendirme)
Hafta 3
- Alignment (Hizalama)
- Display (Görünürlük)
- Tables and Sizing (Tablolar ve Boyutlandırma)
- Create a Table (Tablo Oluşturma)
- Table Formatting (Tablo Biçimlendirme)
Hafta 4
- Breakpoints (Durak Noktaları)
- Buttons (Butonlar)
Hafta 5
- Form Elements – I (Form Elemanları – I)
Hafta 6
- Form Elements – II (Form Elemanları – II)
Hafta 7
- Form Layout (Form Düzeni)
- List & List Groups (Liste & Liste Grupları)
Hafta 8
- Alerts (Uyarılar)
- Badges (Rozetler)
- Breadcrumb (Yönlendiriciler)
Hafta 9
- Dropdowns (Açılır Menüler)
- Cards (Kartlar)
Hafta 10
- Navs (Link Grubu)
- Navbar (Link Menüsü)
Hafta 11
- Spiners (Yükleme Animasyonu)
- Collapse ve Accordion (İçerikleri Göster – Gizle)
Hafta 12
- Carousel (Slider)
- Modals (İletişim, Bildirim vs. Kutuları)
Hafta 13
- Bootstrap Website Örneği – I
Hafta 14
- Bootstrap Website Örneği – II