Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere Angular CLI'ye Bootstrap entegrasyonunu adım adım göstermektedir.
- Video, Angular CLI'ye Bootstrap kurulumunun nasıl yapılacağını detaylı şekilde anlatmaktadır. Önce npm ile Bootstrap'in kurulumu, ardından Angular CLI.json dosyasına script ve style dosyalarının eklenmesi, Angular CLI sitesinden gerekli modüllerin yüklenmesi ve son olarak Bootstrap bileşenlerinin (örneğin buton) projeye nasıl entegre edileceği gösterilmektedir. Video, bir sonraki derste Bootstrap araçlarının daha detaylı kullanılacağını belirterek sonlanmaktadır.
- 00:01Angular CLI'da Bootstrap Kurulumu
- Angular CLI'da Bootstrap kurulumu için "npm install bootstrap" komutu kullanılıyor.
- Kurulum sırasında Angular CLI'nin belirttiği gibi "ang-cli.json" dosyasına script ve style dosyaları ekleniyor.
- Bootstrap'in resmi sitesinden gerekli modüller yükleniyor ve import ediliyor.
- 02:54Bootstrap Kullanımı
- Bootstrap sitesinde akordiyonlar, aletler ve butonlar gibi çeşitli bileşenler bulunuyor.
- HTML dosyasına Bootstrap bileşenleri eklenerek projeye entegre edilebiliyor.
- Bootstrap bileşenleri kullanıldığında sayfa otomatik olarak yenileniyor ve bileşenler aktif hale geliyor.