Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan Angular ve Vue.js uygulamalarında ürün silme işlemi yapma konulu bir eğitim serisidir. Eğitmen, izleyicilerden gelen dönütler sayesinde bir hatayı fark etmiş ve bu hatayı düzeltmektedir.
- Videoda, delete direktifinin sadece product servisi üzerinden silme işlemi yaptığı için evrensel bir silme işlemi yapabilmek için yapılan düzeltme anlatılmaktadır. Eğitmen, direktifin artık herhangi bir entiteye dair delete işlemlerini yürüteceği için HTTP client servisi üzerinden istekler yapacağını göstermekte ve controller parametresi üzerinden daha esnek hale getirmektedir.
- Ayrıca videoda, silme işlemi sırasında spinner kullanımı, hata yönetimi ve başarılı mesaj gösterme işlemleri de gösterilmektedir. Eğitmen, bir sonraki derste dosya yükleme (upload) işlemi ile ilgilenileceğini ve bununla ilgili bir direktif tasarlanacağını belirtmektedir.
- 00:01Delete Direktif Hatasının Düzeltilmesi
- Önceki derste oluşturulan delete direktifinde bir hata vardı ve bu derste bu hatayı düzeltme işlemi yapılacak.
- Önceki derste sadece product service üzerinden silme işlemi yapılmıştı, ancak bu direktif tüm yönetim panelindeki sayfalarda kullanılacak.
- Direktifin product servisten daha geniş anlamda, daha evrensel bir şekilde silme operasyonlarını gerçekleştirmesi gerekiyor.
- 01:08Hata Tespiti ve Çözüm Önerisi
- Hata, bir izleyicinin (Nihat Yavuz) uyarısı sayesinde fark edildi ve bu tür dönütlerin etkili bir eğitim süreci için önemli olduğu vurgulandı.
- Hata, delete direktifinin sadece product servis üzerinde geliştirilmesinden kaynaklanıyordu.
- Direktif artık herhangi bir olguya entitiye dair delete işlemlerini yürüteceğinden, servis üzerinden değil HTTP client servis üzerinden istekler yapılmalı.
- 03:46Kod Değişiklikleri
- HTTP client servisi enjekte edilerek, delete işlemi için HTTP isteği yapılacak.
- Silme işlemi yapılacak controller bilgisi, direktifin çağrıldığı yerden parametre olarak alınacak.
- Controller bilgisi, id bilgisi gibi direktifin çağrıldığı yerden alınacak ve bu bilgi ile delete isteği yapılacak.
- 06:07Direktifin Kullanımı
- Direktifin çalışması için controller bilgisi de verilmesi gerekiyor.
- Direktif, admin altında komponentlerin altında product altında listenin altında kullanılıyor.
- Direktifin çalışması için id parametresi, callback fonksiyonu ve event parametreleri gerekiyor.
- 07:11Kontroller Parametresi
- Kontroller parametresi, silme işleminin hangi controller'a ve yapılanmaya özel olduğunu belirtir.
- Şu anki çözüm geçici olarak controller bilgisini vermek olsa da, ileride daha kompleks bir yapı için entity modelinin bilgisini verip arka planda switch castlerle uygun servisi çağırma seçeneği de düşünülebilir.
- Developer, bu mimariyi kullanırken controller bilgisini yazarak endpointini doğru düzgün yazacaktır.
- 09:30Alternatif Çözüm Önerisi
- Silme operasyonunun yapılacağı kontrol veya servis gibi durumları opsiyonel olarak belirlemek için "options" adında bir parametre alınabilir.
- Options parametresi, sayfanın list komponentinden alınan bir objeyi barındırır ve bu objeye göre gerekli veriler yerleştirilir.
- Şu anki durumda sadece kontrol bilgisini yazarak silme işlemini evrensel hale getirmek yeterlidir.
- 11:17Silme İşleminin Test Edilmesi
- Ürün silme işlemi yapıldığında, başarılı bir şekilde veri akışı sağlanıyorsa animasyon işi gerçekleştirilir.
- Silme işlemi sonrası sayfa yenilendiğinde, silinen ürün tablosdan silinir.
- Bu çözüm ihtiyaca binaen daha detaylı bir şekilde optimize edilebilir.
- 12:47Notification Ekleme
- Silme işlemi sonrası bir notification eklenebilir, örneğin "Ürün başarıyla silinmiştir" mesajı.
- Notification için mesaj türü, pozisyon gibi parametreler belirlenebilir.
- Silme işlemi sırasında hata alındığında, uygun bir mesaj vermek yeterlidir.
- 15:31Eğitim Süreci Hakkında Açıklama
- Normal şartlarda olması gereken şeyleri göz ardı edip daha sonra bunları düzeltirim deyip teknik borçlanmaya girilmemelidir.
- Bu eğitim süreci olduğundan dolayı bazı şeyleri mış gibi yaparak teknik olarak borçlanılacak ve daha sonra o konular tam teferruatlı ele alınacaktır.
- Önemli olan projenin sonuna varmak değil, süreçte alabileceğimiz tüm verileri alabilmek ve kritikleri yapabilmektir.
- 17:30Spinner Kapatma Sorunu ve Çözümü
- Ürün silinirken spinner kapanmıyor, bu sorunun çözümü için manuel olarak spinnerın kapatılması gerekiyor.
- Subscribe işlemi başarılı olduğunda spinner otomatik olarak kapanıyor çünkü callback fonksiyonu bu fonksiyonu çalıştırıyor.
- Sunucu kapalıyken istek gönderildiğinde hatalı statüs kodu dönüyor ve spinner kapatılmıyor, bu durumda spinner kapatılıp hata mesajı verilerek bağlantı kopukluğu düzelebilir.
- 19:27Test ve Sonuç
- Sunucu kapatıldığında ürün silme işlemi yapıldığında spinner kapanıyor ve "Ürün silinirken beklenmeyen bir hatayla karşılaşıldı" mesajı alınıyor.
- Hata düzeltilmiş ve notification kullanılmış.
- Bir sonraki derste dosya yükleme (upload) işlemi ile ilgilenilecek ve bunun için bir direktif tasarlanacak.