FORMS AND ANIMATIONS WITH FLUTTER: DETECTING & HANDLING GESTURES EĞİTİMİ

Form, animasyon ve jestle arayüzü canlandır

Form doğrulama, implicit ve explicit animasyonlar, GestureDetector ve sürükle-bırak bir arada

Forms and Animations with Flutter: Detecting & Handling Gestures Eğitimi, Flutter'da kullanıcı etkileşimini form, animasyon ve jest üzerinden derinlemesine öğretir.

3 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Kullanıcı etkileşimini form, animasyon ve jestle akıcı biçimde tasarlayın

Forms and Animations with Flutter: Detecting & Handling Gestures Eğitimi, Flutter'da kullanıcı etkileşimini form, animasyon ve jest üzerinden derinlemesine öğretir. Katılımcılar Form, TextFormField ve doğrulayıcılarla girdi toplar ve denetler. AnimatedContainer ile implicit, AnimationController ve Tween ile explicit animasyonları uygular. Program; GestureDetector, sürükleme, ölçekleme ve Draggable ile jest işleme ve bunların animasyonla birleştirilmesiyle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; konular canlı kodlanır, küçük etkileşim örnekleriyle pekiştirilir ve son gün etkileşimli bir arayüz projesinde birleştirilir.

Seviye

Orta Seviye — Flutter'da form, doğrulama, animasyon ve jest işlemeyi derinlemesine öğreten uygulamalı program

Öğrenme Metodu

Her konu canlı kodlanır ve katılımcı örneği yazarak tekrar eder; etkileşimler alıştırmalarla pekişip son gün tek projede toplanır.

Neden Bu Eğitim?

🎯Sağlam formlar

Form, TextFormField ve doğrulayıcılarla kullanıcı girdisini güvenilir biçimde toplayıp denetlemeyi öğrenirsiniz.

✨Akıcı animasyon

Implicit ve explicit animasyonlarla arayüze hayat katar, geçişleri doğal ve akıcı biçimde tasarlarsınız.

👆Zengin etkileşim

Dokunma, sürükleme ve ölçekleme jestleriyle kullanıcıya zengin ve sezgisel bir etkileşim deneyimi sunarsınız.

Anahtar Konular

flutter form eğitimiflutter animasyonflutter gestureflutter jest işlemeflutter doğrulamaflutter animationcontrollerflutter sürükle bırakflutter etkileşimflutter eğitimimobil uygulama geliştirme eğitimi
“İyi bir arayüz görünmez, hissedilir; form akıcı, animasyon doğal ve jest sezgisel olduğunda kullanıcı uygulamayı değil amacını fark eder.”

Ön Koşullar

Eğitime başlamadan önce faydalı olacak hazırlık ve beklentiler

1
Temel Flutter

Widget, Stateless ve Stateful yapıyı tanımak eğitimi takip etmek için faydalıdır.

2
setState bilgisi

Durumu güncelleyip arayüzü yeniden çizme mantığına aşina olmak önerilir.

3
Dart temelleri

Sınıf, fonksiyon ve async gibi temel Dart kavramlarına hakim olmak faydalıdır.

4
Geliştirme ortamı

Flutter SDK ile VS Code veya Android Studio ve emülatör kurulu olmalıdır.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı Form ve TextFormField ile girdi toplamayı öğrenir, doğrulayıcılarla denetim yapar, controller ile değeri yönetir ve odak ile klavye davranışını uygular.
Modül 1
Form ve Girdi Widget'ları
  • Form widget'ı ve GlobalKey ile durum
  • TextFormField ile metin girdisi alma
  • InputDecoration ile etiket ve ipucu
  • Checkbox, Switch ve Radio girdileri
  • DropdownButtonFormField ile seçim
  • Slider ve tarih seçici ile değer alma
Modül 2
Doğrulama ve Hata Yönetimi
  • validator ile alan düzeyinde doğrulama
  • formKey.currentState ile tüm formu doğrulama
  • Zorunlu alan ve biçim denetimi
  • E-posta ve parola kuralı doğrulaması
  • Hata mesajını alan altında gösterme
  • autovalidateMode ile anlık doğrulama
Modül 3
Controller ve Değer Yönetimi
  • TextEditingController ile değer okuma
  • Başlangıç değeri ve metni güncelleme
  • onChanged ve onSaved geri çağırmaları
  • Controller'ı dispose ile temizleme
  • Girdi biçimlendirici ile maskeleme
  • Form verisini bir modele toplama
Modül 4
Odak, Klavye ve Erişilebilirlik
  • FocusNode ile alanlar arası odak geçişi
  • TextInputAction ile klavye eylemi
  • Klavye türünü girdiye göre seçme
  • Odakla kaydırarak alanı görünür tutma
  • Enter tuşuyla sonraki alana geçiş
  • Erişilebilir etiket ve hata bildirimi
Günün hedefiKatılımcı implicit animasyonları öğrenir, AnimationController ve Tween ile explicit animasyon kurar, eğri ile zamanlamayı ayarlar ve Hero ile sayfa geçişi animasyonu uygular.
Modül 1
Implicit Animasyonlar
  • AnimatedContainer ile boyut ve renk geçişi
  • AnimatedOpacity ile saydamlık animasyonu
  • AnimatedPositioned ile konum değişimi
  • AnimatedSwitcher ile widget değişimi
  • duration ve curve parametreleri
  • TweenAnimationBuilder ile özel değer
Modül 2
AnimationController ve Tween
  • AnimationController ve vsync kurulumu
  • TickerProviderStateMixin ile tetikleme
  • Tween ile başlangıç ve bitiş değeri
  • forward, reverse ve repeat denetimi
  • AnimatedBuilder ile verimli yeniden çizim
  • dispose ile controller kaynağını bırakma
Modül 3
Eğriler ve Zamanlama
  • Curves ile hızlanma ve yavaşlama
  • CurvedAnimation ile eğri uygulama
  • Interval ile ardışık zamanlama
  • Staggered animasyonla sıralı hareket
  • Birden çok Tween'i aynı controller ile
  • TweenSequence ile aşamalı animasyon
Modül 4
Hero ve Özel Animasyon
  • Hero ile sayfalar arası paylaşımlı geçiş
  • PageRouteBuilder ile özel sayfa geçişi
  • CustomPainter ile çizim animasyonu
  • AnimatedList ile liste öğesi animasyonu
  • Fiziksel yaylı animasyona giriş
  • Performans için animasyonu sade tutma
Günün hedefiKatılımcı GestureDetector ile dokunma ve sürükleme jestlerini işler, ölçekleme ve kaydırmayı yakalar, Draggable ile taşıma kurar ve jestleri animasyonla birleştirir.
Modül 1
GestureDetector ve Dokunma
  • onTap, onDoubleTap ve onLongPress
  • GestureDetector ile dokunma yakalama
  • InkWell ile dalga efektli dokunma
  • Dokunma hedef alanını genişletme
  • Çakışan jestlerde davranış kuralı
  • HitTestBehavior ile vuruş denetimi
Modül 2
Sürükleme ve Kaydırma
  • onPanUpdate ile serbest sürükleme
  • onHorizontalDrag ve onVerticalDrag
  • Delta ile konumu adım adım güncelleme
  • Hız ve ivmeyle savurma hareketi
  • Sürüklenen widget'ı sınır içinde tutma
  • Kaydırmayla açılan panel kurma
Modül 3
Ölçekleme ve Çoklu Dokunuş
  • onScaleStart ve onScaleUpdate kullanımı
  • İki parmakla yakınlaştırma ve uzaklaştırma
  • Döndürme jestini algılama ve yakalama
  • InteractiveViewer ile pan ve zoom
  • Ölçek sınırları ve odak noktası
  • Çoklu dokunuşta jest çakışmasını çözme
Modül 4
Sürükle-Bırak ve Birleştirme
  • Draggable ve DragTarget ile taşıma
  • Dismissible ile kaydırarak silme
  • LongPressDraggable ile basılı taşıma
  • Jesti animasyonla yumuşak biçimde birleştirme
  • ReorderableListView ile sıralama
  • Etkileşimli projeyi tek arayüzde toplama

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Form kurma

Form ve TextFormField ile girdi toplar, GlobalKey ile form durumunu düzenli biçimde yönetirsiniz.

✅
Doğrulama

Doğrulayıcılarla zorunlu alan, e-posta ve parola kurallarını denetler, hata mesajlarını kullanıcıya gösterirsiniz.

✅
Değer yönetimi

TextEditingController ve onSaved ile girdi değerini okur, biçimlendirir ve modele toplarsınız.

✅
Implicit animasyon

AnimatedContainer ve AnimatedOpacity gibi widget'larla kod yazmadan akıcı geçişler oluşturursunuz.

✅
Explicit animasyon

AnimationController ve Tween ile zamanlamayı denetlediğiniz özel ve verimli animasyonlar kurarsınız.

✅
Dokunma jestleri

GestureDetector ile dokunma, çift dokunma ve basılı tutma jestlerini yakalar ve doğru biçimde işlersiniz.

✅
Sürükle ve ölçekle

Sürükleme, ölçekleme ve döndürme jestlerini yakalar, InteractiveViewer ile pan ve zoom uygularsınız.

✅
Sürükle-bırak

Draggable, DragTarget ve Dismissible ile taşıma ve kaydırma etkileşimlerini animasyonla birleştirirsiniz.

Kimler İçin Uygundur?

  • Flutter arayüzlerini daha etkileşimli ve akıcı hale getirmek isteyen geliştiriciler
  • form
  • doğrulama akışını sağlam kurmak isteyen yazılımcılar ve animasyon ile jest tasarımını öğrenmek isteyen mobil uygulama geliştiriciler için uygundur

Sıkça Sorulan Sorular

Implicit ve explicit animasyon arasındaki fark nedir?
Implicit animasyonlar AnimatedContainer gibi widget'larla, hedef değeri değiştirerek kod yazmadan çalışır ve basit geçişler için idealdir. Explicit animasyonlar AnimationController ve Tween ile zamanlamayı tam denetlemenizi sağlar; karmaşık, tekrarlı veya eşgüdümlü hareketler için kullanılır.
Bu eğitim için Flutter bilmem gerekir mi?
Temel Flutter ve widget bilgisi gerekir; eğitim form, animasyon ve jest konularına odaklanır. setState ile durum güncelleme ve Stateless ile Stateful ayrımına aşina olmak konuların hızlı oturmasını sağlar. Dart temellerini bilmek faydalıdır.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Konular canlı kodlanır, katılımcı örneği yazarak tekrar eder ve son gün form, animasyon ve jesti birleştiren etkileşimli bir projede toplanır. Yüz yüze veya online yapılabilir ve kuruma göre uyarlanabilir.
Jest çakışmalarını nasıl yönetiyoruz?
Flutter, aynı anda birden çok jest adayını bir jest arenasında değerlendirir ve kazananı belirler. Eğitimde HitTestBehavior, iç içe GestureDetector ve çakışan sürükleme ile dokunma durumlarının nasıl çözüleceği örneklerle gösterilir. Böylece beklenmedik davranışların önüne geçersiniz.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve geliştirilen bitirme projesini belgeler; kurumsal gruplara özel uyarlama yapılabilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. Forms and Animations with Flutter: Detecting & Handling Gest Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

Flutter ve DartBLoC Pattern Flutter Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

BLoC Pattern Flutter Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Cubit, Bloc, event ve state akışı, BlocProvider, repository deseni, bloc_test ve hydrated_bloc ile Flutter'da profesyonel durum yönetimi eğitimi.

Detayları Gör →
Flutter ve DartBuild Native iOS and Android Apps with Flutter Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Build Native iOS and Android Apps with Flutter Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Platform channel, Cupertino ve Material uyarlaması, imzalama ve mağaza yayını ile tek Flutter kod tabanından iOS ve Android native uygulama geliştirme eğitimi.

Detayları Gör →
Flutter ve DartDart Programlama Dili ile Flutter Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Dart Programlama Dili ile Flutter Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Null güvenliği, async-await, Stream, mixin ve generics ile Dart dilini derinlemesine ve ardından widget tabanlı Flutter arayüzünü öğreten uygulamalı eğitim.

Detayları Gör →
Flutter ve DartFlutter Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Flutter Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Widget ağacı, düzen, navigasyon, setState ile durum yönetimi, http ile API entegrasyonu ve Provider ile Flutter mobil uygulama geliştirme eğitimi.

Detayları Gör →
Flutter ve DartFlutter ile Mobil Uygulama Tasarımı Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Flutter ile Mobil Uygulama Tasarımı Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Flutter widget'ları, Material 3, Cupertino, tema ve animasyonla duyarlı ve akıcı mobil arayüz tasarlamayı öğreten uygulamalı ve kurumsal eğitim.

Detayları Gör →
Flutter ve DartFlutter ile Çapraz Platform Android Uygulama Geliştirme Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Flutter ile Çapraz Platform Android Uygulama Geliştirme Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Flutter ile Android hedefli, ağ ve yerel depolaması olan uygulamayı platform kanalları ve Play Store yayınıyla geliştirmeyi öğreten kurumsal eğitim.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn