Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, anlatıcı Bootstrap kütüphanesinin nasıl kurulacağını adım adım göstermektedir.
- Video, Bootstrap'ın iki farklı kurulum yöntemini detaylı olarak anlatmaktadır: CDN üzerinden ve kendi bilgisayara indirme. Anlatıcı önce bir klasör oluşturup VS Code ile açarak, ardından index.html dosyası oluşturarak Go Live özelliğini göstermektedir. Ardından CDN üzerinden Bootstrap'ı nasıl dahil edeceğimizi ve daha sonra dosyaları kendi bilgisayara nasıl indireceğimizi, CSS ve JS dosyalarını nasıl düzenleyeceğimizi ve min.css ile normal CSS arasındaki farkları açıklamaktadır. Video, Bootstrap'ın temel kurulumunu tamamladıktan sonra kod yazmaya başlayabileceğimizi belirterek sona ermektedir.
- 00:01Bootstrap Kurulum Yöntemleri
- Bootstrap'ı kendi projede kurmak için iki yöntem vardır: CDN üzerinden veya dosyaları indirerek.
- CDN yöntemi, Bootstrap'ın cloud'da tuttuğu CSS yapısını HTML dosyasına include etmeyi sağlar.
- İndirme yöntemi, dosyaları kendi bilgisayarınıza yüklemeyi gerektirir, ancak web siteleri online olduğu için her iki yöntem de aynı şekilde çalışır.
- 01:01Proje Hazırlığı
- VSCode ile bir klasör oluşturulup, içine index.html dosyası eklenir.
- Go Live özelliği, VSCode'da Live Server extension'ı ile bilgisayarda otomatik sunucu oluşturarak değişiklikleri otomatik olarak gösterir.
- Bootstrap'ı kullanmadan önce HTML'in normal CSS hali ile Bootstrap'ın sunduğu düzen karşılaştırılır.
- 02:53CDN ile Bootstrap Kurulumu
- CDN yöntemi ile Bootstrap'ı kullanmak için CDN adresi HTML dosyasına eklenir.
- Modal ve diğer yapılar için jQuery eklenmesi gerekir.
- Bootstrap eklenince HTML'in görünümü otomatik olarak düzenlenir.
- 04:02Dosyaları İndirme Yöntemi
- Dosyaları indirme yöntemi ile Bootstrap'ın CSS ve JS dosyaları bilgisayara yüklenir.
- Assets klasörü oluşturulup, içine CSS, JS ve imaj klasörleri atılır.
- Min.css, normal CSS'e göre daha küçültülmüş ve tek sıra halinde düzenlenmiş bir versiyondur.
- 07:21JavaScript Dosyalarının Eklenmesi
- JS klasöründeki jQuery ve Popper dosyaları projeye dahil edilir.
- jQuery ve Popper dosyaları tarayıcıdan kopyalanıp, projenin JavaScript klasörüne kaydedilir.
- Bootstrap'ın CDN veya indirme yöntemleriyle kurulumu tamamlandıktan sonra kod yazmaya başlanabilir.