Bootstrap, web siteleri veya web uygulamaları geliştirmek için kullanılan; özellikle responsive ve mobil odaklı web projesi geliştirmelerinde popüler olan ücretsiz ve açık kaynak kodlu bir front-end framework’tür (yazılım iskeletidir).
İlk olarak 2010 yılının ortalarında Twitter'dan Mark Otto (@mdo) ve Jacob Thornton (@fat) adlı geliştiriciler tarafından oluşturulmuştur. En başta "Twitter Blueprint" olarak çıkması beklenen Bootstrap çıkmasına bir kaç ay kala Twitter'ın düzenlediği birinci "Hack Week" sayesinde geliştiriciler tarafından fark edilip çok üst seviyelere taşınmıştır. Böylelikle Bootstrap; Twitter Blueprint yerine Bootstrap CSS Framework olarak piyasaya sürülmüştür.
Bootstrap kullanıcı arabirimi bileşenlerinin oluşturulmasına yardımcı olmak için tasarlanmış HTML, CSS ve JavaScript kodunun birleşimi olan bu framework, HTML5 ve CSS3’ü de destekleyecek şekilde programlanmıştır. Tipografi, formlar, butonlar, navigasyon ve diğer arabirim bileşenleri için isteğe bağlı JavaScript uzantılarının yanı sıra HTML ve CSS tabanlı tasarım şablonları içerir.
Bootstrap ile Ne Yapabiliriz?
Kolayca masaüstü, dizüstü, tablet ve mobil cihazlar için uyumlu siteler yapıp, kendimiz yapmaya çalıştığımızda uzun vakit alacak tasarım ögelerini sıfırdan kodlamaktansa halihazırda yapısı Bootstrap ekibi tarafından kodlanmış olan açılır menüler, butonlar, navigasyon barlar gibi tasarım ögelerini sadece düzenleyip çağırarak kullanabiliriz. Yani kısacası az vakit harcayarak büyük işler çıkarabiliriz. Bu tarz arayüz geliştirme kütüphaneleri sağladığı kolaylıkların yanısıra web geliştirmede standartlara bağlı kalmak için de güzel bir seçim olacaktır.
Bootstrap'ı Nasıl Öğrenebilirim?
Kendi sitesi Bootstrap'i kullanmak için en güzel kaynaktır. Projenize Bootstrap'e ait JS ve CSS dosyalarını dahil ederek başlayabilirsiniz. 4 versiyonu ile yenilenen web sayfasından ihtiyacınız olan her bölüm için hızlıca anlatım sayfasına ulaşabilirsiniz. Ayrıca eğitimlerin yer aldığı ücretli-ücretsiz birçok kaynak mevcuttur. Birçok web sayfasında kullanıldığından dolayı dokümanları da çok fazladır. Hızlıca öğrenip web projelerinizi Bootstrap tabanlı olarak inşa edebilirsiniz.
Bootstrap’ın Artıları Nelerdir?
Amatör veya profesyonel düzeydeki birçok programcı Bootstrap'ın özelliklerinden faydalanıyor. Bootstrap kullanmanın önemli nedenlerini ve artılarını kısaca şu şekilde özetleyebiliriz:
- Bootstrap kullanıcılara kullanım açısından önemli bir kolaylık sunmaktadır
- Önemli bir grid sistemine sahiptir
- HTML öğeleri için temel stiller barındırır
- Bileşen listesi geniştir
- JavaScript eklentileri ile beraber gelir
- Bootstrap sayesinde özelleştirme konusunda çığır açabilirsiniz. Bootstrap kullanıcı ihtiyaçlarına göre şekillenmeye çok uygun bir form
- Platformlar ya da tarayıcılar arasındaki tutarsızlık sorununu ortadan kaldırıyor. Bir başka deyişle Chrome ya da Firefox’ta aynı görüntüyü elde edeceksiniz
- Mobil uyumlu internet sayfaları geliştirmek açısından Bootstrap, diğer pek çok sistemin önünde yer alır. En azından uygulama kolaylığından ve sağladığı avantajlarından dolayı programcıların artık vazgeçilmezi haline gelmiştir.
Elbette Bootstrap’ın artıları kadar bazı eksileri de olabiliyor. Örneğin Bootstrap sisteminde zaman zaman hiç ihtiyacınız olmayan ya da işinize hiçbir zaman yaramayacak içerikler de yer kaplayabiliyor. Mesela kullanmayacağınız kodlar, grafikler bunlara örnek olarak gösterilebilir. Bu tip ufak detaylar için bile tanımlamalar söz konusu olabiliyor. Elbette bu şişkinlikler zaman zaman performans açısından olumsuz sonuçlar yaratabiliyor.
Sonuç
Ücretsiz bir kütüphane olan Bootstrap'ı kolay kullanımı sayesinde hızlıca öğrenip, sayfamızın kodlarına entegre ettikten sonra kullanmaya başlayabiliriz. Böylelikle zamandan tasarruf ederek kolayca mobil uyumlu siteler yapabiliriz.
Kaynaklar: Turhost.com - Biltektasarim.com