Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim dersi formatında olup, bir eğitmen tarafından Bootstrap kütüphanesinin tanıtımı yapılmaktadır.
- Videoda öncelikle Bootstrap'in mantığı anlatılmakta, ardından CSS ile hazırlanmış ve Bootstrap ile hazırlanmış iki sayfa karşılaştırılmaktadır. Bootstrap'in farklı ekran boyutlarında web sayfalarını otomatik olarak ayarlayabilme özelliği gösterilmektedir. Son bölümde ise Bootstrap'in web projelerine nasıl dahil edileceği, özellikle CDN yöntemi ile kolayca nasıl kullanılacağı adım adım anlatılmaktadır.
- Bootstrap'a Giriş
- Bu derste Bootstrap'ın mantığı anlatılacak ve Bootstrap'ı projelere nasıl dahil edileceği gösterilecek.
- İki sayfa hazırlanmış: birincisi CSS kodlarıyla hazırlanmış altı kutu, ikincisi Bootstrap ile hazırlanmış altı kutu.
- CSS ile hazırlanan kutular ekran küçültüldüğünde tek satırda kalamaz ve aşağıya doğru iner.
- 01:51Bootstrap'ın Avantajları
- Bootstrap, tüm ekran büyüklüklerinde sitemizi hazırlamamızı sağlayan elverişli kodlar sunar.
- Bootstrap ile hazırlanan kutular ekran küçültüldüğünde tek satırda kalır ve büyüklükleri değişmez.
- Bootstrap sayesinde farklı ekran büyüklüklerine (laptop, tablet, telefon) göre web sayfamızı istediğimiz şekilde hazırlayabiliriz.
- 03:39Bootstrap'ı Projeye Dahil Etme
- Bootstrap'ı projeye dahil etmenin iki yolu vardır: kolay olan ve zor olan.
- Kolay olan yolda Bootstrap'in sitesinden "documentation" kısmından "starter template" kodlarını kopyalayıp HTML sayfasına yapıştırırız.
- CDN yöntemi ile Bootstrap'ı dahil edersek sayfamız daha hızlı çalışır ve ziyaretçilerimize daha hızlı ulaşırız.