CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol
Ücretsiz 4 seviye

Flutter

Flutter 3.x ile widget'lardan state yönetimine, Firebase ve uzman konulara kadar tüm seviyeler.

Flutter kursu widget'lar, state, Provider, Riverpod, Bloc, Firebase, custom render, FFI ve design system ile tüm seviyeleri kapsar.

  • 306 ders
  • 20 sa 8 dk
  • 5 proje
Ücretsiz başla Müfredatı gör

Hesap gerekmez, hemen başlayabilirsin. İlerlemeni kaydetmek istersen ücretsiz hesap aç

Seviyeler

Flutter kursu dört seviyede sıfırdan uzmanlığa ilerler. İstediğin seviyeden başlayabilirsin.
Seviyeni bilmiyor musun? Seviye testini çöz
Başlangıç

Flutter'ı tanır, SDK kurar, widget'ları, state'i ve temel widget'ları öğrenirsin.

  • Flutter'a giriş
  • İlk uygulama
  • Widget temelleri
  • StatelessWidget
99 ders · 6 sa 32 dk Dersleri gör →
Orta

Orta seviye

setState, Provider, Riverpod, Bloc, http ve veri kalıcılığı ile gerçek uygulama yaparsın.

  • setState ile state
  • Provider paketi
  • Riverpod temel
  • Bloc temel
99 ders · 6 sa 32 dk Dersleri gör →
İleri

İleri seviye

Riverpod derin, Bloc derin, Firebase, Hive, CustomPainter ve test ile ustalaşırsın.

  • Riverpod ileri
  • Bloc ileri
  • Hive (NoSQL)
  • Firebase Auth
69 ders · 4 sa 32 dk Dersleri gör →
Uzman

Uzman seviye

Flutter iç yapı, performans, özel render, FFI, web ve design system konularını öğrenirsin.

  • Flutter iç yapı
  • Performans
  • Özel render
  • Platform plugin
39 ders · 2 sa 32 dk Dersleri gör →

Yapacağın projeler

Her seviyede öğrendiklerini gerçek bir sayfada birleştirirsin.
Todo uygulaması Başlangıç · 5 ders Sayaç uygulaması Başlangıç · 5 ders Hava durumu uygulaması Orta · 5 ders Not uygulaması Orta · 5 ders Test ve CI/CD İleri · 5 ders

Nasıl çalışıyor?

Kısa anlatım

Her ders tek bir kavramı birkaç kısa kartla anlatır; uzun video ya da metin yok.

Hemen dene

Çoktan seçmeli, boşluk doldurma ve eşleştirme sorularıyla öğrendiğini anında pekiştirirsin.

Kendin yaz

Tarayıcıdaki editörde gerçek kod yazarsın; kodun anında kontrol edilir ve sonucu canlı görürsün.

Müfredat

62 grup · 306 ders · 20 sa 8 dk

Flutter'ı tanır, SDK kurar, widget'ları, state'i ve temel widget'ları öğrenirsin.

1
Flutter'a giriş
5 ders · 20 dk
  1. 1 Flutter nedir? Flutter'ın Google tarafından geliştirilen cross-platform UI toolkit olduğunu öğrenirsin. 4 dk
  2. 2 Dart ve Flutter Flutter'ın Dart dilini kullandığını ve neden bu ikiliyi seçtiğini öğrenirsin. 4 dk
  3. 3 SDK ve kurulum Flutter SDK'yı indirip kurmayı ve PATH'e eklemeyi öğrenirsin. 4 dk
  4. 4 flutter doctor flutter doctor çıktısını okuyup eksik bağımlılıkları gidermeyi öğrenirsin. 4 dk
  5. 5 Özet - Flutter kurulumu SDK kurulumu ve doctor çıktısını birleştirerek hazır bir geliştirme ortamı kurarsın. 4 dk
2
İlk uygulama
5 ders · 20 dk
  1. 1 flutter create flutter create komutuyla yeni bir proje iskeletini nasıl oluşturacağın öğrenirsin. 4 dk
  2. 2 Proje yapısı lib/, android/ ve ios/ klasörlerinin rollerini öğrenirsin. 4 dk
  3. 3 main ve runApp main fonksiyonunun runApp ile MaterialApp'i nasıl bağladığını öğrenirsin. 4 dk
  4. 4 Hot reload Hot reload'un ne yaptığını ve neden vazgeçilmez olduğunu öğrenirsin. 4 dk
  5. 5 Özet - İlk uygulama create, runApp ve hot reload'u birleştirerek ilk çalışan uygulamanı yazarsın. 4 dk
3
Widget temelleri
5 ders · 20 dk
  1. 1 Widget nedir? Widget'ın Flutter'ın temel yapı taşı olduğunu öğrenirsin. 4 dk
  2. 2 Widget ağacı Widget'ların iç içe bir ağaç oluşturduğunu öğrenirsin. 4 dk
  3. 3 BuildContext BuildContext'in widget'ın ağaçtaki konumu olduğunu öğrenirsin. 4 dk
  4. 4 Material ve Cupertino Material ve Cupertino widget setleri arasındaki farkı öğrenirsin. 4 dk
  5. 5 Özet - Widget temelleri Widget, ağaç ve BuildContext'i birleştirerek basit bir arayüz kurarsın. 4 dk
4
StatelessWidget
5 ders · 20 dk
  1. 1 StatelessWidget nedir? StatelessWidget'ın durumu olmayan widget olduğunu öğrenirsin. 4 dk
  2. 2 build metodu build metodunun ne döndürdüğünü ve ne zaman çağrıldığını öğrenirsin. 4 dk
  3. 3 Parametre geçirme Widget'lara kurucu parametreyle veri aktarmayı öğrenirsin. 4 dk
  4. 4 const constructor const constructor'ın performansı nasıl artırdığını öğrenirsin. 4 dk
  5. 5 Özet - StatelessWidget StatelessWidget, build ve const'u birleştirerek statik kart yazarsın. 4 dk
5
StatefulWidget
5 ders · 20 dk
  1. 1 StatefulWidget nedir? StatefulWidget'ın zamanla değişebilen arayüzler için kullanıldığını öğrenirsin. 4 dk
  2. 2 createState ve State createState ile State nesnesinin nasıl oluştuğunu öğrenirsin. 4 dk
  3. 3 setState metodu setState'in build'i yeniden tetiklediğini öğrenirsin. 4 dk
  4. 4 initState ve dispose initState ve dispose yaşam döngüsü yöntemlerini öğrenirsin. 4 dk
  5. 5 Özet - StatefulWidget StatefulWidget, setState ve initState'i birleştirerek sayaç yaparsın. 4 dk
6
Text ve Container
5 ders · 20 dk
  1. 1 Text widget'ı Text widget'ıyla ekrana metin yazdırmayı öğrenirsin. 4 dk
  2. 2 TextStyle TextStyle ile yazı tipi, renk ve boyutu ayarlamayı öğrenirsin. 4 dk
  3. 3 Container Container ile kutu şeklinde alan oluşturmayı öğrenirsin. 4 dk
  4. 4 BoxDecoration BoxDecoration ile kenarlık ve köşe yarıçapı eklemeyi öğrenirsin. 4 dk
  5. 5 Özet - Text ve Container Text, Container ve BoxDecoration'ı birleştirerek başlık kartı yaparsın. 4 dk
7
Column ve Row
5 ders · 20 dk
  1. 1 Column Column ile widget'ları dikey dizmeyi öğrenirsin. 4 dk
  2. 2 Row Row ile widget'ları yatay dizmeyi öğrenirsin. 4 dk
  3. 3 MainAxisAlignment MainAxisAlignment ile ana eksen hizalamayı öğrenirsin. 4 dk
  4. 4 CrossAxisAlignment CrossAxisAlignment ile çapraz eksen hizalamayı öğrenirsin. 4 dk
  5. 5 Özet - Column ve Row Column, Row ve hizalamaları birleştirerek profil satırı yaparsın. 4 dk
8
Padding ve margin
5 ders · 20 dk
  1. 1 Padding widget'ı Padding widget'ıyla iç boşluk vermeyi öğrenirsin. 4 dk
  2. 2 EdgeInsets EdgeInsets.all, only ve symmetric arasındaki farkı öğrenirsin. 4 dk
  3. 3 Container margin Container margin ile dış boşluk vermeyi öğrenirsin. 4 dk
  4. 4 Boşluk stratejisi Padding ve margin arasındaki seçimi neye göre yapacağını öğrenirsin. 4 dk
  5. 5 Özet - Padding ve margin Padding ve margin'i birleştirerek nefes alan bir kart yaparsın. 4 dk
9
SizedBox ve Center
5 ders · 20 dk
  1. 1 SizedBox SizedBox ile sabit boyut veya boşluk vermeyi öğrenirsin. 4 dk
  2. 2 Center widget'ı Center ile çocuğunu ortalamayı öğrenirsin. 4 dk
  3. 3 SizedBox.expand SizedBox.expand ile ebeveyni dolduran kutu yapmayı öğrenirsin. 4 dk
  4. 4 Align widget'ı Align ile çocuğu belirli bir konuma yerleştirmeyi öğrenirsin. 4 dk
  5. 5 Özet - SizedBox ve Center SizedBox ve Center'ı birleştirerek ekran ortası karşılama yaparsın. 4 dk
10
ListView
5 ders · 20 dk
  1. 1 ListView nedir? ListView ile kaydırılabilir liste yapmayı öğrenirsin. 4 dk
  2. 2 ListView.builder ListView.builder ile verimli büyük listeler yapmayı öğrenirsin. 4 dk
  3. 3 ListTile ListTile ile başlık + alt başlık satırı yapmayı öğrenirsin. 4 dk
  4. 4 Separator ListView.separated ile satır aralarına ayraç koymayı öğrenirsin. 4 dk
  5. 5 Özet - ListView ListView, builder ve ListTile'ı birleştirerek kişi listesi yaparsın. 4 dk
11
GestureDetector
5 ders · 20 dk
  1. 1 GestureDetector nedir? GestureDetector ile dokunma olaylarını yakalamayı öğrenirsin. 4 dk
  2. 2 onTap ve onDoubleTap onTap ve onDoubleTap arasındaki farkı öğrenirsin. 4 dk
  3. 3 onLongPress onLongPress ile uzun basma hareketini yakalamayı öğrenirsin. 4 dk
  4. 4 onHorizontalDragUpdate Yatay sürükleme olaylarını yakalamayı öğrenirsin. 4 dk
  5. 5 Özet - GestureDetector GestureDetector callback'lerini birleştirerek dokunmatik kart yaparsın. 4 dk
12
InkWell
5 ders · 20 dk
  1. 1 InkWell nedir? InkWell ile Material ripple efektli dokunma yapmayı öğrenirsin. 4 dk
  2. 2 InkWell vs GestureDetector InkWell ve GestureDetector arasındaki farkı öğrenirsin. 4 dk
  3. 3 Material ebeveyn InkWell'ın Material ebeveyne ihtiyaç duyduğunu öğrenirsin. 4 dk
  4. 4 onTap callback InkWell onTap ile tıklamayı işleyip geri bildirim vermeyi öğrenirsin. 4 dk
  5. 5 Özet - InkWell InkWell, Material ve callback'i birleştirerek dalgalanan buton yaparsın. 4 dk
13
ElevatedButton
5 ders · 20 dk
  1. 1 ElevatedButton nedir? ElevatedButton ile kabarık buton yapmayı öğrenirsin. 4 dk
  2. 2 onPressed ve child onPressed callback ve child içeriğinin rollerini öğrenirsin. 4 dk
  3. 3 TextButton ve OutlinedButton TextButton ve OutlinedButton çeşitlerini öğrenirsin. 4 dk
  4. 4 Button style ButtonStyle ile buton rengini ve şeklini özelleştirmeyi öğrenirsin. 4 dk
  5. 5 Özet - ElevatedButton ElevatedButton ve stillerini birleştirerek aksiyon çubuğu yaparsın. 4 dk
14
TextFormField
5 ders · 20 dk
  1. 1 TextFormField nedir? TextFormField ile form girişi yapmayı öğrenirsin. 4 dk
  2. 2 TextEditingController TextEditingController ile girdiyi denetlemeyi öğrenirsin. 4 dk
  3. 3 decoration ve label InputDecoration ile etiket ve ipucu eklemeyi öğrenirsin. 4 dk
  4. 4 obscureText obscureText ile şifre alanlarını maskelemeyi öğrenirsin. 4 dk
  5. 5 Özet - TextFormField TextFormField ve controller'ı birleştirerek giriş formu yaparsın. 4 dk
15
Todo uygulamasıProje
5 ders · 20 dk
  1. 1 Proje iskeleti Todo uygulamasının iskeletini ve veri modelini kurarsın. 4 dk
  2. 2 Ekleme ekranı Yeni görev eklemek için TextFormField'lı ekranı yazarsın. 4 dk
  3. 3 Liste ve onTap Liste satırına onTap ekleyip görevi tamamlama işaretlersin. 4 dk
  4. 4 Silme ve ayraç Kaydırarak silme ve satır ayraçlarını eklersin. 4 dk
  5. 5 Özet - Todo uygulaması Tüm parçaları birleştirip çalışan todo uygulamasını tamamlarsın. 4 dk
16
Image'lar
5 ders · 20 dk
  1. 1 AssetImage AssetImage ile yerel görselleri yüklemeyi öğrenirsin. 4 dk
  2. 2 Image.network Image.network ile uzak görselleri göstermeyi öğrenirsin. 4 dk
  3. 3 Image.file Image.file ile cihazdaki dosya görselini göstermeyi öğrenirsin. 4 dk
  4. 4 fit ve boyut BoxFit ile görselin sığma davranışını öğrenirsin. 4 dk
  5. 5 Özet - Image'lar AssetImage ve Image.network'ü birleştirerek galeri yaparsın. 4 dk
17
Scaffold ve AppBar
5 ders · 20 dk
  1. 1 Scaffold nedir? Scaffold'ın uygulama ekranının iskeleti olduğunu öğrenirsin. 4 dk
  2. 2 AppBar AppBar ile üst başlık çubuğu yapmayı öğrenirsin. 4 dk
  3. 3 FloatingActionButton FloatingActionButton ile yüzen eylem butonu eklemeyi öğrenirsin. 4 dk
  4. 4 Drawer Drawer ile yan menü eklemeyi öğrenirsin. 4 dk
  5. 5 Özet - Scaffold ve AppBar Scaffold, AppBar ve FAB'ı birleştirerek ana ekran yaparsın. 4 dk
18
Navigator
5 ders · 20 dk
  1. 1 Navigator nedir? Navigator ile ekran yığınını yönetmeyi öğrenirsin. 4 dk
  2. 2 Navigator.push Navigator.push ile yeni ekran açmayı öğrenirsin. 4 dk
  3. 3 MaterialPageRoute MaterialPageRoute ile Material geçiş animasyonu yapmayı öğrenirsin. 4 dk
  4. 4 Navigator.pop Navigator.pop ile ekrana geri dönmeyi öğrenirsin. 4 dk
  5. 5 Özet - Navigator push ve pop'u birleştirerek iki ekranlı akış yaparsın. 4 dk
19
Sayaç uygulamasıProje
5 ders · 20 dk
  1. 1 Proje iskeleti Sayaç uygulamasının iskeletini Scaffold ile kurarsın. 4 dk
  2. 2 State ve sayaç StatefulWidget ile sayaç değişkenini tanımlarsın. 4 dk
  3. 3 Artır butonu FloatingActionButton ile sayacı artıran callback yazarsın. 4 dk
  4. 4 Azalt butonu İkinci FAB ile sayacı azaltan callback yazarsın. 4 dk
  5. 5 Özet - Sayaç uygulaması Tüm parçaları birleştirip çalışan sayaç uygulamasını tamamlarsın. 4 dk
20
Başlangıç finaliFinal
4 ders · 12 dk
  1. 1 Meydan okuma 1 Stateless ve Stateful widget'ları birleştiren bir kart yaparsın. 3 dk
  2. 2 Meydan okuma 2 ListView ve ListTile ile kişi listesi ekranı yaparsın. 3 dk
  3. 3 Meydan okuma 3 Navigator push ve pop ile iki ekranlı akış yaparsın. 3 dk
  4. 4 Meydan okuma 4 Form ve TextFormField ile giriş doğrulama ekranı yaparsın. 3 dk

setState, Provider, Riverpod, Bloc, http ve veri kalıcılığı ile gerçek uygulama yaparsın.

1
setState ile state
5 ders · 20 dk
  1. 1 setState derinlemesine setState'in nasıl çalıştığını ve ne zaman rebuild edeceğini öğrenirsin. 4 dk
  2. 2 Lifting state up State'i ortak ebeveyne taşıyarak paylaşmayı öğrenirsin. 4 dk
  3. 3 setState tuzakları Async sonrası setState ve mounted kontrolünü öğrenirsin. 4 dk
  4. 4 State ve performans setState'in maliyetini ve neyi rebuild edeceğini öğrenirsin. 4 dk
  5. 5 Özet - setState setState ve lifting pattern'ini birleştirerek sayaç ekranı yaparsın. 4 dk
2
Provider paketi
5 ders · 20 dk
  1. 1 Provider nedir? Provider ile state'i ağaçta nasıl paylaşacağını öğrenirsin. 4 dk
  2. 2 ChangeNotifier ChangeNotifier ile dinlenebilir state sınıfı yapmayı öğrenirsin. 4 dk
  3. 3 ChangeNotifierProvider ChangeNotifierProvider ile modeli ağaca sağlamayı öğrenirsin. 4 dk
  4. 4 context.watch ve read context.watch ve context.read arasındaki farkı öğrenirsin. 4 dk
  5. 5 Özet - Provider Provider, ChangeNotifier ve watch'ı birleştirerek tema yaparsın. 4 dk
3
Riverpod temel
5 ders · 20 dk
  1. 1 Riverpod nedir? Riverpod'un Provider'ın güvenli alternatifi olduğunu öğrenirsin. 4 dk
  2. 2 Provider ve StateProvider Provider ve StateProvider farkını öğrenirsin. 4 dk
  3. 3 ConsumerWidget ConsumerWidget ile ref'e erişmeyi öğrenirsin. 4 dk
  4. 4 ProviderScope ProviderScope ile kök sarmalama yapmayı öğrenirsin. 4 dk
  5. 5 Özet - Riverpod temel Riverpod, Provider ve ConsumerWidget'ı birleştirerek sayaç yaparsın. 4 dk
4
Bloc temel
5 ders · 20 dk
  1. 1 Bloc nedir? Bloc'un event -> state akışını nasıl yönettiğini öğrenirsin. 4 dk
  2. 2 Cubit Cubit ile basit state sınıfı yazmayı öğrenirsin. 4 dk
  3. 3 BlocProvider BlocProvider ile Cubit'i ağaca sağlamayı öğrenirsin. 4 dk
  4. 4 BlocBuilder BlocBuilder ile state'i dinleyip arayüzü yeniden çizmeyi öğrenirsin. 4 dk
  5. 5 Özet - Bloc temel Cubit, BlocProvider ve BlocBuilder'ı birleştirerek sayaç yaparsın. 4 dk
5
FutureBuilder
5 ders · 20 dk
  1. 1 FutureBuilder nedir? FutureBuilder ile async sonucu arayüze bağlamayı öğrenirsin. 4 dk
  2. 2 AsyncSnapshot AsyncSnapshot bağlantı durumlarını öğrenirsin. 4 dk
  3. 3 loading ve error ConnectionState.waiting ve hasError ile durum yönetimini öğrenirsin. 4 dk
  4. 4 Future yeniden çalıştırma Future'ı yeniden çalıştırmak için key ve setState kullanmayı öğrenirsin. 4 dk
  5. 5 Özet - FutureBuilder FutureBuilder ve snapshot'ı birleştirerek veri ekranı yaparsın. 4 dk
6
StreamBuilder
5 ders · 20 dk
  1. 1 StreamBuilder nedir? StreamBuilder ile sürekli veri akışını arayüze bağlamayı öğrenirsin. 4 dk
  2. 2 Stream nedir? Stream'in zamanla birden çok değer ürettiğini öğrenirsin. 4 dk
  3. 3 StreamController StreamController ile kendi Stream'ini oluşturmayı öğrenirsin. 4 dk
  4. 4 Periodic stream Stream.periodic ile periyodik değer üretmeyi öğrenirsin. 4 dk
  5. 5 Özet - StreamBuilder StreamBuilder ve Controller'ı birleştirerek sayaç yaparsın. 4 dk
7
Form doğrulama
5 ders · 20 dk
  1. 1 Form widget'ı Form widget'ı ile birden çok alanı gruplamayı öğrenirsin. 4 dk
  2. 2 validator validator callback ile alan doğrulaması yapmayı öğrenirsin. 4 dk
  3. 3 onSaved onSaved callback ile form verisini toplamayı öğrenirsin. 4 dk
  4. 4 autovalidateMode autovalidateMode ile anlık doğrulama yapmayı öğrenirsin. 4 dk
  5. 5 Özet - Form doğrulama Form, validator ve onSaved'ı birleştirerek giriş formu yaparsın. 4 dk
8
shared_preferences
5 ders · 20 dk
  1. 1 shared_preferences nedir? shared_preferences ile basit anahtar-değer saklamayı öğrenirsin. 4 dk
  2. 2 getInstance SharedPreferences.getInstance ile async erişim öğrenirsin. 4 dk
  3. 3 set ve get setString, getInt ve getString metodlarını öğrenirsin. 4 dk
  4. 4 Tema kaydetme Tema tercihini shared_preferences ile kalıcı yapmayı öğrenirsin. 4 dk
  5. 5 Özet - shared_preferences getInstance ve set/get'i birleştirerek ayar ekranı yaparsın. 4 dk
9
sqflite (SQLite)
5 ders · 20 dk
  1. 1 sqflite nedir? sqflite ile yerel SQLite veritabanı açmayı öğrenirsin. 4 dk
  2. 2 openDatabase openDatabase ile veritabanı oluşturmayı öğrenirsin. 4 dk
  3. 3 CREATE TABLE db.execute ile tablo oluşturmayı öğrenirsin. 4 dk
  4. 4 INSERT ve SELECT db.insert ve db.query ile veri ekleyip okumayı öğrenirsin. 4 dk
  5. 5 Özet - sqflite openDatabase, CREATE ve INSERT'i birleştirerek not defteri yaparsın. 4 dk
10
http paketi
5 ders · 20 dk
  1. 1 http paketi nedir? http paketi ile REST istekleri yapmayı öğrenirsin. 4 dk
  2. 2 http.get http.get ile veri çekmeyi öğrenirsin. 4 dk
  3. 3 http.post http.post ile veri göndermeyi öğrenirsin. 4 dk
  4. 4 statusCode Response.statusCode ile hata yönetimi yapmayı öğrenirsin. 4 dk
  5. 5 Özet - http http.get ve statusCode'u birleştirerek veri çekme yaparsın. 4 dk
11
JSON parsing
5 ders · 20 dk
  1. 1 jsonDecode jsonDecode ile JSON dizesini Map'e çevirmeyi öğrenirsin. 4 dk
  2. 2 jsonEncode jsonEncode ile Map'i JSON dizesine çevirmeyi öğrenirsin. 4 dk
  3. 3 İç içe JSON İç içe Map'lere erişip alt nesneleri okumayı öğrenirsin. 4 dk
  4. 4 List<dynamic> JSON listelerini List<dynamic> olarak okumayı öğrenirsin. 4 dk
  5. 5 Özet - JSON parsing jsonDecode ve iç içe erişimi birleştirerek API yanıtı işlersin. 4 dk
12
Model sınıfları
5 ders · 20 dk
  1. 1 Model sınıfı nedir? Model sınıfı ile veriyi tip güvenli şekilde saklamayı öğrenirsin. 4 dk
  2. 2 fromJson fromJson fabrika kurucusu ile JSON'dan model oluşturmayı öğrenirsin. 4 dk
  3. 3 toJson toJson metodu ile modeli JSON'a çevirmeyi öğrenirsin. 4 dk
  4. 4 Liste modeli JSON listesinden List<Model> üretmeyi öğrenirsin. 4 dk
  5. 5 Özet - Model sınıfları fromJson ve toJson'ı birleştirerek Tip sınıfı yazarsın. 4 dk
13
Hava durumu uygulamasıProje
5 ders · 20 dk
  1. 1 Proje iskeleti Hava durumu uygulamasının iskeletini ve modelini kurarsın. 4 dk
  2. 2 API çağrısı http.get ile hava durumu API'sine istek atarsın. 4 dk
  3. 3 JSON işleme JSON yanıtını fromJson ile modele çevirirsin. 4 dk
  4. 4 Yükleme durumu FutureBuilder ile yükleme ve hata durumlarını gösterirsin. 4 dk
  5. 5 Özet - Hava durumu uygulaması Tüm parçaları birleştirip çalışan hava durumu uygulamasını tamamlarsın. 4 dk
14
GoRouter
5 ders · 20 dk
  1. 1 GoRouter nedir? GoRouter ile bildirimsel navigation 2.0 yapmayı öğrenirsin. 4 dk
  2. 2 GoRoute GoRoute ile yol tanımlamayı öğrenirsin. 4 dk
  3. 3 context.go ve push context.go ile değiştirme ve context.push ile yığma öğrenirsin. 4 dk
  4. 4 URL parametreleri Yol parametreleri ve query string okumayı öğrenirsin. 4 dk
  5. 5 Özet - GoRouter GoRouter ve GoRoute'u birleştirerek üç ekranlı akış yaparsın. 4 dk
15
Özel widget
5 ders · 20 dk
  1. 1 Özel widget nedir? Kendi widget'ını StatelessWidget olarak yazmayı öğrenirsin. 4 dk
  2. 2 Kompozisyon Widget'ları iç içe geçirerek kompoze etmeyi öğrenirsin. 4 dk
  3. 3 Parametrelerle esneklik Constructor parametreleri ile widget'ı esnek yapmayı öğrenirsin. 4 dk
  4. 4 Tekrar kullanılabilirlik Aynı widget'ı birden çok ekranda kullanmayı öğrenirsin. 4 dk
  5. 5 Özet - Özel widget Özel widget ve kompozisyonu birleştirerek kart kütüphanesi yaparsın. 4 dk
16
Animasyon temelleri
5 ders · 20 dk
  1. 1 AnimatedContainer AnimatedContainer ile özellik değişimini animasyonlu yapmayı öğrenirsin. 4 dk
  2. 2 Tween Tween ile başlangıç ve bitiş değerleri arası geçiş öğrenirsin. 4 dk
  3. 3 AnimatedBuilder AnimatedBuilder ile her frame'de arayüzü çizmeyi öğrenirsin. 4 dk
  4. 4 Curve Curves sınıfı ile zamanlama eğrisi seçmeyi öğrenirsin. 4 dk
  5. 5 Özet - Animasyon temelleri AnimatedContainer ve Tween'i birleştirerek geçiş kartı yaparsın. 4 dk
17
Not uygulamasıProje
5 ders · 20 dk
  1. 1 Proje iskeleti Not uygulamasının iskeletini ve modelini kurarsın. 4 dk
  2. 2 Liste ve ekleme ListView ve FloatingActionButton ile ekleme akışı yazarsın. 4 dk
  3. 3 Düzenleme ekranı Mevcut notu düzenlemek için form ekranı yazarsın. 4 dk
  4. 4 Kalıcı saklama shared_preferences ile notları kalıcı yaparsın. 4 dk
  5. 5 Özet - Not uygulaması Tüm parçaları birleştirip çalışan not uygulamasını tamamlarsın. 4 dk
18
ThemeData
5 ders · 20 dk
  1. 1 ThemeData nedir? ThemeData ile uygulama geneli tema tanımlamayı öğrenirsin. 4 dk
  2. 2 colorScheme ColorScheme ile renk paleti kurmayı öğrenirsin. 4 dk
  3. 3 textTheme TextTheme ile başlık ve gövde stillerini öğrenirsin. 4 dk
  4. 4 Theme.of Theme.of(context) ile tema değerlerine erişmeyi öğrenirsin. 4 dk
  5. 5 Özet - ThemeData ThemeData ve ColorScheme'i birleştirerek koyu tema yaparsın. 4 dk
19
Dialoglar
5 ders · 20 dk
  1. 1 showDialog showDialog ile modal pencere açmayı öğrenirsin. 4 dk
  2. 2 AlertDialog AlertDialog ile başlık, içerik ve aksiyon yapmayı öğrenirsin. 4 dk
  3. 3 ScaffoldMessenger ScaffoldMessenger ile SnackBar göstermeyi öğrenirsin. 4 dk
  4. 4 ModalBottomSheet showModalBottomSheet ile alt sayfa açmayı öğrenirsin. 4 dk
  5. 5 Özet - Dialoglar showDialog ve SnackBar'ı birleştirerek geri bildirim yaparsın. 4 dk
20
Orta seviye finaliFinal
4 ders · 12 dk
  1. 1 Meydan okuma 1 Provider ile tema yönetimi yapan bir uygulama yaparsın. 3 dk
  2. 2 Meydan okuma 2 http ve fromJson ile API listesi çeken ekran yaparsın. 3 dk
  3. 3 Meydan okuma 3 sqflite ile not ekleyip listeyen uygulama yaparsın. 3 dk
  4. 4 Meydan okuma 4 GoRouter ile üç ekranlı akış ve animasyon yaparsın. 3 dk

Riverpod derin, Bloc derin, Firebase, Hive, CustomPainter ve test ile ustalaşırsın.

1
Riverpod ileri
5 ders · 20 dk
  1. 1 StateNotifier StateNotifier ile değişmez state yönetmeyi öğrenirsin. 4 dk
  2. 2 StateNotifierProvider StateNotifierProvider ile ağaca sağlamayı öğrenirsin. 4 dk
  3. 3 AsyncValue AsyncValue ile async state modellemeyi öğrenirsin. 4 dk
  4. 4 FutureProvider FutureProvider ile async veriyi sağlamayı öğrenirsin. 4 dk
  5. 5 Özet - Riverpod ileri StateNotifier ve AsyncValue'yi birleştirerek API ekranı yaparsın. 4 dk
2
Bloc ileri
5 ders · 20 dk
  1. 1 Bloc sınıfı Bloc sınıfı ile event -> state akışını yönetmeyi öğrenirsin. 4 dk
  2. 2 Event sınıfları Event sınıfları ile intent tanımlamayı öğrenirsin. 4 dk
  3. 3 State sınıfları State sınıfları ile arayüz durumunu modellemeyi öğrenirsin. 4 dk
  4. 4 BlocListener BlocListener ile yan etkileri yönetmeyi öğrenirsin. 4 dk
  5. 5 Özet - Bloc ileri Bloc, event ve state'i birleştirerek login akışı yaparsın. 4 dk
3
Hive (NoSQL)
5 ders · 20 dk
  1. 1 Hive nedir? Hive ile hızlı yerel NoSQL veritabanı açmayı öğrenirsin. 4 dk
  2. 2 Box ve put/get Hive box ile put ve get metodlarını öğrenirsin. 4 dk
  3. 3 TypeAdapter TypeAdapter ile özel sınıfı Hive'a kaydetmeyi öğrenirsin. 4 dk
  4. 4 HiveList ve lazy box LazyBox ve HiveList ile büyük veriyi yönetmeyi öğrenirsin. 4 dk
  5. 5 Özet - Hive Box, put ve TypeAdapter'ı birleştirerek ayar deposu yaparsın. 4 dk
4
Firebase Auth
5 ders · 20 dk
  1. 1 Firebase Auth nedir? Firebase Auth ile kullanıcı oturumu açmayı öğrenirsin. 4 dk
  2. 2 Email ve şifre createUserWithEmailAndPassword ile kayıt olmayı öğrenirsin. 4 dk
  3. 3 signInWithEmailAndPassword signInWithEmailAndPassword ile giriş yapmayı öğrenirsin. 4 dk
  4. 4 authStateChanges authStateChanges ile oturum değişikliğini dinlemeyi öğrenirsin. 4 dk
  5. 5 Özet - Firebase Auth Kayıt, giriş ve authStateChanges'ı birleştirerek auth akışı yaparsın. 4 dk
5
Cloud Firestore
5 ders · 20 dk
  1. 1 Firestore nedir? Firestore ile koleksiyon ve belge modelini öğrenirsin. 4 dk
  2. 2 Veri ekleme collection().add ile belge eklemeyi öğrenirsin. 4 dk
  3. 3 Veri okuma collection().snapshots ile gerçek zamanlı okumayı öğrenirsin. 4 dk
  4. 4 Sorgu ve where where ile filtreli sorgu yapmayı öğrenirsin. 4 dk
  5. 5 Özet - Firestore add, snapshots ve where'i birleştirerek sohbet ekranı yaparsın. 4 dk
6
Push notification
5 ders · 20 dk
  1. 1 firebase_messaging nedir? firebase_messaging ile bildirim almaya başlamayı öğrenirsin. 4 dk
  2. 2 getToken getToken ile cihaz token'ını almayı öğrenirsin. 4 dk
  3. 3 onMessage onMessage ile ön planda bildirim yakalamayı öğrenirsin. 4 dk
  4. 4 onBackgroundMessage onBackgroundMessage ile arka plan bildirimini öğrenirsin. 4 dk
  5. 5 Özet - Push notification getToken ve onMessage'i birleştirerek bildirim ekranı yaparsın. 4 dk
7
Kamera ve image_picker
5 ders · 20 dk
  1. 1 image_picker nedir? image_picker ile galeri veya kameradan görsel seçmeyi öğrenirsin. 4 dk
  2. 2 pickImage pickImage ile görsel seçmeyi öğrenirsin. 4 dk
  3. 3 Camera plugin camera paketi ile canlı kamera önizlemesi yapmayı öğrenirsin. 4 dk
  4. 4 CameraController CameraController ile fotoğraf çekmeyi öğrenirsin. 4 dk
  5. 5 Özet - Kamera image_picker ve CameraController'ı birleştirerek foto ekranı yaparsın. 4 dk
8
Konum
5 ders · 20 dk
  1. 1 location paketi nedir? location paketi ile cihaz konumunu öğrenirsin. 4 dk
  2. 2 getLocation getLocation ile anlık konum almayı öğrenirsin. 4 dk
  3. 3 izinler Konum izni istemeyi ve reddedilince nasıl davranacağını öğrenirsin. 4 dk
  4. 4 onLocationChanged onLocationChanged ile sürekli konum takibini öğrenirsin. 4 dk
  5. 5 Özet - Konum getLocation ve onLocationChanged'ı birleştirerek harita yaparsın. 4 dk
9
Background task
5 ders · 20 dk
  1. 1 workmanager nedir? workmanager ile arka plan görevi zamanlamayı öğrenirsin. 4 dk
  2. 2 callbackDispatcher callbackDispatcher ile arka plan callback tanımlamayı öğrenirsin. 4 dk
  3. 3 OneOffTask OneOffTask ile tek seferlik görev zamanlamayı öğrenirsin. 4 dk
  4. 4 PeriodicTask PeriodicTask ile periyodik görev zamanlamayı öğrenirsin. 4 dk
  5. 5 Özet - Background task callbackDispatcher ve PeriodicTask'ı birleştirerek senkron yaparsın. 4 dk
10
Platform channel
5 ders · 20 dk
  1. 1 MethodChannel nedir? MethodChannel ile Dart-native köprüü kurmayı öğrenirsin. 4 dk
  2. 2 invokeMethod invokeMethod ile native metot çağırmayı öğrenirsin. 4 dk
  3. 3 setMethodCallHandler setMethodCallHandler ile native'den çağrı almayı öğrenirsin. 4 dk
  4. 4 EventChannel EventChannel ile native'den sürekli olay akışı öğrenirsin. 4 dk
  5. 5 Özet - Platform channel MethodChannel ve EventChannel'ı birleştirerek pil durumu yaparsın. 4 dk
11
CustomPainter
5 ders · 20 dk
  1. 1 CustomPaint nedir? CustomPaint widget'ı ile özel çizim yapmayı öğrenirsin. 4 dk
  2. 2 CustomPainter CustomPainter ile paint ve shouldRepaint öğrenirsin. 4 dk
  3. 3 Canvas ve Paint Canvas ve Paint ile çizgi, daire ve dikdörtgen çizmeyi öğrenirsin. 4 dk
  4. 4 Path Path ile çoklu çizgi ve karmaşık şekil yapmayı öğrenirsin. 4 dk
  5. 5 Özet - CustomPainter CustomPaint ve Path'i birleştirerek pasta grafik yaparsın. 4 dk
12
İleri animasyon
5 ders · 20 dk
  1. 1 AnimationController AnimationController ile animasyonu denetlemeyi öğrenirsin. 4 dk
  2. 2 Tween ve CurvedAnimation CurvedAnimation ile yumuşak eğri animasyonu öğrenirsin. 4 dk
  3. 3 Hero animasyonu Hero ile ekranlar arası geçiş animasyonu yapmayı öğrenirsin. 4 dk
  4. 4 Stagger animation Birden çok animasyonu sıralı (stagger) başlatmayı öğrenirsin. 4 dk
  5. 5 Özet - İleri animasyon AnimationController ve Hero'yu birleştirerek geçiş yaparsın. 4 dk
13
Test ve CI/CDProje
5 ders · 20 dk
  1. 1 flutter_test nedir? flutter_test ile widget testi yazmaya başlamayı öğrenirsin. 4 dk
  2. 2 testWidgets testWidgets ile widget render testi yazmayı öğrenirsin. 4 dk
  3. 3 pump ve settle pump ve pumpAndSettle ile animasyonlu testler yapmayı öğrenirsin. 4 dk
  4. 4 GitHub Actions GitHub Actions ile Flutter CI akışı kurmayı öğrenirsin. 4 dk
  5. 5 Özet - Test ve CI/CD testWidgets ve CI'ı birleştirerek kalıte kapısı yaparsın. 4 dk
14
İleri seviye finaliFinal
4 ders · 12 dk
  1. 1 Meydan okuma 1 StateNotifier ve AsyncValue ile API state yönetimi yaparsın. 3 dk
  2. 2 Meydan okuma 2 Bloc ile login akışı ve hata yönetimi yaparsın. 3 dk
  3. 3 Meydan okuma 3 Firestore ile gerçek zamanlı sohbet ekranı yaparsın. 3 dk
  4. 4 Meydan okuma 4 CustomPainter ve AnimationController ile grafik animasyonu yaparsın. 3 dk

Flutter iç yapı, performans, özel render, FFI, web ve design system konularını öğrenirsin.

1
Flutter iç yapı
5 ders · 20 dk
  1. 1 Widget tree Widget ağacının nasıl oluştuğunu ve güncellendiğini öğrenirsin. 4 dk
  2. 2 Element tree Element ağacının widget ile render arasındaki bağ olduğunu öğrenirsin. 4 dk
  3. 3 Render tree RenderObject ağacının layout ve paint yaptığını öğrenirsin. 4 dk
  4. 4 Build owner BuildOwner'ın build sürecini nasıl yönettiğini öğrenirsin. 4 dk
  5. 5 Özet - Flutter iç yapı Üç ağacı birleştirerek bir widget'ın yaşamını izlersin. 4 dk
2
Performans
5 ders · 20 dk
  1. 1 Profile mode Profile mode ile gerçek performans ölçmeyi öğrenirsin. 4 dk
  2. 2 DevTools Flutter DevTools ile CPU ve widget profil öğrenirsin. 4 dk
  3. 3 RepaintBoundary RepaintBoundary ile yeniden çizim alanını kısıtlamayı öğrenirsin. 4 dk
  4. 4 const ve ListView.builder const widget ve builder'ın performansa etkisini öğrenirsin. 4 dk
  5. 5 Özet - Performans Profile, RepaintBoundary ve const'u birleştirerek optimizasyon yaparsın. 4 dk
3
Özel render
5 ders · 20 dk
  1. 1 RenderObject nedir? RenderObject ile sıfırdan render nesnesi yazmayı öğrenirsin. 4 dk
  2. 2 RenderBox RenderBox ile kutu modelinde layout yapmayı öğrenirsin. 4 dk
  3. 3 performLayout performLayout ile çocukları yerleştirmeyi öğrenirsin. 4 dk
  4. 4 paint metodu paint metodu ile çizim yapmayı öğrenirsin. 4 dk
  5. 5 Özet - Özel render RenderBox, performLayout ve paint'i birleştirerek özel widget yaparsın. 4 dk
4
Platform plugin
5 ders · 20 dk
  1. 1 Plugin yapısı Flutter plugin'inin Dart ve native kısımlarını öğrenirsin. 4 dk
  2. 2 MethodChannel kaydı Plugin'in MethodChannel kaydını öğrenirsin. 4 dk
  3. 3 Android implementasyonu Android tarafında plugin metot yazmayı öğrenirsin. 4 dk
  4. 4 iOS implementasyonu iOS tarafında plugin metot yazmayı öğrenirsin. 4 dk
  5. 5 Özet - Platform plugin Kayıt, Android ve iOS'u birleştirerek basit plugin yaparsın. 4 dk
5
dart:ffi
5 ders · 20 dk
  1. 1 FFI nedir? dart:ffi ile C kütüphanelerini çağırmayı öğrenirsin. 4 dk
  2. 2 DynamicLibrary DynamicLibrary.open ile C kütüphanesi açmayı öğrenirsin. 4 dk
  3. 3 lookupFunction lookupFunction ile C fonksiyonunu Dart'a bağlamayı öğrenirsin. 4 dk
  4. 4 Pointer Pointer<T> ile C belleğini yönetmeyi öğrenirsin. 4 dk
  5. 5 Özet - dart:ffi DynamicLibrary ve lookupFunction'ı birleştirerek C çağrısı yaparsın. 4 dk
6
Flutter web
5 ders · 20 dk
  1. 1 Flutter web nedir? Flutter web'in canvas ve HTML renderer'larını öğrenirsin. 4 dk
  2. 2 flutter build web flutter build web ile web paketi üretmeyi öğrenirsin. 4 dk
  3. 3 URL stratejisi setUrlStrategy ile URL '#' işaretini kaldırmayı öğrenirsin. 4 dk
  4. 4 Web ve mobil farkı Web ve mobil platform davranış farklarını öğrenirsin. 4 dk
  5. 5 Özet - Flutter web build web ve setUrlStrategy'yi birleştirerek web uygulaması yaparsın. 4 dk
7
Design system
5 ders · 20 dk
  1. 1 Tema mimarisi Tema katmanları ve ThemeExtension'ı öğrenirsin. 4 dk
  2. 2 Token sistemi Renk ve boyut token'ları ile tasarım dilini kurmayı öğrenirsin. 4 dk
  3. 3 Bileşen kütüphanesi Yeniden kullanılabilir bileşen kütüphanesi yapmayı öğrenirsin. 4 dk
  4. 4 Tema değiştirme Çok temalı uygulamayı canlı değiştirmeyi öğrenirsin. 4 dk
  5. 5 Özet - Design system Token, bileşen ve tema değiştirmeyi birleştirerek sistem yaparsın. 4 dk
8
Uzman finaliFinal
4 ders · 12 dk
  1. 1 Meydan okuma 1 RenderBox ile sıfırdan düzen widget'ı yazarsın. 3 dk
  2. 2 Meydan okuma 2 dart:ffi ile C kütüphanesinden matematik çağrısı yaparsın. 3 dk
  3. 3 Meydan okuma 3 Flutter web için URL stratejili router uygulaması yaparsın. 3 dk
  4. 4 Meydan okuma 4 Token ve ThemeExtension ile çok temalı tasarım sistemi yaparsın. 3 dk

Dersler ücretsiz, hesap ilerlemeni korur

Hesap açmak zorunlu değil. Açarsan kaldığın yerden devam eder, emeğini kaybetmezsin.

  • İlerlemen her cihazda kayıtlı
  • XP ve rozet kazan
  • Günlük seriyi koru
  • Kursu bitirince sertifika al
ücretsiz hesap aç

Sık sorulan sorular

Flutter dersleri ücretsiz mi?

Evet. Flutter kursundaki 306 dersin tamamı ücretsiz ve hesap açmadan başlayabilirsin.

Başlamak için ön bilgi gerekiyor mu?

Hayır. Başlangıç seviyesi sıfırdan anlatır; yalnızca bir tarayıcı yeterli. Konuyu biliyorsan üst seviyelerden başlayabilirsin.

Kursu bitirmek ne kadar sürer?

Dersler 2–8 dakikalık. Tüm kurs yaklaşık 20 saat; günde 15–20 dakikayla birkaç ayda bitirebilirsin.

Sertifika veriliyor mu?

Evet. Ücretsiz hesapla kursu tamamladığında adına doğrulanabilir bir sertifika oluşturulur.

Hesap açmadan ilerlemem kaybolur mu?

Hesapsız ilerlemen yalnızca kullandığın tarayıcıda tutulur. Ücretsiz hesap açtığında bu ilerleme hesabına aktarılır.

Sonraki adım Algoritmalar

Big-O, sıralama, arama, veri yapıları, dinamik programlama, en kısa yol ve uzman konulara kadar tüm algoritmalar.