WEB TABANLI KODLAMA

Rails, Ruby dilinin yeteneklerini geliştirmek için hazırlanmış bir web çatısıdır. MVC modelinde çalışan Rails, veri tabanı erişimi, web servisleri ve web sayfaları için hazır yapılar sunmaktadır.

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.

Boostrap ile birlikte gelen görsel özellikler (Ör: fontlar, düğmeler, ızgara sistemi) CSS dosyasında tutulmaktadır. Zorunlu haller dışında bu dosya uzerinde değişiklik yapılmamalıdır.

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.

Bu sisteme göre, tarayıcı genişliğinin 768 pikselden küçük olduğu durumları ifade etmek için xs (Extra Small) belirteci kullanılır. Örneğin bir satın alma formunun 768 pikselden küçük tarayıcı genişliklerinde görülmesi istenmiyorsa, bu formu kapsayan etikete hidden-xs sınıfının eklenmesi yeterlidir.

Container sınıfı sayfa içeriğini ve kurulacak ızgara sistemini kapsamak için üretilmiştir. Sayfa içerikleri ve ızgara sistemi container özellikli bir element içine yerleştirilmelidir.

button elementi düğme olarak kullanılabilir. Bununla birlikte ve elementleri de düğme olarak kullanılabilir. Düğmeler oluşturulurken btn sınıfı ile birlikte, en az bir kavramsal sınıf ya da btn-default sınıfının eklenmesi gerekmektedir.

Label ve input yerleşimi varsayılan olarak dikeydir. Bu yerleşimin yataya çevrilmesi için form elementine form-inline sınıfı eklenmelidir

Semantik olarak menü oluşturulmuş olsa da, görünüş olarak Bootstrap menüsü hâline getirmek için ul etiketine nav sınıfı eklenmelidir.

Tepkisel tasarım (responsive design), sitelerin ve uygulamaların çeşitli ekran ve tarayıcı genişliklerine göre kendilerini yeniden düzenleyebildiği bir tasarım yaklaşımıdır. 

1.Sitelerin ve uygulamaların çeşitli ekran ve tarayıcı genişliklerine göre kendilerini yeniden düzenleyebildiği bir tasarım yaklaşımıdır.

2.Yaklaşımın amacı, sitenin tasarım ve ölçeklendirmesini değiştirerek, okunurluğu desteklemek ve kullanıcı etkileşimini iyileştirmektir.

3.Yaklaşımın temelinde CSS 3 tanımlamaları ile birlikte gelen medya sorguları (media querries) yer almaktadır

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.

Bootstrap öncelikle akıllı telefon, tablet bilgisayar gibi mobil cihazları hedef alan bir felsefe ile geliştirilmiştir. Bootstrap ile üretilen internet sayfaları ve uygulamalar mobil cihazların internet tarayıcılarında sorunsuz bir şekilde çalışmakta ve görüntülenebilmektedir. Oldukça çeşitli ekran boyutları ve piksel yoğunlukları olan mobil cihazlarda içeriklerin okunabilir ve düzgün gösterilebilmesi için metin (tipografi), yerleşim ve ölçekleme özellikleri sunulmaktadır.

MVC (model-view-controller) bir yazılım geliştirme desenidir. Bu desen veri soyutlanması esasına dayanır. Buna göre, kontrolcü (controller) adı verilen bir ara sistem, veri (model) ve arayüzler (view) arasında köprü- lük görevi görmektedir. Sistemin avantajı, yazılan kodların tekrar tekrar kullanılabilmesi ve çeşitli uygulamalar için arayüzler (views) sağlayabilmesidir. Örneğin internet sitesi kullanıcıları için görsel bir arayüz oluşturulabilirken, uzaktaki uygulamalarla veri alışverişi için farklı bir arayüz (web servisleri) üretilebilmektedir.

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 hepsi yer almalıdır.

İnternet sunucuları ile entegre çalışabilen betik (script) dilleri geliştirildi. WebBase, ColdFusion, PHP ve ASP gibi işleyiciler sunucu yükü sorununa çözüm getirdi.

Web çatılarının çalışabileceği iki nokta sunucular ve tarayıcılardır. Sunucu tarafındaki işlemler tipik olarak sayfaların yeniden yüklenmesini gerektirir. Sunucu taraflı üretimde pek çok dil ve araç kullanılabilmektedir. Bu araçlar arasında Django, “Zend Framework” ve “Ruby on Rails” sayılabilir.

Bootstrap öncelikle akıllı telefon, tablet bilgisayar gibi mobil cihazları hedef alan bir felsefe ile geliştirilmiştir. Bootstrap ile üretilen internet sayfaları ve uygulamalar mobil cihazların internet tarayıcılarında sorunsuz bir şekilde çalışmakta ve görüntülenebilmektedir.

Temel bir Bootstrap projesinde aşağıdaki bileşenler yer almalıdır. HTML, CSS, JS ve TTF.

Bootstrap Projelerinde Kullanılan Uzak Dosyaların Bağlantı Adresleri, Dosya Erişim Adresi

bootstrap.css: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css

jquery.js: https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js

bootstrap.js: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js

Mark: Metnin arkasını boyayarak vurgular. <mark>metin</mark>

Small: Metni bulunduğu ortamda %85 oranında küçültür. <small >metin</small >