Bootstrap Nedir?

Description

Bootstrap Front-End Developerlar için geliştirilmiş açık kaynak kodlu ve ücretsiz bir CSS framework'tür. Bootstrap sayesinde masaüstü, tablet, mobil cihaz ve tüm tarayıcılara uyumlu web siteleri geliştirebiliriz. Bunun yanında bir web sitesi için gerekli olan tüm bileşenleri yapısında barındırır. (Form öğeleri, tablolar, butonlar, uyarılar, navigasyon bar, sayfalandırma, etiketler, açılan menüler vb. tasarım öğeleri.) Bu hazır bileşenleri kullanarak hem gelişmiş bir görünüm hem de her cihaza uygun bir tasarım gerçekleştirmiş oluruz.

Bu kurs Davud Hoca Sıfırdan İleri Düzey Web Tasarımı ve Programlama Serisinin Temel Eğitimlerindendir.

Kursu anlayabilmek için CSS Öğreniyorum Eğitimine ihtiyacınız vardır.

• Bootstrap 3 Öğrenmek İsteyenler

Course content

• Bootstrap 3 Eğitim Seti
  • bootstap indirilmesi
  • sayfanın ayarlanması
  • ilk bootstap kodu
  • bootstrap mantığı üzerine 1
  • bootstrap mantığı üzerine 2
  • bootstrap mantığı üzerine 3
  • bootstrap mantığı üzerine 4
  • bootstrap mantığı üzerine 5
  • Grid Mantığı üzerine 1
  • Grid Mantığı üzerine 2
  • Grid Mantığı üzerine 3
  • Grid Mantığı üzerine 4
  • Grid Mantığı üzerine 5
  • Grid Mantığı üzerine 6
  • Grid Mantığı üzerine 7
  • Grid Mantığı üzerine 8
  • Grid Mantığı üzerine 9
  • Grid Mantığı üzerine 10
  • Grid Mantığı üzerine 11
  • Grid Mantığı üzerine 12
  • Grid Mantığı üzerine 13
  • Grid Mantığı üzerine 14
  • Grid Mantığı üzerine 15
  • Grid Mantığı üzerine 16
  • Genel Tekrar
  • offset kavramı örnek
  • offset kavramı örnek 2
  • div içi bölme
  • push pull
  • typography
  • tablolar 1
  • tablolar 2
  • tablolar 3
  • tablolar 4
  • tablolar 5
  • formlar 1
  • formlar 2
  • formlar 3
  • formlar 4
  • butonlar
  • butonlar 2
  • butonlar 3
  • butonlar 4
  • butonlar 5
  • butonlar 6
  • butonlar 7
  • butonlar 8
  • documentation hakkında
  • responsive resimler 1
  • responsive resimler 2
  • yazılar 1
  • yazılar 2
  • yazılar 3
  • yazılar 4
  • visible hidden 1
  • visible hidden 2
  • visible hidden 3
  • visible hidden 4
  • CSS Kısmının incelenmesinin tamamlanması
  • Gettin Started bölümü incelenmesi 1
  • Gettin Started bölümü incelenmesi 2
  • components icon 1
  • components icon 2
  • zencoding yüklenmesi
  • zencoding plugin 1
  • zencoding plugin 2
  • zencoding plugin 3
  • zencoding plugin 4
  • zencoding plugin 5
  • zencoding plugin 6
  • zencoding plugin 7
  • components - dropdown 1
  • components - dropdown 2
  • components - dropdown 3
  • components - dropdown 4
  • components - dropdown 5
  • components - dropdown 6
  • buton grupları 1
  • buton grupları 2
  • buton grupları 3
  • buton grupları 4
  • input alanları 1
  • input alanları 2
  • input alanları 3
  • input alanları 4
  • input alanları 5
  • button addons
  • button addons 2
  • button addons 3
  • navs göz atma
  • nav tabs
  • nav-pills
  • navstacked and nav justified
  • dropdowns
  • navbar giriş
  • navbar inceleme 1
  • navbar inceleme 2
  • navbar inceleme 3
  • navbar inceleme 4
  • navbar inceleme 5
  • Breadcrumb ile hiyerarşik link yapma
  • pagination ile sayfalama
  • pagination ile sayfalama active ve disabled
  • pagination ile sayfalama boyutları
  • pager ile ileri geri butonu yapma
  • pager ile ileri geri butonu disabled
  • labels 1
  • labels 2
  • badges
  • jumbotron
  • jumbotron 2
  • jumbotron 3
  • jumbotron 4
  • Page Header
  • Thumbnails
  • Thumbnails 2
  • thumbnails 3
  • custom content 1
  • custom content 2
  • custom content 3
  • alerts uyarı çeşitleri
  • alert links
  • dismissable alerts
  • progress bar
  • progress bar 2
  • animasyonlu progres bar
  • animasyonlu progres bar 2
  • media objects
  • media objects 2
  • media objects 3
  • list group
  • list group 2
  • list group 3
  • panels
  • panels 2
  • panels 3
  • panels 4
  • panels 5
  • responsive media
  • wells 1
  • wells 2
  • wells 3
  • özet
  • özet 2
  • özet 3
  • özet 4
  • özet 5
  • özet 6
  • özet 7
  • özet 8
• Bootstrap 4 Eğitim Seti
  • Kurs Hakkında
  • Bootstrap nedir
  • Bootstrap 3-4 farkları
  • ilk bootstrap 4 sayfamız
  • Bootstrap 4 grid sistemi giriş
  • Bootstrap 4 Girid Örnekleri
  • Tipografi giriş ve rem nedir
  • header elementleri
  • html text etiketlerinin durumu
  • Yeni Text Classları