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.

Description

Bu Kursta Neler Yapacağız?

Bu kurs tam anlamıyla sizi Bootstrap 3 veya Bootstrap 4 hakkında hiçbir şey bilmeseniz de sıfırdan harika web tasarımları/temalar yapabilmeniz için Bootstrap 4 'ün 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 4 için temel CSS bilgisi de sunulduğundan sadece temel bilgisayar kullanım bilginiz olması yeterli

En son versiyon!

Bu kurs, Bootstrap 4'ün (4.0.0-Beta) son sürümünü kullanan en güncel kurstur.

Gerçek Projeler / Premium Temalar

Tüm kurslarında önce öğretip sonrada gerçek projelerde bu bilgileri harmanlayan eğitmeniniz ile birlikte sıfırdan 4 farklı projeyi yaparak bilgilerinizi pekiştireceksiniz. Bu projelerin tamamının dosyaları şuan kursta hazır ve yüklenmiş şekilde. Dilerseniz eğitmeniniz ile birlikte uygulayarak yada anında indirerek projeleri inceleyebilirsiniz.

Bu kurs kimler için uygun:

• Bootstrap 4 konusunda kendini geliştirmek isteyen herkes
• Facebook, Onedio tarzı veya popüler beğenilen tasarımları yapmak isteyen herkes.
• Bootstrap 4 kullanımını öğrenerek harika Web Projeleri / Tema yapmak isteyen herkes.
• Kaptan'ın %98'i memnun öğrencileri arasına katılmak isteyen herkes

Course content

• 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
  • Kart Sütunları
  • Giriş Grupları (İnput Grups)
  • Formlar (Forms) ve Form Elemanları Özellikleri
  • Formlar Grid Yapısı
  • Menüler (Navs)
  • Menüler (Navs) JS Özellikleri Tab Menü
  • Menü Bar (Navs Bar)
  • Collapse & Akordion Tab
  • İçerik Haritası (BreadCrumb)
  • Sayfalama (Pagination)
  • İlerleme Çubuğu (Progress Bar)
  • Açılır Kutular (Modal Popup)
  • ScrollSpy
  • ToolTips
  • Açıklama Metinleri (Popovers)
  • Resim Slider (Carousel)
• 1.Proje - Kişisel ya da Kurumsal Blog Tasarımı
  • Proje Başlangıç Dosyalarının Hazırlanması
  • Menü Bar (Navbar) Oluşturma İşlemleri
  • Makale listeleme düzenin oluşturma işlemleri
  • Sağ Alan (Right Bar) Arama Kutusu, Kategori Listeleme Düzeni ve Reklam Alanı
  • Sayfalama (Pagination) Butonlarının Yapımı
  • Sabit Menü ve Responsive Maillist Kayıt Formu Oluşturma
  • Makale Sayfası (Single Page) Yapımı
  • Makale Sayfası (Single Page) Yazar Bilgisi Medya Nesnesi Oluşturma
  • Proje Dosyalarını İndirin
• 2.Proje - Onedio.Com Tasarımı
  • Proje Başlangıç Dosyalarının Hazırlanması
  • Onedio Tarzında Menü Bar (Navbar) Oluşturma İşlemleri
  • Onedio Tarzında Menü Bar (Navbar) Oluşturma İşlemleri - Sağ Taraf
  • Onedio Menü Altı Öne Çıkan Haberler Yapımı
  • Onedio Üst Reklam Banner Alanı Yapımı
  • Onedio Alt Haberler Alanı Yapımı
  • Onedio Alt Galeri ve Video Alanı Yapımı
  • Onedio Resimlere İcon Ekleme
  • Onedio Makale Sayfası (Single Page) Yapımı
  • Proje Dosyalarını İndirin
• 3.Proje 140Journos Haber Sitesi Home Page Tasarımı
  • Proje Başlangıç Dosyalarının Hazırlanması
  • 140 Journos Üst Menü ve Logo Alanı Yapımı
  • 140Journos Üst Yatay İkili Haber Alanı
  • 140Journos Homage Page Haber Alanlarının Tamamlanması
  • Proje Dosyalarını İndirin
• 4.Proje Facebook (Home Page) Tasarımı
  • Proje Başlangıç Dosyalarının Hazırlanması
  • Facebook Üst Menü ve Giriş Formu Yapımı
  • Facebook Home Page Bilgilendirme ve Form Alanı Yapımı
  • Facebook Home Page Form Alanı ve Alt Menü Yapımı
  • Facebook No Responsive Hakkında Bilgi
  • Proje Dosyalarını İndirin
• Bu Kurs Sonrası Neler Yapabilirsiniz?
  • Eğitmen Önerileri ve Yeni Projelerle Kendimi Nasıl Geliştiririm?
• BONUS
  • Özel Fırsatlar