WhatsApp
Yükleniyor...

Bootstrap nedir çalışma mantığı nedir

Yazılarımız ve Makalelerimiz.

Anasayfa Blog Bootstrap nedir çalışma mantığı nedir
19 Ocak 2020, 12:23 0 Yorum 1042 Okuma

Bootstrap, formlar, tipografi , gezinmeler, düğmeler ve diğer arabirim bileşenleri ve ayrıca isteğe bağlı javaScript uzantıları için kullanılacak CSS ve HTML tabanlı tasarım şablonlarının mükemmel karışımını içeren ücretsiz, açık kaynaklı ve şaşırtıcı bir ön uç web geliştirme çerçevesidir. . Bir önyükleme çerçevesiTwitter çalışanları tarafından katıldıkları bir hackathonun parçası olarak geliştirildi ve öncelikle Twitter Blueprint projesi olarak kabul edildi. Bu daha sonra bootstrap olarak yeniden adlandırıldı ve 2011 yılının Ağustos ayında açık kaynaklı bir proje olarak piyasaya sürüldü. 2012'nin başında, bu çerçevenin yeni bir sürümü olan Bootstrap 2, yalnızca önceki sürümde yapılan değişikliklerle birlikte geldi. web geliştiricilerinin hayatı çok daha kolay. Bu sürüm, duyarlı web tasarımını desteklediğinden, statik sayfaların web sayfası ayarlanırken kendisini ayarlayacak dinamik düzen ile değiştirileceği anlamına gelir. Ardından, ilk önce mobil yaklaşımı ve düz tasarımı kullanmak için bileşenleri yeniden tasarlayan Bootstrap 3'ün yeni sürümü geldi. Sonra Bootstrap 4 geldi ve sonra Bootstrap 5 en sonuncusu.

Bootstrapping'deki noktaya doğrudan çarpmadan önce, önce ön uç çerçevelerinin tam olarak ne olduğunu öğrenelim. Özetle, son kullanıcı deneyimleri ve gördükleri uygulama içinde kullanılmasına izin verecek şekilde çok popüler bir web sitesi arayüzü olarak da adlandırılan bir uygulama arayüzüdür. Bir HTML kodundan oluşurbir yapı, web sitesini görsel olarak formatlamak için kullanılan basamaklı stil sayfalarını, slayt gösterileri, menüyü genişletme, hesap makineleri vb. gibi dinamik öğelere izin vermek için kullanılan JavaScript kodunu sağlamaktan sorumludur. bizim durumumuzda web arayüzü olan önceden oluşturulmuş yazılım çözümlerinin bulunduğu bir platform, bir temel veya bir temel. Bununla birlikte, her zaman ön uç çerçevelerinin bir parçası olarak kullanılabilen birçok şablon vardır, özelleştirme için en uygun, mevcut gereksinimler ve ihtiyaçlar için çok uygun olan diğer birçok süreç vardır.

Önyükleme'yi Anlama

Bootstrap şu anda Twitter'da geliştiriciler tarafından oluşturulan en popüler ön uç çerçevesidir. Bu yardımcı programın temel amacı, web sitesi ile ilgili uygulamaların geliştirilmesinde hızlı, kolay, rahat ve daha duyarlı bir araç oluşturmaktı. Ayrıca, kodun tutarlılığının ve kod kalitesinin de tehlikeye atılmamasını sağladı. Daha da geliştirilmesi çok kolay olan bir çerçeveyi sürdürmek de daha kolay hale geldi. Bootstrap'ın nasıl çalıştığını anlamak için modüler yapıyı ve önemli bileşenleri anlamamız gerekir .

1. CSS dosyaları:

Global ayarlardan oluşur ve birden çok tamamlayıcı sınıftan yararlanarak listeler, metinler, tablolar, form öğeleri ve görüntüler gibi önemli HTML öğelerinin görünümünü tanımlamak için kullanılır.
CSS dosyalarının yanı sıra, duyarlı mizanpajların ve formatların daha hızlı bir şekilde oluşturulmasına izin veren çeşitli sınıflar da bulunmaktadır. Ayrıca, birçok kullanışlı sınıfın oluşturulmasına izin verir. Günümüz web sitelerinde ve diğer bileşenlerde sıkça görülebilecek çeşitli bileşenler vardır. Bu gibi bileşenler, öğelerin genişletilmesini, düğmeyi ve gruplama, sayfalama ve gezinme menüsü, ilerleme gibi gelişmiş özellikleri içerir. s çubukları veya mesajları.

2. JS dosyaları:

Bu Js dosyaları, en ünlü Jquery kütüphanesi için kullanıma hazır bir eklentiden oluşur ve ayrıca oluşturulan arayüzü her zamankinden daha hızlı dinamik öğelerle zenginleştirmeye izin verir. Bunlar arasında önemli olanlar, modeller, atlıkarınca kaydırıcılar, genişletilebilir listeler, dinamik sekmeler, araç ipuçları veya akordeonlardır. Yukarıda belirtilen bileşenler sadece Javascript kodu kullanılarak değil, aynı zamanda birkaç HTML tabanlı özellik tarafından da oluşturulabilir veya değiştirilebilir.

3 . Çevrimiçi araçları kullanarak, kullanıcı, kaynak koduyla etkileşim kurmaya gerek kalmadan, çerçeveleri kendi ihtiyaçlarına göre değiştirme ve ayarlama seçeneğine sahiptir. Bu durumda, kullanılacak Bootstrap dosyalarının ağırlığını daha da optimize eden, seçilmesi gereken seçilen bir Jquery veya CSS eklentilerini seçmek mümkündür. Yazı tipi, kesme noktası, boşluk ve kenar boşluklarının rengini, boyutunu ve türünü belirten geçerli önyükleme ayarlarını değiştirme. Bu, özellikle daha az deneyimli geliştiriciler için iyi bir tesis ve bu şekilde yapılan değişikliklerin miktarı çok büyük..

Okuyucu Yorumları

0 Yorum