FORMS AND ANIMATIONS WITH FLUTTER: WORKING WITH INPUT WIDGETS & FORMS EĞİTİMİ

Flutter'da güvenilir form akışı kur

TextFormField, Form doğrulama ve seçim widget'larıyla hatasız Flutter form akışı kurmak

Flutter Form Eğitimi, kullanıcıdan veri alan ekranları baştan sona güvenilir kurmayı öğretir. Program TextField ve TextFormField, TextEditingController, FocusNode ile odak akışı, klavye türleri ve inputFormatters, Form widget'ı ve GlobalKey, validator ile doğ…

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

Eğitim Hakkında

TextField'dan Form doğrulamaya ve seçim widget'larına kadar veri girişi

Bu eğitim, Flutter'da kullanıcıdan veri alan form ekranlarını baştan sona doğru kurmayı öğretir. Katılımcılar TextField ve TextEditingController ile metin girişini, FocusNode ile odak akışını ve klavye türlerini yönetir. Ardından Form widget'ı, GlobalKey ve validator ile alan doğrulamasını, onSaved ve autovalidateMode davranışını uygular. Program checkbox, radio, switch, slider, dropdown ve tarih seçici gibi seçim widget'larıyla ve dinamik form gönderimiyle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; kısa anlatımın ardından çok alanlı bir kayıt formu adım adım geliştirilerek doğrulama ve gönderim kararları canlı gösterilir.

Seviye

Orta Seviye — Flutter'da metin girişi, Form doğrulama ve seçim widget'larıyla güvenilir form akışı kuran program

Öğrenme Metodu

Çok alanlı bir kayıt formu her gün büyütülerek metin girişi, doğrulama ve seçim widget'ları aynı ekran üzerinde uygulamalı işlenir.

Neden Bu Eğitim?

🎯Hatasız veri girişi

Doğrulamayı doğru kurarak eksik veya hatalı veriyi daha kullanıcı ekranda bırakmadan yakalar, arka uca temiz veri gönderirsiniz.

🧩Düzenli form mimarisi

Form, FormState ve controller sorumluluklarını ayırarak büyük formları bile okunur ve bakımı kolay biçimde yapılandırırsınız.

⌨️İyi giriş deneyimi

Klavye türü, odak sırası ve anlık geri bildirimle kullanıcının formu hızlı ve pürüzsüz doldurmasını sağlarsınız.

Anahtar Konular

flutter form eğitimiflutter textformfieldflutter form validationflutter input widgetflutter doğrulama eğitimidart form kursuflutter mobil uygulama eğitimiflutter dropdown sliderflutter kayıt formumobil form geliştirme
“İyi bir form, kullanıcıyı suçlamadan yol gösterir; doğrulama ceza değil, doğru veriye giden nazik bir rehberdir.”

Ön Koşullar

Eğitime başlamadan önce faydalı olacak bilgi ve kurulum

1
Dart temeli

Değişken, fonksiyon, sınıf ve null güvenliği gibi temel Dart kavramlarına aşinalık form kodunu okumayı kolaylaştırır.

2
Temel Flutter bilgisi

StatefulWidget ve setState ile basit bir ekran kurabilmek konuların forma odaklanmasını sağlar.

3
Çalışan Flutter kurulumu

Flutter SDK kurulu, bir emülatör veya gerçek cihazla hot reload yapabilir durumda olmalıdır.

4
Widget ağacı kavramı

Column, Padding ve TextField gibi widget'ların ağaç içinde nasıl yerleştiğini bilmek faydalı olur.

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ı TextField ve TextFormField'ı denetler, TextEditingController ile metni okur, FocusNode ile odak akışını yönetir ve klavye türüyle giriş biçimini belirler.
Modül 1
TextField ve TextFormField Temelleri
  • TextField ile tek ve çok satırlı metin girişi
  • TextFormField ile Form içinde çalışan alan
  • onChanged ve onSubmitted geri çağrılarıyla olay
  • obscureText ile parola alanını gizleme
  • maxLength ve maxLines ile girişi sınırlama
  • readOnly ve enabled ile alan durumunu yönetme
Modül 2
TextEditingController ve Değer
  • TextEditingController ile metni programatik okuma
  • controller.text ile değeri atama ve temizleme
  • dispose içinde controller'ı serbest bırakma
  • selection ile imleç konumunu denetleme
  • addListener ile metin değişimini dinleme
  • initialValue ile controller arasında seçim yapma
Modül 3
FocusNode ve Odak Akışı
  • FocusNode ile bir alanın odağını denetleme
  • requestFocus ile sonraki alana otomatik geçme
  • textInputAction ile klavyede ileri butonu
  • FocusScope ile ekran genelinde odak yönetimi
  • Odak kaybında doğrulama tetikleme deseni
  • Klavye açılınca kaydırma ve görünürlük sorunu
Modül 4
Klavye Türü ve InputDecoration
  • keyboardType ile e-posta, sayı ve telefon klavyesi
  • inputFormatters ile yalnızca rakam veya maske
  • InputDecoration ile label, hint ve helper metni
  • prefixIcon ve suffixIcon ile alan içi simge
  • border ve filled ile alanın görsel biçimi
  • errorText ile manuel hata mesajı gösterme
Günün hedefiKatılımcı Form ve GlobalKey ile alanları tek çatıda toplar, validator ile her alanı doğrular, onSaved ile değerleri toplar ve autovalidateMode ile geri bildirim zamanını belirler.
Modül 1
Form ve FormState
  • Form widget'ı ile alanları tek yapıda toplama
  • GlobalKey<FormState> ile forma erişim
  • formKey.currentState.validate ile toplu doğrulama
  • save ile tüm alanların onSaved'ini çalıştırma
  • reset ile formu başlangıç değerine döndürme
  • FormState ile alanların geçerlilik durumu
Modül 2
Doğrulayıcılar (Validator)
  • validator ile boş alan ve zorunluluk kontrolü
  • null döndürmenin geçerli anlamına gelmesi
  • Düzenli ifadeyle e-posta biçimi doğrulama
  • Parola uzunluğu ve karmaşıklık kuralı
  • İki alanın birbirine bağlı doğrulanması
  • Hata mesajının alan altında gösterilmesi
Modül 3
autovalidateMode ve Geri Bildirim
  • autovalidateMode ile doğrulama anının seçimi
  • onUserInteraction ile yazarken anlık uyarı
  • disabled ile yalnızca gönderimde doğrulama
  • Hata ve başarı durumunda görsel geri bildirim
  • Gereksiz erken uyarının deneyime etkisi
  • Odak kaybında alan bazlı doğrulama deseni
Modül 4
onSaved ve Form Gönderimi
  • onSaved ile geçerli değerleri modele toplama
  • Gönderim öncesi validate ile son kontrol
  • Gönderim sırasında butonu kilitleme ve yükleme
  • Hata durumunda SnackBar ile kullanıcıyı bilgilendirme
  • Model nesnesini servise iletme deseni
  • Başarılı gönderimden sonra formu sıfırlama
Günün hedefiKatılımcı checkbox, radio, switch ve slider gibi seçim girişlerini durumla bağlar, dropdown ve tarih seçiciyi kullanır ve alan sayısı değişen dinamik formlar kurar.
Modül 1
Checkbox, Radio ve Switch
  • Checkbox ile onay durumunu state'e bağlama
  • CheckboxListTile ile başlıklı onay satırı
  • Radio ve groupValue ile tekli seçim yapma
  • RadioListTile ile okunur seçenek listesi
  • Switch ile aç kapa ayarını yönetme
  • Seçim değişiminde setState ile güncelleme
Modül 2
DropdownButton ve Slider
  • DropdownButton ile listeden değer seçtirme
  • DropdownMenuItem ile seçenekleri oluşturma
  • DropdownButtonFormField ile doğrulamalı seçim
  • Slider ile sayısal aralıktan değer seçme
  • divisions ve label ile kademeli kaydırma
  • RangeSlider ile alt ve üst sınır seçimi
Modül 3
Tarih ve Saat Seçimi
  • showDatePicker ile takvimden tarih seçtirme
  • firstDate ve lastDate ile geçerli aralık
  • showTimePicker ile saat seçme diyaloğu
  • Seçilen tarihi DateFormat ile biçimlendirme
  • intl paketiyle yerele uygun tarih gösterimi
  • Seçilen değeri salt okunur alanda gösterme
Modül 4
Dinamik Form ve Gönderim
  • Liste üzerinden tekrar eden alan üretme
  • Çalışma anında alan ekleme ve silme
  • Her alan için ayrı controller yönetimi
  • Çok adımlı (stepper) form akışı kurma
  • Tüm bölümleri tek modelde toplayıp gönderme
  • Girilen veriyi yerelde taslak olarak saklama

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Metin girişine hâkimiyet

TextField ve TextEditingController ile metni okuyup yazar, imleç ve giriş sınırlarını güvenle denetlersiniz.

✅
Odak akışı yönetimi

FocusNode ve textInputAction ile alanlar arası geçişi düzenler, akıcı bir doldurma deneyimi sunarsınız.

✅
Giriş biçimi denetimi

keyboardType ve inputFormatters ile doğru klavye ve maske kullanarak hatalı girişi kaynağında engellersiniz.

✅
Form doğrulama

Form, GlobalKey ve validator ile tüm alanları tek çatıda güvenilir biçimde doğrulayabilir duruma gelirsiniz.

✅
Geri bildirim zamanlaması

autovalidateMode ile uyarı anını seçerek kullanıcıyı erken rahatsız etmeden net geri bildirim verirsiniz.

✅
Değer toplama ve gönderim

onSaved ile geçerli değerleri modele toplar, yükleme ve hata durumlarını yöneterek güvenle gönderim yaparsınız.

✅
Seçim widget'ları

Checkbox, radio, switch, slider ve dropdown'ı durumla bağlayarak zengin seçim arayüzleri kurabilirsiniz.

✅
Dinamik form kurma

Alan sayısı değişen, çok adımlı ve taslak saklayan esnek form akışları tasarlayabilir duruma gelirsiniz.

Kimler İçin Uygundur?

  • Flutter ile temel ekran kurabilen ve kayıt
  • giriş
  • ödeme gibi form ekranlarını güvenilir biçimde geliştirmek isteyen mobil geliştiriciler
  • doğrulama mantığını düzenli kurmak isteyen yazılımcılar
  • Dart'a aşina öğrenciler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Flutter ile temel ekran kurabilen ve kayıt, giriş, ödeme gibi form ekranlarını güvenilir biçimde geliştirmek isteyen mobil geliştiriciler ile Dart'a aşina öğrenciler için uygundur. StatefulWidget ve setState bilgisi yeterli başlangıç düzeyidir.
Form doğrulama nasıl öğretiliyor?
İkinci gün Form widget'ı, GlobalKey ve validator ile alan doğrulaması adım adım işlenir. E-posta biçimi, parola kuralı ve birbirine bağlı alanlar için örnek doğrulayıcılar yazılır; autovalidateMode ile uyarının yazarken mi yoksa gönderimde mi çıkacağı karşılaştırılır.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Çok alanlı bir kayıt formu her gün büyütülerek işlenir. Yüz yüze veya online yapılabilir ve kurumun ihtiyacına göre uyarlanabilir.
Seçim widget'ları ve tarih seçici kapsanıyor mu?
Evet. Üçüncü gün checkbox, radio, switch, slider ve dropdown durumla bağlanarak işlenir; showDatePicker ve showTimePicker ile tarih ve saat seçimi, intl paketiyle biçimlendirme ve alan sayısı değişen dinamik formlar uygulamalı gösterilir.
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 kayıt formu örneğini 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: Working with Input Widget 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 DartFlutter and Backends: Persisting Data on the Local Device Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Flutter and Backends: Persisting Data on the Local Device Eğitimi

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

Flutter uygulamanızda veriyi cihazda saklayın. shared_preferences, sqflite ve Hive ile yerel kalıcı veri saklamayı uygulamalı olarak öğrenin.

Detayları Gör →
Flutter ve DartFlutter Development: Getting Set Up with Flutter for Application Development Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Flutter Development: Getting Set Up with Flutter for Application Development Eğitimi

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

Flutter geliştirme ortamını sıfırdan kurun. SDK, flutter doctor, IDE, proje yapısı, DevTools ve derleme adımlarını uygulamalı olarak öğrenin.

Detayları Gör →
Flutter ve DartFlutter Development: Introducing Flutter & the Dart Programming Language Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Flutter Development: Introducing Flutter & the Dart Programming Language Eğitimi

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

Flutter mimarisini ve Dart programlama dilini temelden öğrenin. Widget, null safety, OOP ve asenkron konularıyla ilk uygulamaya kadar uygulamalı eğitim.

Detayları Gör →
Flutter ve DartFlutter Development: Using Classes & Objects in Dart Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Flutter Development: Using Classes & Objects in Dart Eğitimi

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

Dart'ta sınıflar, yapıcılar, kalıtım, mixin, generics ve değişmez modellerle nesne yönelimli programlamayı Flutter odağında öğreten kurumsal eğitim.

Detayları Gör →
Flutter ve DartFlutter Development: Using Variables, Collections, & Functions in Dart Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Flutter Development: Using Variables, Collections, & Functions in Dart Eğitimi

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

Dart'ta değişkenler, null güvenliği, List, Set, Map koleksiyonları ve fonksiyonlarla Flutter'a hazırlık sağlayan sıfırdan uygulamalı kurumsal eğitim.

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

Flutter ile Android ve IOS Uygulama Geliştirme Eğitimi

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

Widget ağacı, durum yönetimi, navigasyon, Dio ile ağ istekleri ve mağaza yayınıyla Flutter'da Android ve iOS uygulama geliştirmeyi öğreten kurumsal eğitim.

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