FLUTTER İLE MOBİL UYGULAMA TASARIMI EĞİTİMİ

Piksel piksel tasarlanan akıcı Flutter arayüzleri

Widget ağacı, Material 3, Cupertino, tema ve animasyonla profesyonel arayüz tasarımı

Flutter ile Mobil Uygulama Tasarımı Eğitimi, widget ağacını temel alarak duyarlı ve akıcı mobil arayüzler tasarlamayı öğretir. Program widget mimarisi, Row, Column ve Stack ile yerleşim, temel görsel bileşenlerle başlar; Material 3 ve Cupertino bileşenleri, t…

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

Eğitim Hakkında

Widget mimarisinden duyarlı yerleşime, temadan animasyona eksiksiz tasarım akışı

Flutter ile Mobil Uygulama Tasarımı Eğitimi, Dart ve Flutter widget ağacını temel alarak görsel olarak etkileyici, duyarlı ve akıcı mobil arayüzler tasarlamayı öğretir. Katılımcılar Row, Column ve Stack ile yerleşimi, Material 3 ve Cupertino bileşenlerini, tema, renk ve tipografi yönetimini uygular. MediaQuery ile farklı ekranlara uyum, form doğrulama, navigasyon ve animasyonlarla arayüz canlandırılır. Program erişilebilirlik ve tasarım son rötuşuyla tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; tek bir örnek arayüz üç gün boyunca katman katman tasarlanarak widget, tema ve animasyon konuları bütünleştirilir.

Seviye

Orta Seviye — Flutter widget'ları, Material 3 ve Cupertino ile duyarlı ve akıcı arayüz tasarımı

Öğrenme Metodu

Örnek bir uygulama arayüzü üç gün boyunca adım adım tasarlanır; her modülde yeni bir widget veya tasarım tekniği projeye uygulanır.

Neden Bu Eğitim?

🎯Tasarım odağı

Yalnızca çalışan değil, görsel olarak etkileyici ve akıcı arayüzler kurarak kullanıcı deneyimini iyileştirmeyi öğrenirsiniz.

🧩Çift tasarım dili

Material 3 ve Cupertino bileşenlerini birlikte kullanarak hem Android hem iOS hissi veren tutarlı arayüzler tasarlayabilirsiniz.

📱Her ekrana uyum

MediaQuery ve LayoutBuilder ile telefon ve tablette düzgün görünen, duyarlı ve uyarlanır tasarımlar üretmeyi öğrenirsiniz.

Anahtar Konular

flutter eğitimiflutter tasarım eğitimimobil uygulama tasarımı eğitimiflutter ui tasarımmaterial 3 flutterflutter widget eğitimiflutter arayüz tasarımıdart flutter kursuduyarlı tasarım flutterflutter animasyon
“İyi bir arayüz doğru bileşen, tutarlı tema ve akıcı animasyonun uyumuyla doğar; bu eğitim o uyumu tek bir tasarım üzerinde kurmayı öğretir.”

Ön Koşullar

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

1
Programlama temeli

Herhangi bir dilde değişken, döngü, koşul ve fonksiyon gibi temel programlama kavramlarını bilmek yeterlidir.

2
Dart'a aşinalık

Dart söz dizimine temel aşinalık süreci hızlandırır; dilin temelleri ilk gün kısaca ele alınır.

3
Flutter SDK kurulumu

Flutter SDK ve bir editörün (VS Code ya da Android Studio) kurulu, emülatörle çalışır durumda olması gerekir.

4
Tasarıma ilgi

Renk, boşluk ve hizalama gibi temel tasarım kavramlarına ilgi duymak öğrenmeyi kolaylaştırı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ı Dart temellerini tazeler, her şeyin widget olduğu ağaç yapısını kavrar, Row, Column ve Stack ile yerleşim kurar ve temel görsel bileşenleri arayüze yerleştirir.
Modül 1
Dart ve Flutter Kurulum Ortamı
  • Dart değişken, fonksiyon ve null güvenliği özeti
  • Flutter SDK, flutter doctor ve proje oluşturma
  • main, runApp ve MaterialApp giriş noktası
  • Hot reload ve hot restart ile hızlı geliştirme
  • Proje klasör yapısı ve pubspec.yaml yönetimi
  • StatelessWidget ve StatefulWidget ayrımı
Modül 2
Widget Ağacı ve Yapı Taşları
  • Her şeyin widget olduğu bildirimsel yaklaşım
  • build metodu ve widget ağacının oluşması
  • BuildContext ve ağaçta konumun anlamı
  • Composition ile widget'ları iç içe kurma
  • Scaffold, AppBar ve body iskelet yapısı
  • const widget kullanımı ve yeniden kullanım
Modül 3
Yerleşim: Row, Column ve Stack
  • Row ve Column ile yatay ve dikey dizilim
  • MainAxisAlignment ile ana eksen hizalama
  • CrossAxisAlignment ile çapraz eksen hizalama
  • Expanded ve Flexible ile esnek alan paylaşımı
  • Stack ve Positioned ile üst üste yerleşim
  • Padding, Center ve SizedBox ile boşluk yönetimi
Modül 4
Metin, Görsel ve Buton Bileşenleri
  • Text ve TextStyle ile yazı biçimlendirme
  • Image.asset ve Image.network ile görsel gösterme
  • Icon ve Icons kataloğu ile simge kullanımı
  • ElevatedButton, TextButton ve OutlinedButton
  • Container ile dekorasyon, kenarlık ve gölge
  • Card ve ListTile ile hazır içerik düzeni
Günün hedefiKatılımcı Material 3 ve Cupertino bileşenlerini kullanır, uygulama genelinde tema, renk ve tipografi tanımlar ve MediaQuery ile LayoutBuilder kullanarak farklı ekran boyutlarına uyum sağlar.
Modül 1
Material Design 3 Bileşenleri
  • Material 3 tasarım ilkeleri ve dinamik renk
  • AppBar, NavigationBar ve Drawer kullanımı
  • FloatingActionButton ve SnackBar geri bildirimi
  • Dialog, BottomSheet ve menü bileşenleri
  • Chip, Badge ve Switch gibi küçük bileşenler
  • Elevation, şekil ve durum katmanları
Modül 2
Cupertino ile iOS Tarzı Arayüz
  • CupertinoApp ve iOS tasarım dili farkları
  • CupertinoNavigationBar ve sayfa geçişleri
  • CupertinoButton ve CupertinoTextField
  • CupertinoPicker ve tarih seçici kullanımı
  • Platform'a göre bileşen seçme yaklaşımı
  • Material ve Cupertino'yu birlikte kullanma
Modül 3
Tema, Renk ve Tipografi
  • ThemeData ile uygulama geneli tema tanımı
  • ColorScheme.fromSeed ile renk paleti üretme
  • TextTheme ile tutarlı tipografi ölçeği
  • Açık ve koyu tema desteği ve geçiş
  • Theme.of(context) ile tema değerlerine erişim
  • Özel bileşen temaları ile tutarlılık
Modül 4
Duyarlı ve Uyarlanır Tasarım
  • MediaQuery ile ekran boyutu ve yönelim
  • LayoutBuilder ile üst sınırlara göre yerleşim
  • Telefon ve tablet için farklı düzen kurma
  • Esnek grid ve GridView ile ızgara düzeni
  • SafeArea ile çentik ve sistem alanlarına uyum
  • Yeniden ölçeklenebilir boyut ve boşluk stratejisi
Günün hedefiKatılımcı ekranlar arası navigasyonu kurar, form ve girdileri doğrular, implicit ve explicit animasyonlarla arayüzü canlandırır ve erişilebilirlik ile son rötuşları tamamlar.
Modül 1
Navigasyon ve Ekran Geçişleri
  • Navigator.push ve pop ile yığın tabanlı geçiş
  • Adlandırılmış rotalar ve argüman aktarımı
  • Ekranlar arası veri gönderme ve geri alma
  • BottomNavigationBar ile sekmeli gezinme
  • TabBar ve TabBarView ile sekme düzeni
  • Hero ile ekranlar arası görsel geçiş
Modül 2
Form, Girdi ve Doğrulama
  • Form ve GlobalKey ile form durumu yönetimi
  • TextFormField ve validator ile doğrulama
  • InputDecoration ile alan görünümü ve ipucu
  • TextEditingController ile girdiyi okuma
  • Klavye tipi, odak ve FocusNode yönetimi
  • Hata mesajı ve kullanıcı geri bildirimi
Modül 3
Animasyon ve Geçiş Efektleri
  • AnimatedContainer ile implicit animasyon
  • AnimatedOpacity ve AnimatedAlign kullanımı
  • AnimationController ve Tween ile explicit animasyon
  • CurvedAnimation ile yumuşatma eğrileri
  • AnimatedBuilder ile verimli yeniden çizim
  • Sayfa geçiş animasyonlarının özelleştirilmesi
Modül 4
Erişilebilirlik ve Tasarım Son Rötuşu
  • Semantics ve ekran okuyucu etiketleri
  • Yeterli dokunma alanı ve renk kontrastı
  • Yükleniyor, boş ve hata durumu tasarımı
  • Shimmer ve iskelet ekran ile bekleme deneyimi
  • Tutarlı boşluk ve hizalamayla görsel düzen
  • Tasarımın cihazda gözden geçirilmesi ve ince ayar

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Widget mimarisi

Flutter'ın widget ağacını ve bildirimsel yapısını kavrar, StatelessWidget ve StatefulWidget'ı yerinde kullanabilirsiniz.

✅
Esnek yerleşim

Row, Column, Stack, Expanded ve Padding ile karmaşık ve esnek arayüz yerleşimlerini güvenle kurabilirsiniz.

✅
Material 3

Material 3 bileşenlerini ve dinamik renk sistemini kullanarak güncel ve tutarlı Android arayüzleri tasarlayabilirsiniz.

✅
Cupertino tasarım

Cupertino bileşenleriyle iOS tarzı arayüzler kurar, platforma göre uygun tasarım dilini seçebilirsiniz.

✅
Tema yönetimi

ThemeData, ColorScheme ve TextTheme ile açık-koyu temalı, tutarlı tipografiye sahip arayüzler oluşturabilirsiniz.

✅
Duyarlı tasarım

MediaQuery ve LayoutBuilder ile telefon ve tablette düzgün çalışan duyarlı ve uyarlanır düzenler kurabilirsiniz.

✅
Animasyon

Implicit ve explicit animasyonlarla arayüzü canlandırır, akıcı ve doğal geçiş efektleri uygulayabilirsiniz.

✅
Form ve erişim

Form doğrulamayı yönetir, erişilebilirlik ve son rötuşlarla arayüzü profesyonel bir seviyeye taşıyabilirsiniz.

Kimler İçin Uygundur?

  • Temel programlama bilgisi olan ve Flutter ile görsel açıdan güçlü mobil arayüzler tasarlamak isteyen yazılımcılar
  • mobil uygulamaya geçiş yapan geliştiriciler
  • arayüz tasarımına ilgi duyan bilgisayar bölümü öğrencileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Temel programlama bilgisi olan ve Flutter ile görsel açıdan güçlü mobil arayüzler tasarlamak isteyen yazılımcılar, mobil uygulamaya geçiş yapan geliştiriciler ve öğrenciler için uygundur. Dart'ın temelleri eğitimin ilk gününde kısaca ele alınır.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Tek bir örnek arayüz üç gün boyunca adım adım tasarlanır. Yüz yüze veya online yapılabilir ve kurumun ihtiyacına göre içerik uyarlanabilir.
Flutter öğrenmek için Dart bilmek şart mı?
Hayır, önceden Dart bilmek şart değildir. Herhangi bir dilde temel programlama bilgisi yeterlidir; Dart'ın tasarım için gereken temel söz dizimi ilk gün özetlenir ve örnekler üzerinden pekiştirilir.
Material ve Cupertino arasındaki fark nedir?
Material, Google'ın Android için tasarım dilidir; Cupertino ise iOS görünümünü taklit eden bileşen setidir. Eğitimde ikisi de işlenir ve platforma göre uygun tasarım dilinin nasıl seçileceği örneklerle 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 tasarlanan örnek arayüzü 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. Flutter ile Mobil Uygulama Tasarımı Eğitimi 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 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 →
Flutter ve DartFlutter ile Natif iOS ve Android Uygulamaları Oluşturma Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Flutter ile Natif iOS ve Android Uygulamaları Oluşturma Eğitimi

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

Platform kanalları, MethodChannel, Kotlin ve Swift köprüsü, natif cihaz özellikleri ve mağaza yayınıyla Flutter'da natif uygulama geliştirmeyi öğreten eğitim.

Detayları Gör →
Flutter ve DartFlutter: Dart ile Yerel Çapraz-Platform Uygulamaları Oluşturun Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Flutter: Dart ile Yerel Çapraz-Platform Uygulamaları Oluşturun Eğitimi

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

Tek Dart kod tabanıyla mobil, web ve masaüstüne yerel uygulama; render mimarisi, duyarlı tasarım, performans ve CI/CD dağıtımını öğreten kurumsal eğitim.

Detayları Gör →
Flutter ve DartForms and Animations with Flutter: Detecting & Handling Gestures Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Forms and Animations with Flutter: Detecting & Handling Gestures Eğitimi

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

Form doğrulama, implicit ve explicit animasyonlar, GestureDetector ve sürükle-bırak ile Flutter'da etkileşimli arayüz geliştirmeyi öğreten kurumsal eğitim.

Detayları Gör →
Flutter ve DartForms and Animations with Flutter: Implementing & Configuring Animations Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Forms and Animations with Flutter: Implementing & Configuring Animations Eğitimi

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

AnimationController, Tween, Hero ve CustomPainter ile akıcı Flutter animasyonları eğitimi. Örtük widget'lardan fizik simülasyonuna uygulamalı ve kurumsal.

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