Bootstrap 4 ile Sıfırdan Tema Yapımı
Bootstrap'i sınıf sınıf ezberlemek başka, onunla gerçek bir tema çıkarmak başka. Bu kurs ikincisini yapar: boş bir klasörle başlar, sonunda elinizde yayına hazır, tamamen responsive bir tek sayfa teması olur. Her sınıf, gerçekten ihtiyaç duyulduğu anda öğretilir. BAŞLANGIÇ Kurs boyunca kuracağımız temanın önizlemesiyle açıyoruz: hangi bölümlerden oluşacak, nasıl görünecek ve hangi araçlara ihtiyacınız olacak. Bootstrap 4'ün önceki sürümden farkları — flexbox tabanlı grid, yeni sınıf isimleri, kaldırılan ve eklenen bileşenler. Ardından proje klasörünü kuruyor, Bootstrap dosyalarını bağlıyor ve ilk iskeleti hazırlıyoruz. HEADER'I KURMAK Kursun en yoğun bölümü, beş derste adım adım. Önce iletişim bilgisi ve sosyal bağlantıları taşıyan üst navbar; sonra marka alanı, menü bağlantıları ve mobilde açılıp kapanan asıl navbar. Ardından slider alanını açıyor, görselleri ekliyor ve son derste flexbox yardımcı sınıflarıyla her şeyi dikey-yatay hizalıyoruz. İÇERİK BÖLÜMLERİ Sayfanın gövdesi. Grid ile üçlü özellik (features) kutuları, ikon ve metin yerleşimi. Şirket tanıtım bölümünde metin ve görseli yan yana dengeleme. Öne çıkan çalışmalar bölümünde ise filtre kontrolleri ve çalışma kartlarının ızgarası. FİYATLANDIRMA VE ALT BİLGİ Sütun sütun hizalanmış, öne çıkan planı vurgulayan bir fiyat tablosu. Çok kolonlu footer: bağlantı listeleri, kısa tanıtım ve iletişim bilgisi. En altta telif hakkı şeridi ve sayfanın son rötuşları. RESPONSIVE VE YAYINLAMA Temayı telefon, tablet ve masaüstünde tek tek test edip breakpoint'lerde bozulan yerleri düzeltiyoruz. Kurs, temayı yayına hazır hale getirme ve yükleme adımlarıyla kapanıyor. Dersler kısa ve doğrudan uygulamalıdır; kod satır satır birlikte yazılır.
Müfredat
Başlangıç ve Proje Kurulumu
- Kursa Giriş: Ne Yapacağız ve Ne GerekiyorÜcretsiz önizleme
- Bootstrap 4'te Neler YeniÜcretsiz önizleme
- Proje Dosyalarını Hazırlamak
Header'ı Kurmak
- Header 1: Üst Navbar'ı Oluşturmak
- Header 2: Ana Navbar'ı Oluşturmak
- Header 3: Slider Alanını Oluşturmak
- Header 4: Slider Görsellerini Eklemek
- Header 5: Öğeleri Hizalamak
İçerik Bölümleri
- Özellikler (Features) Bölümünü Oluşturmak
- Şirket Tanıtım Bölümünü Oluşturmak
- Öne Çıkan Çalışmalar Bölümü ve Kontroller
Fiyatlandırma ve Alt Bilgi
- Fiyatlandırma Tablosunu Oluşturmak
- Footer'ı Oluşturmak
- Telif Hakkı Bölümü ve Son Rötuşlar
Responsive ve Yayınlama
- Temayı Responsive Hale Getirmek ve Test Etmek
- Kurs Sonu ve Temayı Yayına Almak
Bootstrap 4 ile Tema Yapımı — Bitirme Sınavı
Son aşama: 20 soru, geçme notu %70. Başarılı olunca sertifikanız açılır.
Sertifika önizlemesi
Kursu bitirip sınavı geçtiğinizde sertifika böyle görünür. Adınız yalnızca belge düzenlendiğinde eklenir.
Kazanacağınız beceriler
- Sıfırdan, yayına hazır ve tamamen responsive bir Bootstrap 4 teması çıkarın
- Bootstrap 4'ün önceki sürümden farklarını ve flexbox tabanlı grid'i kavrayın
- Proje klasörünü kurun ve Bootstrap dosyalarını doğru şekilde bağlayın
- İletişim ve sosyal bağlantıları taşıyan bir üst navbar tasarlayın
- Mobilde açılıp kapanan, marka alanlı bir ana navbar kurun
- Görsel destekli bir slider alanı oluşturun ve içeriğini hizalayın
- Flexbox yardımcı sınıflarıyla öğeleri dikey ve yatay olarak ortalayın
- Grid ile özellik (features) kutuları ve şirket tanıtım bölümü tasarlayın
- Kontrollü bir öne çıkan çalışmalar (portfolio) bölümü kurun
- Öne çıkan planı vurgulayan bir fiyatlandırma tablosu oluşturun
- Çok kolonlu bir footer ve telif hakkı şeridi tasarlayın
- Temayı her ekran boyutunda test edip breakpoint sorunlarını düzeltin
Skillora
Başarı Sertifikası
Bu belge
aşağıdaki kursu başarıyla tamamladığı için verilmiştir
Bootstrap 4 ile Sıfırdan Tema Yapımı
Seri No
SKL-XXXX-XXXX
Verilış Tarihi
—
Karim Al-Rashid
İmza
Karim Al-Rashid
Kıdemli Frontend Geliştirici · UI/UX Uzmanı
Bu sertifikayı doğrulayın
skillora.site/en/verify