Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, bir eğitmen tarafından Font Awesome ikon paketinin nasıl kullanılacağı gösterilmektedir.
- Videoda Font Awesome'in ne olduğu açıklanarak başlanıyor ve ardından bu ikon paketinin projeye nasıl entegre edileceği adım adım gösteriliyor. Eğitmen, Font Awesome'in web sitesinden CDN dosyasını kopyalama, header.php dosyasına ekleme ve ardından "edit" ve "delete" gibi butonlar için gerekli CSS kodlarını nasıl kullanacağınızı gösteriyor. Video, bir sonraki derste butonlara link verme ve yeni kayıt ekleme işlemleri yapılacağını belirterek sona eriyor.
- Font Awesome Kullanımı
- Font Awesome, hazır bir ikon paketi olup projelerde yüzlerce ikon kullanılabilmektedir.
- Font Awesome'ı projeye entegre etmek için fontaws.com adresinden "start using free" seçeneği ile verilen CDN dosyası kopyalanıp, projenin header.php dosyasına bootstrap min.css'in altına eklenmelidir.
- İkonlar, eklenen CSS dosyası sayesinde kullanılabilmekte ve ikonların kullanım kodları hemen üstünde gösterilmektedir.
- 00:51İkonların Kullanımı
- İkonlar, e-class ile başlayan Font Awesome sınıfları kullanılarak projeye eklenmektedir.
- İkonlar tek tırnak veya yok sayma işaretleri ile çift tırnaklar arasında yerleştirilerek kodun karıştırılmasını engellemektedir.
- Örnek olarak düzenleme (edit) ve silme (delete) butonları Font Awesome ikonları kullanılarak oluşturulmuştur.
- 02:03Gelecek Ders Planı
- Bir sonraki derste butonlara link verilerek düzenleme ve yeni ekleme işlemleri yapılacaktır.
- Önce insert (ilk kayıt ekleme) işlemi, sonra düzenleme işlemi yapılacaktır.
- Her düzenleme işlemine ilgili linkler verilecektir.