WEB TABANLI KODLAMA

Ağır veri trafiği ve işlem gücü gerektiren uygulamaların özellikle eskiyen mobil cihazlarda yavaş çalışması ve kilitlenmesi sıklıkla karşılaşılan bir durumdur. Bu senaryoda kullanılabilecek web çatıları arasında Backbone.js, AngularJS, EmberJS, ReactJS ve Bootstrap sayılabilir.

Bootstrap, internet siteleri ve internet tabanlı uygulamaların kullanıcı arayüzlerini (front-end) geliştirmek için kullanılabilecek bir web çatısıdır. Bootstrap, tarayıcı tarafında çalışan bir web çatısı olduğundan, temelinde HTML, CSS ve Javascript teknolojileri yer almaktadır.

Ön yüz Bootstrap projenin temel bileşenlerinden biri değildir.

“ins” Eklenmiş metni vurgulamak için altını çizer.

“mark” Metnin arkasını boyayarak vurgular.

text-nowrap

Element içindeki metnin tarayıcı genişliğinden daha geniş olması durumunda otomatik

olarak alt satıra alınmasını engeller. Bu özellik programlama kodları gibi, tek satır hâlinde

okunması daha kolay olan metinleri göstermek için kullanılır.

table-condensed Hücreler arası boşlukları azaltarak daha yoğun bir tablo oluşturur.

Tarayıcı genişliğinin 768px – 991px arasında olduğu durumları ifade etmek için sm (Small) belirteci kullanılır.

Web çatısı (web framework) ya da web uygulaması çatıları (web application framework) internet ortamında çalışan siteler, servisler, kaynaklar ve arayüzler üretmek için tasarlanmış yazılımlardır.

Bootstrap projeleri, bir HTML dokümanına gerekli dosyaların bağlanması ve bu dokümanda kodların işlenmesiyle gerçekleştirilir. Temel bir Bootstrap projesinde aşağıdaki bileşenler yer almalıdır.

Bootstrap projeleri açılır menüler ve kayan resimler gibi kullanıcı etkileşimli bileşenler içerebilir. Bu bileşenlerin doğru çalıştırılabilmesi için bootstrap.js dosyası projeye eklenmelidir.

Bootstrap'te metnin arkasını boyayarak vurgulamak için mark işareti kullanılır.

text-left: Element içindeki metni sola hizalar. Bootstrap sisteminde varsayılan hizalama türüdür.

table-striped: Tablo satırlarını bir koyu, bir açık olacak şekilde boyar

Boyut sistemi ön tanımlı kırılma noktaları ve bu noktalar arasındaki aralıklara verilen kısa belirteçlerle işlemektedir. Bu sisteme göre, tarayıcı genişliğinin 890 piksel olduğu durumları için sm (Small) belirteci kullanılır.

Bootstrap sisteminin md kırılma noktası için container sınıfının bu noktadaki genişliği 970px dir.

Bootstrap sisteminde yatay genişlikler 12 parçaya bölünerek işlenir.

Bootstarp'te butonları kırmızıya boyamak için btn kavramsal sınıfının yanında ayrıca btn-danger kavramsal sınıf kullanılmalıdır.

Web çatısı (web framework) ya da web uygulaması çatıları (web application framework) internet ortamında çalışan siteler, servisler, kaynaklar ve arayüzler üretmek için tasarlanmış yazılımlardır.

Tarayıcı taraflı yaklaşımda ise sayfanın tamamı yerine küçük bölümlerinde düzenlemeler ve güncelleştirmeler yapılabilmektedir. Bu durum, sayfaların masaüstü uygulamalar gibi etkileşimli çalış- masına izin vermektedir.