Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan Angular programlama dersinin bir bölümüdür. Eğitmen, önceki derslerde öğretilen bilgileri kullanarak yeni bir uygulama geliştirmektedir.
- Videoda, Angular'da filtre uygulaması yaparak kullanıcı bulunamadı mesajı gösterme konusu ele alınmaktadır. Eğitmen önce bir isim dizisi oluşturur, ardından bir input text alanı ekleyerek filtreleme özelliğini ekler. Daha sonra, isim bulunamadığında "sonuç bulunamadı" mesajı gösteren bir uyarı ekranı oluşturur ve bu mesajın animasyonlu bir şekilde görünmesini sağlar. Video, basit bir şekilde adım adım kodlama sürecini göstermektedir.
- 00:01Filtre Uygulaması ve Kullanıcı Bulunamadı Mesajı
- Önceki derslerde yapılan küçük bir uygulama devam ediyor.
- Filtre uygulandığında "kullanıcı bulunamadı" mesajı gösterilecek.
- Scope diziler kullanılarak isimler dizisi oluşturuluyor: Ahmet, Sevgi, Can, Aslan.
- 01:14Filtre Fonksiyonu ve Model Tanımlama
- Filtre yapmak için bir input text tanımlanıyor.
- LG model kullanılarak arama modeli tanımlanıyor.
- Sayfa yenilendiğinde isimler yazdırılıyor ve arama yapılabiliyor.
- 02:19Sonuç Bulunamadı Mesajı Ekleme
- Sonuç bulunamadığında gösterilecek bir mesaj için "deneme" adlı bir class oluşturuluyor.
- Stil takıları kullanılarak uyarı mesajı için renk, boyut ve yazı tipi ayarlanıyor.
- "Sonuç bulunamadı" mesajı ekleniyor.
- 03:39Mesajın Gösterilme Koşulu
- Mesajın gösterilmesi için "show" fonksiyonu kullanılıyor.
- Şart olarak isimlerin eleman sayısının sıfır olduğu kontrol ediliyor.
- Sayfa yenilendiğinde arama yapıldığında sonuç bulunuyor, bulunamadığında "sonuç bulunamadı" mesajı gösteriliyor.
- 04:43Animasyonlu Mesaj Gösterimi
- Mesajın gizlenmesi için opacity değeri sıfır, yükseklik ve genişlik 10 piksel olarak ayarlanıyor.
- Transition özelliği kullanılarak 1 saniyede geçiş yapılıyor.
- Marjin top değeri 10 piksel olarak ayarlanarak gizlenme efekti değiştiriliyor ve animasyon hızlandırılıyor.