Bootstrap 4 ile Sıfırdan Harika Web Projeleri Oluşturun

Kaçırmayın; Kısa bir süre için bu kurs şimdi yalnızca ₺38.99!

sonra indirim bitiyor!

Kayıt Ol ve Hemen İzlemeye Başla

Bootstrap 4 ile Sıfırdan Harika Web Projeleri Oluşturun

Bootstrap 4 ile Sıfırdan Harika Web Projeleri Oluşturun
  • Eğitmen
    Emrah Yüksel
  • Kategori
    Web Geliştirme
  • Fiyat
    379.99 yerine 38.99 TL

BOOTSTRAP en son sürümünü öğrenerek Facebook, Onedio, 140Journos gibi BOOTSTRAP 4 premium tasarımlar yapıyoruz.

Kurs Açıklaması

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?

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.

  1. Kişisel Kurumsal Blog Tasarımı
  2. Onedio Site Tasarımı
  3. 140Journos Haber Sitesi Tasarımı
  4. Facebook Login Home Page Tasarımı

Eğitmen

Emrah Yüksel
Emrah Yüksel
Web Geliştirici ve Eğitmen

Puanlama

Kurs Puanı:4.77

5 Stars570
4 Stars90
3 Stars29
2 Stars9
1 Star7
Kursun tanıtım videosunu izleyebilirsiniz

Bu kursta yer alan dersler aşağıda listelenmiştir. Aktif olan başlıklardan örnek dersleri izleyebilirsiniz.

  • 1- Proje Başlangıç Dosyalarının Hazırlanması
  • 2- 1.Proje - Kişisel ya da Kurumsal Blog Tasarımı
  • 3- Resim Slider (Carousel)
  • 4- Açıklama Metinleri (Popovers)
  • 5- ToolTips
  • 6- ScrollSpy
  • 7- İlerleme Çubuğu (Progress Bar)
  • 8- Açılır Kutular (Modal Popup)
  • 9- Sayfalama (Pagination)
  • 10- İçerik Haritası (BreadCrumb)
  • 11- Collapse & Akordion Tab
  • 12- Menü Bar (Navs Bar)
  • 13- Menüler (Navs) JS Özellikleri Tab Menü
  • 14- Menüler (Navs)
  • 15- Formlar Grid Yapısı
  • 16- Formlar (Forms) ve Form Elemanları Özellikleri
  • 17- Giriş Grupları (İnput Grups)
  • 18- Kart Sütunları
  • 19- Kart Grupları ve Kart Destesi
  • 20- Kart Renklendirme Stilleri
  • 21- Kart Arkaplan (Overlay)
  • 22- Kartlar Header, Menu Tab ve Boyutlandırma
  • 23- Kartvizit Kart ve Kart List Oluşturma
  • 24- Kartlar (Card)
  • 25- Vitrin (Jumbotron)
  • 26- Uyarılar (Alert)
  • 27- Rozetler (Badge)
  • 28- Açılır Butonlar
  • 29- Buton Toolbar
  • 30- Buton Grupları
  • 31- Butonlar
  • 32- Bu Bölümde Kullanılan Tüm Eğitim Ders Kodlarını İndirin
  • 33- Bölüm Tanıtımı
  • 34- Bileşenler (Components)
  • 35- Tablolar Proje Ödevi Yapılışı
  • 36- Tablolar Proje Ödevi
  • 37- Font Awesome İcon Seti Kullanımı
  • 38- Tablo Renklendirme
  • 39- Tablolar
  • 40- Flexbox
  • 41- Breakpoint
  • 42- Figürler
  • 43- Resimler (Images)
  • 44- Kenarların Yuvarlanması (Border Radius)
  • 45- Kenarlıklar ve Renklendirme (Border)
  • 46- İframe Embed Responsive Video Ekleme
  • 47- Hizalamalar
  • 48- Metinleri Dönüştürme
  • 49- Sıralı ve Sırasız Listeleme
  • 50- Açıklamalar
  • 51- Arkaplan Renklendirme Etiketleri
  • 52- Metin Renklendirme Etiketleri
  • 53- Ara Proje Ödevinin Yapılışı
  • 54- Ara Proje Ödevi
  • 55- Satır İçi Kod
  • 56- Değişken
  • 57- Klavye Girdisi
  • 58- Kısaltmalar
  • 59- Kaynak Belirtme Stili
  • 60- .lead Öne Çıkan Metin
  • 61- Pasif Metin
  • 62- Üstü Çizili Metin
  • 63- Silinmiş Metin
  • 64- İşaretlenmiş Metin
  • 65- İtalik Metin
  • 66- Kalın Metin
  • 67- Altı Çizili Metin
  • 68- Küçük Metin
  • 69- Display Heading
  • 70- Başlıklar (Heading)
  • 71- Bölüm Tanıtımı
  • 72- Tipografik Stiller (CSS)
  • 73- Bölüm Sonu Proje Ödevi Yapımı
  • 74- Bölüm Sonu Proje Ödevi
  • 75- Medya Nesnesi (Media Object) - Hizalama (Alignment)
  • 76- Medya Nesnesi (Media Object) - Yuvalama (Nesting)
  • 77- Medya Nesnesi (Media Object)
  • 78- Sütun Netleştirme Öteleme
  • 79- Sütun Sıralama
  • 80- Sütun Kaydırma
  • 81- Grid Ekran Modelleri
  • 82- Ödev – İlk Grid Yapısı Projemiz
  • 83- Grid Sistemi Uygulama Örneği
  • 84- Grid (Izgara) Sistemi Nedir?
  • 85- Bölüm Tanıtımı
  • 86- Grid (Izgara) Sistemi
  • 87- Projelerimiz Responsive Olarak Nasıl Test Edebiliriz
  • 88- Sayfa Yerleşim Dizaynının Oluşturulması
  • 89- Bootstrap 4 ile İlk Projemiz
  • 90- Jquery Dosyalarını Localden Çalıştırma ve Püf Nokta
  • 91- Bootstrap Kurulumu ve Projeye Dâhil Edilmesi
  • 92- Placeholder Nedir Kullanımı Nasıldır?
  • 93- Lorem İpsum Nedir Kullanımı Nasıldır?
  • 94- Bootstrap 4 ile Gelen Yenilikler
  • 95- Responsive Tasarım ve Adaptive Tasarım Arasında ki Farklar?
  • 96- Tarayıcı Hatalarını Tespit Etme
  • 97- Desteklenen Cihazlar ve Web Tarayıcılar
  • 98- Bootstrap ile Hazırlanmış Site Örnekleri
  • 99- Neden Bootstrap Kullanmalıyız?
  • 100- Bootstrap Nedir?
  • 101- Bölüm Tanıtımı
  • 102- Bootstrap 4 Eğitimine Giriş
  • 103- Kutu Modeli Özellikleri
  • 104- Zemin Özellikleri
  • 105- Fare İşaretçi Özellikleri
  • 106- Liste Özellikleri
  • 107- Metin Özellikleri
  • 108- Yazı Tipi Özellikleri
  • 109- CSS Seçicileri
  • 110- CSS Stil Dosyalarını Sayfaya Dahil Etme
  • 111- Sublime Text Kod Editörü Kurulumu ve Proje Dosyalarının Çalıştırılması
  • 112- CSS’e Giriş ve Bölüm Tanıtımı
  • 113- Bootstrap Öncesi Temel CSS Eğitimi
  • 114- Kursa Nasıl Çalışmalıyız?
  • 115- Kurs İçeriği, Neler Öğreneceğim?
  • 116- Eğitmen Önerileri (İzlemeden Devam Etmeyin)
  • 117- Eğitime Giriş
  • 118- Web Geliştirme Uzmanlığına Giden Yolda Eğitimleri Hangi Sıra İle İzlemeliyim?
  • 119- Menü Bar (Navbar) Oluşturma İşlemleri
  • 120- Makale listeleme düzenin oluşturma işlemleri
  • 121- Sağ Alan (Right Bar) Arama Kutusu, Kategori Listeleme Düzeni ve Reklam Alanı
  • 122- Sayfalama (Pagination) Butonlarının Yapımı
  • 123- Sabit Menü ve Responsive Maillist Kayıt Formu Oluşturma
  • 124- Makale Sayfası (Single Page) Yapımı
  • 125- Makale Sayfası (Single Page) Yazar Bilgisi Medya Nesnesi Oluşturma
  • 126- Proje Dosyalarını İndirin
  • 127- 2.Proje - Onedio.Com Tasarımı
  • 128- Proje Başlangıç Dosyalarının Hazırlanması
  • 129- Onedio Tarzında Menü Bar (Navbar) Oluşturma İşlemleri
  • 130- Onedio Tarzında Menü Bar (Navbar) Oluşturma İşlemleri - Sağ Taraf
  • 131- Onedio Menü Altı Öne Çıkan Haberler Yapımı
  • 132- Onedio Üst Reklam Banner Alanı Yapımı
  • 133- Onedio Alt Haberler Alanı Yapımı
  • 134- Onedio Alt Galeri ve Video Alanı Yapımı
  • 135- Onedio Resimlere İcon Ekleme
  • 136- Onedio Makale Sayfası (Single Page) Yapımı
  • 137- Proje Dosyalarını İndirin
  • 138- 3.Proje 140Journos Haber Sitesi Home Page Tasarımı
  • 139- Proje Başlangıç Dosyalarının Hazırlanması
  • 140- 140 Journos Üst Menü ve Logo Alanı Yapımı
  • 141- 140Journos Üst Yatay İkili Haber Alanı
  • 142- 140Journos Homage Page Haber Alanlarının Tamamlanması
  • 143- Proje Dosyalarını İndirin
  • 144- 4.Proje Facebook (Home Page) Tasarımı