FlutterFlow Temelleri Eğitimi

Eğitim Hakkında

Düşük kodlu Flutter uygulama geliştirme

Eğitim, FlutterFlow ile görsel olarak Flutter uygulaması geliştirmeyi anlatır: proje ve tema kurulumu, widget ağacı ve layout (Column, Row, Stack, ListView), sayfa ve uygulama durumu (state), Firebase Authentication ve Firestore koleksiyonları, güvenlik kuralları, REST API Calls ile dış servis kullanımı, custom function ve action, ardından test, kod dışa aktarma ve mağaza yayını.

Süre ve Format

2 Gün. Her gün dört modül; Arayüz ve Durum Yönetimi; Backend, API ve Yayın ekseninde ilerleyen uygulamalı program.

Seviye

Temel Seviye — FlutterFlow ile düşük kodlu mobil/web uygulama: arayüz, state, Firebase ve API entegrasyonu

Öğrenme Metodu

Katılımcılar sıfırdan bir görev takip uygulaması kurar; Firebase bağlar, API entegre eder ve cihazda test eder.

Neden Bu Eğitim?

📱Hızlı prototip

Kod yazmadan çalışan mobil uygulama prototipi üretirsiniz.

🔥Firebase entegrasyonu

Kimlik doğrulama ve veritabanını arayüze bağlarsınız.

🔌Genişletilebilirlik

API ve custom code ile platformun sınırlarını aşarsınız.

Anahtar Konular

flutterflow eğitimiflutter low-codemobil uygulama geliştirmefirebase firestoreno-code mobil uygulamaflutterflow api callcustom code dartuygulama mağazası yayını

“Fikirden çalışan uygulamaya giden yol, doğru araçla çok kısalır.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri

1

Temel mantık

Değişken, koşul ve liste kavramlarına aşinalık.

2

Mobil uygulama bilgisi

Uygulama ekranları ve navigasyon mantığı.

3

Hesaplar

FlutterFlow ve Firebase hesabı (ücretsiz plan).

4

Test cihazı

Android/iOS cihaz veya emülatö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ı sayfa düzenlerini kurar, tema ve durum yönetimini uygular.

Modül 1

Proje ve Tema

Proje oluşturma ve cihaz önizleme
Renk, tipografi ve tema ayarları
Responsive breakpoint kullanımı
Asset ve ikon yönetimi
Navigasyon: Navbar ve Route
Bileşen (Component) oluşturma ve yeniden kullanım

Modül 2

Layout Widget'ları

Column, Row ve Expanded
Stack ve Positioned ile üst üste yerleşim
Container, padding ve alignment
ListView ve GridView
Conditional visibility
Form, TextField ve doğrulama

Modül 3

State Yönetimi

Page state ve App state farkı
Component state ve parametre geçişi
Action Flow Editor
Koşullu eylemler ve değişken güncelleme
Local persisted state
Dinamik metin ve Variable binding

Modül 4

Gezinti ve Etkileşim

Sayfa parametreleri ve rota geçişi
Bottom sheet, dialog ve snackbar
Animasyonlar (Lottie, implicit)
Pull to refresh
Arama ve filtreleme arayüzü
Erişilebilirlik ayarları

Günün hedefiKatılımcı Firebase ve REST servislerini bağlar, uygulamayı test edip yayına hazırlar.

Modül 1

Firebase Authentication

Firebase proje bağlantısı
E-posta/şifre ve Google girişi
Kullanıcı oturumu ve Auth user
Şifre sıfırlama akışı
Yetkili ve yetkisiz sayfa yönlendirmesi
Kullanıcı koleksiyonu oluşturma

Modül 2

Firestore Veritabanı

Koleksiyon, doküman ve alan yapısı
Query ve Backend Query ayarları
Create/Update/Delete Document eylemleri
Gerçek zamanlı akış (stream)
Firestore Security Rules
Dizin (index) gereksinimi

Modül 3

API ve Özel Kod

API Calls ve JSON path ile veri alma
Bearer token ve header yönetimi
Hata durumları ve boş durum
Custom Function (Dart)
Custom Action ve Custom Widget
Paket (pub.dev) ekleme

Modül 4

Test ve Yayın

Run Mode ve Test Mode farkı
Cihazda debug ve console logları
Kodu dışa aktarma (Flutter projesi)
Android App Bundle ve iOS arşivi
Mağaza yayın gereksinimleri
Sürüm yönetimi ve güncelleme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Görsel arayüz

Responsive sayfalar ve yeniden kullanılabilir bileşenler tasarlayabilirsiniz.

✅

State yönetimi

Page ve app state ile veri akışını kurgulayabilirsiniz.

✅

Action Flow

Koşullu eylem akışlarıyla uygulama mantığı yazabilirsiniz.

✅

Kimlik doğrulama

Firebase Authentication ile giriş akışı kurabilirsiniz.

✅

Firestore kullanımı

Koleksiyonlarla CRUD işlemleri yapabilirsiniz.

✅

Güvenlik kuralları

Firestore kurallarıyla veriye erişimi sınırlayabilirsiniz.

✅

API entegrasyonu

REST API çağrıları ve JSON verisini arayüze bağlayabilirsiniz.

✅

Yayın hazırlığı

Uygulamayı test edip mağaza yayınına hazırlayabilirsiniz.

Kimler İçin Uygundur?

Mobil uygulama fikrini hızla hayata geçirmek isteyen girişimciler
ön yüz geliştiriciler
tasarımcılar
düşük kodlu platform meraklıları için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Mobil uygulama fikrini hızla hayata geçirmek isteyen girişimciler, ön yüz geliştiriciler, tasarımcılar ve düşük kodlu platform meraklıları için uygundur.

Kod bilgisi gerekir mi?

Temel mantık yeterlidir; Dart gerektiren custom function bölümü adım adım yönlendirilir.

Ücretli plan şart mı?

Çoğu uygulama ücretsiz planda yapılır; kod dışa aktarma ve yayın için ücretli plan gerekebilir.

Uygulama gerçek cihazda test edilir mi?

Evet, Test Mode ve cihaz/emülatör üzerinde debug yapılır.

Eğitim sonunda sertifika verilir mi?

Katılımcılara Digital Vizyon Akademi Katılım ve Başarı Sertifikası verilir.

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

FLUTTERFLOW TEMELLERİ EĞİTİMİ