Eğitime Giriş
  • Web Geliştirme Uzmanlığına Giden Yolda Eğitimleri Hangi Sıra İle İzlemeliyim?
  • Eğitmen Önerileri (İzlemeden Devam Etmeyin)
  • Kurs İçeriği, Neler Öğreneceğim?
  • Kursa Nasıl Çalışmalıyız?
Bootstrap Öncesi Temel CSS Eğitimi
  • CSS’e Giriş ve Bölüm Tanıtımı
  • Sublime Text Kod Editörü Kurulumu ve Proje Dosyalarının Çalıştırılması
  • CSS Stil Dosyalarını Sayfaya Dahil Etme
  • CSS Seçicileri
  • Yazı Tipi Özellikleri
  • Metin Özellikleri
  • Liste Özellikleri
  • Fare İşaretçi Özellikleri
  • Zemin Özellikleri
  • Kutu Modeli Özellikleri
Bootstrap 4 Eğitimine Giriş
  • Bölüm Tanıtımı
  • Bootstrap Nedir?
  • Neden Bootstrap Kullanmalıyız?
  • Bootstrap ile Hazırlanmış Site Örnekleri
  • Desteklenen Cihazlar ve Web Tarayıcılar
  • Tarayıcı Hatalarını Tespit Etme
  • Responsive Tasarım ve Adaptive Tasarım Arasında ki Farklar?
  • Bootstrap 4 ile Gelen Yenilikler
  • Lorem İpsum Nedir Kullanımı Nasıldır?
  • Placeholder Nedir Kullanımı Nasıldır?
  • Bootstrap Kurulumu ve Projeye Dâhil Edilmesi
  • Jquery Dosyalarını Localden Çalıştırma ve Püf Nokta
  • Bootstrap 4 ile İlk Projemiz
  • Sayfa Yerleşim Dizaynının Oluşturulması
  • Projelerimiz Responsive Olarak Nasıl Test Edebiliriz
Grid (Izgara) Sistemi
  • Bölüm Tanıtımı
  • Grid (Izgara) Sistemi Nedir?
  • Grid Sistemi Uygulama Örneği
  • Ödev – İlk Grid Yapısı Projemiz
  • Grid Ekran Modelleri
  • Sütun Kaydırma
  • Sütun Sıralama
  • Sütun Netleştirme Öteleme
  • Medya Nesnesi (Media Object)
  • Medya Nesnesi (Media Object) - Yuvalama (Nesting)
  • Medya Nesnesi (Media Object) - Hizalama (Alignment)
  • Bölüm Sonu Proje Ödevi
  • Bölüm Sonu Proje Ödevi Yapımı
Tipografik Stiller (CSS)
  • Bölüm Tanıtımı
  • Başlıklar (Heading)
  • Display Heading
  • Küçük Metin
  • Altı Çizili Metin
  • Kalın Metin
  • İtalik Metin
  • İşaretlenmiş Metin
  • Silinmiş Metin
  • Üstü Çizili Metin
  • Pasif Metin
  • .lead Öne Çıkan Metin
  • Kaynak Belirtme Stili
  • Kısaltmalar
  • Klavye Girdisi
  • Değişken
  • Satır İçi Kod
  • Ara Proje Ödevi
  • Ara Proje Ödevinin Yapılışı
  • Metin Renklendirme Etiketleri
  • Arkaplan Renklendirme Etiketleri
  • Açıklamalar
  • Sıralı ve Sırasız Listeleme
  • Metinleri Dönüştürme
  • Hizalamalar
  • İframe Embed Responsive Video Ekleme
  • Kenarlıklar ve Renklendirme (Border)
  • Kenarların Yuvarlanması (Border Radius)
  • Resimler (Images)
  • Figürler
  • Breakpoint
  • Flexbox
  • Tablolar
  • Tablo Renklendirme
  • Font Awesome İcon Seti Kullanımı
  • Tablolar Proje Ödevi
  • Tablolar Proje Ödevi Yapılışı
Bileşenler (Components)
  • Bölüm Tanıtımı
  • Bu Bölümde Kullanılan Tüm Eğitim Ders Kodlarını İndirin
  • Butonlar
  • Buton Grupları
  • Buton Toolbar
  • Açılır Butonlar
  • Rozetler (Badge)
  • Uyarılar (Alert)
  • Vitrin (Jumbotron)
  • Kartlar (Card)
  • Kartvizit Kart ve Kart List Oluşturma
  • Kartlar Header, Menu Tab ve Boyutlandırma
  • Kart Arkaplan (Overlay)
  • Kart Renklendirme Stilleri
  • Kart Grupları ve Kart Destesi