Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir web geliştirme eğitim dersidir. Eğitmen, Bootstrap table ve Font Awesome ikonlarının nasıl kullanılacağını adım adım göstermektedir.
- Videoda, Bootstrap table'ın border özellikleri, Font Awesome ikonlarının nasıl ekleneceği ve düzenleneceği anlatılmaktadır. Eğitmen, tablo sütunlarına ikonlar eklemek, hover efektleri uygulamak, resimlerin üzerine tıklandığında değişen görüntüleri oluşturmak ve tablo footer'ı oluşturmak gibi konuları ele almaktadır. Ayrıca, Bootstrap 3 ile Bootstrap 4 arasındaki farklar hakkında da bilgi verilmektedir. Video, bir sonraki derste proses kısmının ve linklerin işleneceği bilgisiyle sonlanmaktadır.
- 00:00Bootstrap Table ve Font Awesome İkonları
- Siperlik dersinde Bootstrap table'ın çizgilerinin belirgin olmadığı bir sorun ele alınıyor.
- Font Awesome ikonları kullanılarak tabloya ikonlar eklenecek.
- Font Awesome indirilip sunucuya aktarılıyor ve sayfaya ekleniyor.
- 02:39İkonların Düzenlenmesi
- İkonlar yazı gibi algılanıyor, bu nedenle özel ayarlar yapılması gerekiyor.
- İkonlar div içerisine alınarak düzenleniyor ve float right özelliği ile yazının sağına yerleştiriliyor.
- İkonların boyutları ayarlanarak tabloya uygun hale getiriliyor.
- 11:05Hover Efekti ve Tablo Düzenlemesi
- İkonlara hover efekti ekleniyor ve hover durumunda arka plan rengi değişiyor.
- Tablo satırları ve sütunları düzenleniyor, gereksiz satırlar kaldırılıyor.
- Tablo sütunlarına isimler ekleniyor ve müşterilerin birebir olması gerektiği belirtiliyor.
- 14:03Butonlar ve Hover Efekti
- Tabloya iki adet image ekleniyor ve hover durumunda arka plan rengi değişiyor.
- Butonlara hover efekti ekleniyor ve üzerine geldiğinde resim değişiyor.
- Butonlara background size %100% özelliği eklenerek kaymalar düzeltiliyor.
- 19:16Tablo Sütunları ve Hover Efekti
- Tablo sütunlarındaki arrow'lar kaldırılıyor ve text-md-right özelliği ile sağa yaslanıyor.
- Tablo satırları çoğaltılıyor ve hover efekti ekleniyor.
- Tablo alt kısmına HR ekleniyor ve padding-y özelliği ile yukarıdan aşağıdan boşluk oluşturuluyor.
- 26:27Sık Sorulan Sorular ve Footer
- Sık sorulan sorular bölümü oluşturuluyor ve padding-x özelliği ile boşluklar ayarlanıyor.
- Footer bölümü oluşturuluyor ve hover efekti ekleniyor.
- Ders sonlandırılıyor ve bir sonraki derste görüşmek üzere veda ediliyor.