• Buradasın

    Flutter'da HTTP İstekleri ve Modelleme Eğitimi

    youtube.com/watch?v=Xz19GbBMC8M

    Yapay zekadan makale özeti

    • Bu video, bir Flutter programlama eğitim serisinin bir parçası olup, eğitmen tarafından sunulan teknik bir ders formatındadır.
    • Video, Flutter'da HTTP istekleri ve modelleme konularını kapsamlı şekilde ele almaktadır. İçerikte Play platformundan gelen post isteklerini Firebase ile işleme, Dart dilinde model oluşturma, JSON verilerini modellere dönüştürme (fromJson ve toJson metodları), FutureBuilder kullanımı ve API verisi alma süreci adım adım gösterilmektedir.
    • Eğitimde ayrıca JSON verilerini Dart'a dönüştürme yöntemleri (JasonToDart kütüphanesi, IntelliJ plugini, pub.dev'den JasonAnnotation kütüphanesi), hata yakalama mekanizmaları ve durum kodlarına göre farklı işlemler yapma konuları da ele alınmaktadır. Video, Android emülatöründe uygulamanın çalıştırılmasıyla sonlanmaktadır.
    00:01Flutter'da HTTP ve Model Kullanımı
    • Flutter derslerinde HTTP ile ilgili temel bilgiler, Future Builder kullanımı ve HTTP client isteği atma konuları ele alınmıştır.
    • Bu derste yerel veri ve gerçek orijinal modeli nasıl keşfedip işlem yapma konusu ele alınacaktır.
    • Önceki derste set state kullanmadan Future istekleri kullanmanın daha doğru olduğu gösterilmiştir.
    01:00Model Oluşturma
    • Play'dan Firebase ile post isteği yapılacak ve dönen data içerisinde alanlar bulunmaktadır.
    • Swift alışkanlığıyla modelleri slisible bir tanımlama yaparak model seviyesinde kesmek mümkündür.
    • Flutter'da model oluşturmak için lib/live/birim klasörünün altına model katmanı oluşturulabilir.
    03:01JSON Dönüşümü
    • Data'yı JSON'a çevirmek ve modeli test etmek için Flutter'da en sık kullanılan yöntem "fromToJson" ve "toJson" metodlarıdır.
    • "toJson" metodu içerisinde gelen post'un içerisindeki JSON map'ine çeviren propert function kullanılır.
    • "fromJson" metodu dışarıdan bir parametre alır ve JSON'ı model datasına çevirir.
    07:34Model Kullanımı
    • Oluşturulan model, FutureBuilder widget ile kullanılarak sayfada gösterilebilir.
    • Model oluştururken propert'ler named propert olarak tanımlanmalıdır.
    • "toJson" metodu ile JSON verisi oluşturulurken, "fromJson" metodu ile JSON verisi model datasına çevrilir.
    09:46Flutter'da JSON İşleme
    • Flutter'da JSON işleme için "json_annotation" adlı kütüphane kullanılabilir ve bu kütüphane otomatik olarak "from" metodunu oluşturur.
    • JSON annotation kütüphanesi, Google tarafından yazılmış olup, en temiz ve kullanışlı bir seçenek olarak önerilmektedir.
    • JSON verilerini Dart koduna çevirmek için "json_to_dart" pluginleri kullanılabilir, ancak IntelliJ'de de benzer bir plugin mevcuttur.
    12:43JSON Verilerini Model Olarak Kullanma
    • Play Store'dan alınan JSON verilerini kullanmak için önce model oluşturmak gerekir ve bu model otomatik olarak oluşturulabilir.
    • Model oluşturulduktan sonra, "from" metodu aracılığıyla JSON verilerini Dart koduna çevirmek mümkündür.
    • Modeldeki "auto generate" yazan kısımları manuel olarak düzenlemek gerekebilir.
    13:47HTTP İstekleri ve Veri Gösterimi
    • JSON verilerini almak için HTTP kütüphanesi kullanılarak HTTP istekleri yapılabilir.
    • HTTP istekleri Future türünde döndürülür ve bu Future'lar FutureBuilder widget'ı ile gösterilebilir.
    • Veri geldiğinde, FutureBuilder widget'ı snapshot data'sını kontrol ederek veriyi dinamik olarak gösterir.
    16:44Veri Gösterimi ve Hata Ayıklama
    • Veri geldiğinde, ListTile widget'ı kullanılarak postun title, subtitle ve description bilgileri gösterilebilir.
    • Veri gelmediğinde, CircleProgressIndicator widget'ı kullanılarak bekleme göstergesi gösterilebilir.
    • Veri gösteriminde hata ayıklama yapılırken, FutureBuilder widget'ının dinamik veri döndürmesi nedeniyle gerekli düzenlemeler yapılmalıdır.
    20:11Flutter'da API Veri İşleme
    • Konuşmacı, API'den gelen verileri işleme konusunda hata ayıklama yapıyor.
    • Post data'sını JSON formatında alıp, snapshot data bodysini kullanarak postun içerisindeki title ve body'yi almayı amaçlıyor.
    • MapJason ve encode/decode işlemlerini kullanarak verileri dinamik olarak işlemeyi deniyor.
    22:34Kod Hatalarının Tespiti ve Düzeltilmesi
    • Konuşmacı, kodun center'a çekildiğini ve hatalarını gördüğünü belirtiyor.
    • Future döndüren bir işlem sonrası, post data'yı response'un body'sinden alıp işlemeyi öneriyor.
    • Happed ve error mekanizmalarını yakalamak gerektiğini, ancak şu an gerek olmadığını belirtiyor.
    24:37Snapshot ve Feature Builder Kullanımı
    • Feature builder kullanarak post verilerini snapshot'ın içerisindeki data'ya dönüştürüyor.
    • Snapshot'ın içerisindeki data'nın post olduğunu ve bunun title'ını almayı amaçlıyor.
    • Kodun düzgün çalıştığını ve işin bittiğini belirtiyor.
    26:32Hata Yönetimi ve Slack Kanalı
    • Hata durumunda (örneğin 404 status code) nasıl işlem yapılacağını gösteriyor.
    • Slack kanalına katılım çağrısı yapıyor ve Türkiye'deki Flutter kullanıcılarıyla iletişim kurduğunu belirtiyor.
    • Projenin her yerinde bu tür API işlemlerinin kullanılacağını vurguluyor.
    30:26Projenin Tamamlanması
    • En son post'u güncellemek için emülatörden açma işlemi yapıyor.
    • Data'nın çekildiğini ve gösterildiğini kontrol ediyor.
    • Android ve iOS için projenin tamamlandığını belirterek dersi sonlandırıyor.

    Yanıtı değerlendir

  • Yazeka sinir ağı makaleleri veya videoları özetliyor