Bootstrap 5 ile Sıfırdan Harika Web Projeleri Oluşturun
BOOTSTRAP 5 en son sürümünü öğrenerek harika Bootstrap 5 premium tasarımlar yapıyoruz.
Ayda bir kurs ücretsiz — hangisi olacağına sen karar veriyorsun.
Öğrenecekleriniz
- Sıfırdan yüksek kaliteli Bootstrap 5 temaları ve kullanıcı arayüzleri geliştirmeyi öğreneceksiniz.
- Her platforma uyumlu (cep Telefonu, tablet, masaüstü) responsive web projeleri oluşturabileceksiniz.
- Seo Uyumlu Semantik Web Projelerinin püf noktalarını öğreneceksiniz.
- Anlamlı HTML5 ve modern CSS 3 tekniklerini öğreneceksiniz.
- Web projelerinizde tasarım arama derdinden kurtulacak ve kendi tasarımlarınızı hazırlayıp kullanabileceksiniz.
Kurs içeriği
12 bölüm · 78 ders · toplam 8 sa 42 dkSürdürülebilirlik - 2022 Güncel1 ders · 1 dk
- İki dakika kuralı ile sürdürülebilirlik nasıl sağlanır?
Hazırlık ve Kurulum2 ders · 13 dk
- CDN üzerinden hızlı başlangıç kurulumu
- Lokal dosyaları indirerek kurulum.
Konferans ve Etkinlik Talepleri Hakkında1 ders
- Konferans ve Etkinlik Talepleri Hakkında
Bootstrap 5 Öncesi Temel CSS Eğitimi10 ders · 52 dk
- Bu bölümü kimler izlemeli!
- CSS’e Giriş ve Bölüm Tanıtımı
- CSS Stil Dosyalarını Sayfaya Dahil Etme
- Yazı Tipi Özellikleri
- CSS Seçicileri
- Metin Özellikleri
- Liste Özellikleri
- Fare İşaretçi Özellikleri
- Zemin Özellikleri
- Kutu Modeli Özellikleri
Yerleşim (Layout)4 ders · 26 dk
- Kesme Noktaları (Breakpoints)
- Kapsayıcılar (Containers)
- Sütunlar (Grid)
- Sütun Hizalama
İçerik (Content)7 ders · 41 dk
- Başlıklar
- Listeler
- Öne çıkan başlıklar
- Diğer Tipografi Özellikleri
- Resimler
- Tablolar
- Figürler
Araçlar (Utilities)9 ders · 39 dk
- Arkaplan (Background)
- Kenarlıklar (Borders)
- Renkler (Colors)
- Duyarlı Yerleşim (Float)
- Taşma (Overflow)
- Gölge (Shadow)
- Boyutlandırma (Sizing)
- Boşluklar (Spacing)
- Görünürlük (Visibility)
Bileşenler (Components)16 ders · 2 sa 25 dk
- Akordion (Akordion Tab)
- Uyarılar (Alerts)
- Rozetler (Badges)
- İçerik haritası (Breadcrumb)
- Butonlar (Buttons)
- Buton Gruplama (Button Groups)
- Kartlar (Cards)
- Popup (Modal
- Menü (Navbar)
- Açılan Tuval (OffCanvas)
- Sayfalama (Pagination)
- Kart Animasyonu (Placeholder)
- Buton Bilgilendirmeleri (Popovers)
- İlerleme (Progress)
- Yüklenme İşareti (Spinner)
- Konumlandırılan Bilgilendirmeler (Toasts)
Formlar (Forms)5 ders · 47 dk
- Form Elemanları (Form Control)
- Form Elemanları (Select, Check, Radio, Switch, Range)
- Input Gruplama
- Input Etiketleri (Floating labels)
- Form Doğrulama (Validation)
Yardımcılar (Helpers)3 ders · 7 dk
- Linkleri Renklendirme (Colored links)
- Oranlama (Ratio)
- Konumlandırma (Position)
Proje 1 - Kurumsal One Page Template1 sa 6 dk
Bu bölümün ders listesi Udemy'de görüntüleniyor.
Proje 2 - Mobil App Template1 sa 19 dk
Bu bölümün ders listesi Udemy'de görüntüleniyor.
Ders başlıklarının tamamı Udemy'de. Müfredatın tamamını gör →
Bu kurs kimler için?
- Bootstrap 5 konusunda kendini geliştirmek isteyen herkes
- Bootstrap 5 kullanımını öğrenerek harika Web Projeleri / Tema yapmak isteyen herkes.
- Kaptan'ın %98'i memnun öğrencileri arasına katılmak isteyen herkes
Açıklama
Unutma! “Kimse senin dalgalarla nasıl boğuştuğuna bakmaz. Gemiyi limana getirip getirmediğine bakar.” Ben kaptanınız Emrah Yüksel olarak bu eğitim serüvenin sonunda gerçekten sana vaad ettiğim ve hayal kurmanı sağladığım her şeyi yapabilmeni sana taahhüt ediyor sadece kursa kayıt oluncaya kadar değil kurs öğrenme süresi boyuncada sana destek olacağım sözünü veriyorum.
Bu Kursta Neler Yapacağız?
Devamını göster
Bu kurs tam anlamıyla sizi Bootstrap 3 veya Bootstrap 4 veya Bootstrap 5 hakkında hiçbir şey bilmeseniz de sıfırdan harika web tasarımları/temalar yapabilmeniz için Bootstrap 5 'in kullanımını öğretmektedir. Bu kursa başlamak için Bootstrap'ın önceki sürümleri hakkında bilgi sahibi olmanıza gerek yok. Kurs içerisinde Bootstrap 5 için temel CSS bilgisi de sunulduğundan sadece temel bilgisayar kullanım bilginiz olması yeterli
En son versiyon! Bu kurs, Bootstrap 5'in son sürümünü kullanan en güncel kurstur.
Müfredat
Kursta yer alan başlıca bölüm başlıkları şunlardır.
Hazrılık ve Kurulum
Yerleşim
İçerik
Araçlar
Bileşenler
Formlar
Yardımcı Araçlar
Bootstrap nedir?
Ücretsiz bir CSS framework’u olan Bootstrap, açık kaynak kodlu bir tasarım aracıdır. Telefon, tablet ve masaüstü bilgisayarlar için farklı ve cihazınızın büyüklüğüyle orantılı şekilde sitenizin görünmesini sağlayan tema ve tasarımları kolaylıkla yapabilirsiniz. Bir site için gerekli olan bütün unsurları içerisinde barındıran Bootstrap ile tasarım yaparken bu hazır unsurları kullanarak tüm cihazlara uygun tasarımlar yapmanızı sağlar. Bu da demek oluyor ki, her şeyi hazır olan kodlarla yeni bir tasarım yaratmak oldukça kolay ve pratiktir. Stiller, imajlar ve JavaScript'ler daha öncesinden Bootstrap'in içine monte edilmiştir. Yapmanız gereken tek şey bunları çağırmanızdır. Bootstrap'in son sürümü olan Bootstrap 3, Chrome, Safari, Firefox, Internet Explorer, Opera gibi neredeyse her internet tarayıcısının son sürümlerinden sorunsuz şekilde çalışıyor.