Temel Seviye Flutter Eğitimi — İlk Uygulama

Eğitim Hakkında

Sıfır deneyimden çalışan ilk Flutter uygulamasına kadar temel yolculuk

Temel Seviye Flutter Eğitimi, yeni başlayanlara Dart dili ve Flutter çatısıyla çok platformlu uygulama geliştirmeyi öğretir. Katılımcılar Dart temellerini, Flutter SDK kurulumunu ve hot reload ile çalışan ilk uygulamayı deneyimler. Ardından StatelessWidget ve StatefulWidget ayrımı, Column ve Row ile düzen ve Material Design arayüzleri kurulur. Son olarak setState ile durum yönetimi, ListView ile listeler ve Navigator ile ekran geçişleri işlenerek uygulama tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; her konu kısa anlatımın ardından küçük bir Flutter uygulaması üzerinde adım adım uygulanarak pekiştirilir.

Seviye

Temel Seviye — Dart ve Flutter ile ilk çok platformlu mobil uygulamayı sıfırdan geliştirmeyi öğreten giriş programı

Öğrenme Metodu

Küçük bir örnek uygulama üç gün boyunca birlikte geliştirilir; her modülde yeni bir Flutter widget'ı veya kavramı gerçek koda eklenir.

Neden Bu Eğitim?

🎯Sıfırdan başlangıç

Deneyiminiz olmasa bile Flutter SDK kurulumundan hot reload ile çalışan ilk uygulamaya kadar her adımı rahatça takip edebilirsiniz.

📱Tek kodla iki platform

Flutter'ın çok platformlu yapısı sayesinde yazdığınız tek kod tabanıyla hem Android hem iOS için uygulama üretmeyi öğrenirsiniz.

🚀Hızlı ilk ürün

Üç gün sonunda kendi geliştirdiğiniz çalışan bir Flutter uygulamasına sahip olur, ileri eğitimlere güvenle hazırlanırsınız.

Anahtar Konular

flutter eğitimiflutter kursudart eğitimiflutter başlangıçmobil uygulama geliştirme eğitimiflutter temel seviyeflutter öğrençok platformlu uygulamaflutter widgetflutter dart kursu

“Flutter'da her şey bir widget'tır; ilk çalışan ekranınızı kendi elinizle kurduğunuzda çok platformlu geliştirmenin kapısı açılır.”

Ön Koşullar

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

1

Temel bilgisayar kullanımı

Dosya yönetimi, terminal kullanımı ve uygulama kurulumu gibi temel bilgisayar becerilerine sahip olmak gerekir.

2

Programlamaya açıklık

Önceden programlama bilgisi şart değildir; temel Dart kavramları eğitimin ilk gününde sıfırdan anlatılır.

3

Flutter SDK kurulumu

Flutter SDK ve bir editörün (VS Code veya Android Studio) kurulu ve çalışır durumda olması önerilir.

4

Emülatör veya cihaz

Uygulamayı çalıştırmak için bir emülatör, simülatör ya da fiziksel cihazın hazır olması faydalı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ı Dart temel söz dizimini öğrenir, Flutter SDK ortamını tanır, widget ağacı kavramını kavrar ve hot reload ile ilk uygulamayı çalıştırmayı uygular.

Modül 1

Dart Dili Temelleri

var, final ve const ile değişken tanımlama
int, double, String ve bool temel veri tipleri
if, switch ve döngülerle kontrol akışı
Fonksiyon tanımı ve arrow (ok) fonksiyonları
List ve Map koleksiyonlarıyla ilk çalışma
null safety ve nullable tiplere kısa bakış

Modül 2

Flutter SDK Kurulumu

Flutter SDK indirme ve PATH ayarının yapılması
flutter doctor ile ortamı doğrulama
VS Code veya Android Studio eklentilerinin kurulumu
Emülatör oluşturma veya cihaz bağlama
flutter run ile uygulamayı başlatma
Hot reload ve hot restart farkının görülmesi

Modül 3

İlk Flutter Uygulaması

main fonksiyonu ve runApp ile başlatma
MaterialApp ve uygulama iskeletinin kurulması
Scaffold, AppBar ve body yapısının tanıtımı
Ekrana Text ve Icon widget'ı yerleştirme
Hot reload ile anlık değişiklik görme
İlk ekranın adım adım tamamlanması

Modül 4

Widget Ağacı Kavramı

Flutter'da her şeyin widget olması ilkesi
build metodunun çalışma mantığı
StatelessWidget yapısının incelenmesi
BuildContext kavramının tanıtılması
Widget'ların iç içe (nested) yerleşimi
Kompozisyon ile arayüz oluşturma mantığı

Günün hedefiKatılımcı StatelessWidget ve StatefulWidget ayrımını kavrar, temel widget'ları kullanır, Column ve Row ile düzen kurar ve Material Design temasını uygular.

Modül 1

Stateless ve Stateful Widget

StatelessWidget yapısı ve kullanım yeri
StatefulWidget ve State sınıfının ayrımı
setState ile arayüzün yeniden çizilmesi
initState ve dispose yaşam döngüsü metotları
Durum tutan ve tutmayan widget seçimi
Basit bir sayaç widget'ının kurulması

Modül 2

Temel Widget'lar

Text widget'ı ve metin stillendirme
Image ile asset ve ağ görseli gösterme
Container ile boyut, renk ve dekorasyon
ElevatedButton ve TextButton kullanımı
Icon ve Card widget'larının eklenmesi
Widget özelliklerinin parametrelerle ayarı

Modül 3

Düzen (Layout) Widget'ları

Column ile dikey, Row ile yatay yerleşim
mainAxisAlignment ve crossAxisAlignment ayarı
Expanded ve Flexible ile alan paylaşımı
Padding ve SizedBox ile boşluk yönetimi
Stack ile bileşenleri üst üste yerleştirme
Farklı ekranlara basit uyum sağlama

Modül 4

Material Design ve Tema

MaterialApp ve ThemeData ile tema tanımı
Renk şeması (ColorScheme) ayarlanması
Scaffold yapısı ve bölümlerinin kullanımı
FloatingActionButton ile eylem butonu
SnackBar ile kullanıcıya bildirim gösterme
Material 3 görünümüne kısa bir bakış

Günün hedefiKatılımcı setState ile durum yönetir, kullanıcı girdisini işler, ListView ile liste gösterir, Navigator ile ekran geçişi kurar ve çalışan bir uygulamayı tamamlar.

Modül 1

setState ile Durum Yönetimi

setState mantığı ve ne zaman kullanılacağı
State değişkeninin tanımlanması ve güncellenmesi
TextField ve TextEditingController kullanımı
Kullanıcı girdisini okuyup ekrana yansıtma
Basit form doğrulamasının yapılması
Durum değişiminde arayüzün yenilenmesi

Modül 2

Listeler (ListView)

ListView ile kaydırılabilir liste oluşturma
ListView.builder ile verimli liste üretimi
ListTile ile liste öğesi tasarlama
Dinamik veriyi listede gösterme
GridView ile ızgara düzeninde gösterim
Öğeye tıklama olayının yakalanması

Modül 3

Navigasyon (Navigator)

Navigator.push ile yeni ekran açma
MaterialPageRoute ile ekran tanımı
Navigator.pop ile önceki ekrana dönüş
Adlandırılmış rotalar (named routes) kullanımı
Ekranlar arasında argümanla veri taşıma
Ekrandan geri dönüş değeri alma

Modül 4

Uygulamayı Tamamlama

Tüm ekranların tek bir akışta birleştirilmesi
Kullanıcı etkileşiminin baştan sona denenmesi
Hot reload ve debug ile hataların giderilmesi
Uygulama adı ve simgesinin ayarlanması
flutter build apk ile çıktı almaya kısa bakış
Geliştirmeye devam için sonraki adımlar

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Dart temeli

Değişken, veri tipi, kontrol akışı, fonksiyon ve koleksiyon gibi temel Dart kavramlarıyla basit mantık kurabilirsiniz.

✅

Ortamı kullanma

Flutter SDK'yı kurar, flutter doctor ile ortamı doğrular, emülatör açar ve hot reload ile uygulama geliştirebilirsiniz.

✅

Widget anlayışı

Widget ağacı kavramını, StatelessWidget ve StatefulWidget ayrımını kavrayarak arayüzün nasıl kurulduğunu anlarsınız.

✅

Arayüz tasarımı

Text, Image, Container ve buton gibi temel widget'larla Material Design uyumlu bir arayüz tasarlayabilirsiniz.

✅

Düzen kurma

Column, Row, Expanded ve Padding gibi düzen widget'larıyla bileşenleri düzenli biçimde yerleştirebilirsiniz.

✅

Durum yönetimi

setState ile durum tutar, kullanıcı girdisini işler ve değişiklikleri arayüze anlık olarak yansıtabilirsiniz.

✅

Liste ve navigasyon

ListView ile verileri liste halinde gösterir ve Navigator ile ekranlar arası geçiş ile veri aktarımı kurabilirsiniz.

✅

İlk uygulama

Öğrendiklerinizi birleştirerek sıfırdan geliştirilmiş, çalışan ilk Flutter uygulamanızı tamamlarsınız.

Kimler İçin Uygundur?

Mobil uygulama geliştirmeye yeni başlamak isteyenler
tek kod tabanıyla hem Android hem iOS'a üretmek isteyenler
ilk Flutter uygulamasını geliştirmek isteyen bilgisayar bölümü öğrencileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim için deneyim gerekir mi?

Hayır; eğitim mobil uygulama geliştirmeye yeni başlayanlar için tasarlanmıştır. Önceden Flutter veya Dart bilgisi gerekmez; temel Dart kavramları ilk gün sıfırdan anlatılır. Temel bilgisayar kullanımı ve adım adım ilerlemeye açıklık yeterlidir.

Flutter ile aynı kodla iki platforma üretebilir miyim?

Evet; Flutter'ın temel avantajı tek kod tabanıyla hem Android hem iOS için uygulama üretmektir. Eğitimde yazdığınız kod her iki platformda da çalışacak biçimde tasarlanır; emülatör, simülatör veya fiziksel cihazda denenebilir.

Eğitimin süresi ve formatı nedir?

Eğitim üç gün sürer ve her gün dört modülden oluşur. Küçük bir örnek uygulama üç gün boyunca birlikte geliştirilir ve her modülde yeni bir widget veya kavram eklenir. Yüz yüze veya online yapılabilir ve kuruma göre uyarlanabilir.

Bu eğitimden sonra hangi eğitime geçebilirim?

Temel seviyeden sonra HTTP ile uzak sunucuya bağlanma, Firebase entegrasyonu ve yerel veri saklama gibi orta seviye Flutter eğitimlerine geçmek uygundur. Böylece gerçek verilerle çalışan uygulamalar geliştirebilirsiniz.

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 uygulamalı çalışmaları 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

TEMEL SEVİYE FLUTTER EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

Dart Dili Temelleri

Flutter SDK Kurulumu

İlk Flutter Uygulaması

Widget Ağacı Kavramı

Stateless ve Stateful Widget

Temel Widget'lar

Düzen (Layout) Widget'ları

Material Design ve Tema

setState ile Durum Yönetimi

Listeler (ListView)

Navigasyon (Navigator)

Uygulamayı Tamamlama

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Flutter ile Mobil Uygulama Tasarımı Eğitimi

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

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

Flutter State Management ve Provider Kullanımı Eğitimi

Flutter ve Firebase Entegrasyonu Eğitimi

İleri Seviye (Advanced) Flutter Eğitimi