Flutter Çapraz-Platform Uygulama Eğitimi

Eğitim Hakkında

Flutter'ın yerel çapraz-platform felsefesini ve çok hedefli dağıtımı kavrayın

Flutter: Dart ile Yerel Çapraz-Platform Uygulamaları Oluşturun Eğitimi, tek Dart kod tabanıyla mobil, web ve masaüstünde yerel hızda çalışan uygulamalar geliştirmeyi öğretir. Katılımcılar Flutter'ın render mimarisini, widget ağacını ve Impeller motorunu kavrar. LayoutBuilder, MediaQuery ve kesme noktalarıyla duyarlı ve uyarlanabilir arayüz tasarlar. Program; tema paylaşımı, performans ölçümü ve web, masaüstü ile mobil için derleyip dağıtmayla tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; konular canlı kodlanır ve son gün mobil, web ile masaüstü için derlenen tek bir projede birleştirilir.

Seviye

Orta Seviye — Tek Dart kod tabanıyla mobil, web ve masaüstüne yerel çapraz-platform uygulama geliştirmeyi öğretir

Öğrenme Metodu

Her konu canlı kodlanır ve katılımcı örneği yazarak tekrar eder; arayüzler alıştırmalarla pekişip son gün çok platformlu projede toplanır.

Neden Bu Eğitim?

🎯Tek kod her yerde

Tek Dart kod tabanıyla mobil, web ve masaüstüne üreterek bakım yükünü azaltır ve tutarlı bir ürün sunarsınız.

📐Duyarlı tasarım

LayoutBuilder ve MediaQuery ile her ekran boyutuna uyum sağlayan duyarlı ve uyarlanabilir arayüzler kurarsınız.

⚙️Yerel performans

Flutter'ın render motorunu kavrayarak native derlenen, akıcı ve yüksek performanslı uygulamalar geliştirirsiniz.

Anahtar Konular

flutter eğitimiflutter çapraz platformflutter web masaüstüduyarlı arayüz flutterflutter dart kursuçapraz platform uygulama geliştirmeflutter responsive tasarımflutter performansflutter ci cdmobil uygulama geliştirme eğitimi

“Gerçek çapraz-platform, koda değil deneyime evrensellik getirmektir; tek kod tabanından çıkan uygulama her ekranda kendini evinde hissettirmelidir.”

Ön Koşullar

Eğitime başlamadan önce faydalı olacak hazırlık ve beklentiler

1

Temel Flutter

Widget ve temel Flutter akışına aşina olmak eğitimi daha verimli takip etmeyi sağlar.

2

Dart bilgisi

Sınıf, async ve koleksiyonlar gibi temel Dart kavramlarını tanımak önerilir.

3

Arayüz mantığı

Düzen, hizalama ve ekran tasarımı kavramlarına temel düzeyde aşinalık faydalıdır.

4

Geliştirme ortamı

Flutter SDK ile VS Code veya Android Studio ve web tarayıcısı kurulu olmalı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ı Flutter'ın tek kod tabanı felsefesini öğrenir, widget, element ve render ağaçlarını kavrar ve çizim motorunun uygulamayı nasıl ekrana getirdiğini anlar.

Modül 1

Çapraz Platform Felsefesi

Tek kod tabanı ile çoklu hedef mantığı
Flutter'ın kendi arayüzünü çizme yaklaşımı
Native köprü yerine doğrudan çizim farkı
Mobil, web ve masaüstü hedeflerine bakış
Kod paylaşımı ile platform farkını dengeleme
Hangi projelere uygun olduğunu değerlendirme

Modül 2

Widget, Element ve Render Ağacı

Widget ağacının değişmez yapısı
Element ağacı ve durum tutma rolü
RenderObject ile ölçme ve yerleştirme
Yeniden çizimde üç ağacın etkileşimi
Key kullanımıyla widget kimliğini koruma
BuildContext ile ağaçta konumlanma

Modül 3

Çizim Motoru ve Performans

Skia motoru ile tarihsel çizim yaklaşımı
Impeller motoru ve avantajları
60 ve 120 fps için çizim bütçesi
Raster ve UI iş parçacığı ayrımı
Gereksiz yeniden çizimi azaltma
const widget ile çizim maliyetini düşürme

Modül 4

Proje Kurulumu ve Hedefler

Çok hedefli proje yapısını hazırlama
flutter config ile platform etkinleştirme
flutter devices ile hedefleri görme
Ortak kod ve platforma özgü dosya ayrımı
Hot reload ile hızlı geliştirme döngüsü
Hedefe göre çalıştırma ve test

Günün hedefiKatılımcı farklı ekran boyutlarına uyum sağlayan duyarlı arayüzler kurmayı öğrenir, kesme noktalarıyla düzen değiştirir ve tema ile tutarlı tasarım uygular.

Modül 1

Duyarlı Düzen Teknikleri

MediaQuery ile ekran boyutuna erişim
LayoutBuilder ile üst sınırlara göre düzen
FractionallySizedBox ile oransal boyut
Flexible ve Expanded ile esnek alan
AspectRatio ile en-boy oranı koruma
Taşmayı önlemek için kaydırılabilir alan

Modül 2

Kesme Noktaları ve Uyarlama

Telefon, tablet ve masaüstü kesme noktaları
Dar ve geniş ekranda farklı düzen
NavigationRail ve BottomNavigation seçimi
Master-detail düzenine uyarlama
Yönlendirme değişimine tepki verme
Uyarlanabilir yardımcı paketler kullanımı

Modül 3

Tema ve Tasarım Sistemi

ThemeData ile merkezi tasarım tanımı
Açık ve koyu tema desteği ekleme
ColorScheme ve tipografi ölçeği
Bileşen temalarıyla tutarlı görünüm
Tema uzantısıyla özel tasarım değeri
Platforma uygun yoğunluk ayarı

Modül 4

Metin, Görsel ve Erişilebilirlik

Ölçeklenen metin ve satır yüksekliği
Görseli farklı yoğunluklara uyarlama
Esnek grid ile içerik yerleşimi
Semantics ile ekran okuyucu desteği
Kontrast ve dokunma hedefi boyutu
Klavye ve odak gezinme desteği

Günün hedefiKatılımcı uygulamayı mobil, web ve masaüstü için derlemeyi öğrenir, performansı ölçer ve CI/CD ile dağıtım sürecini kurarak projeyi yayına hazırlamayı uygular.

Modül 1

Platforma Göre Derleme

Android ve iOS için mobil derleme
flutter build web ile web çıktısı
Windows, macOS ve Linux derlemeleri
CanvasKit ve HTML render seçeneği
Platforma özgü ikon ve yapılandırma
Sürüm ve derleme numarası yönetimi

Modül 2

Performans Ölçümü ve İyileştirme

DevTools performans sekmesini okuma
Jank ve kare düşmesini tespit etme
Yeniden çizim sınırlarını belirleme
RepaintBoundary ile çizimi izole etme
Liste performansı için builder kullanımı
Görsel ve bellek kullanımını azaltma

Modül 3

Dağıtım ve Barındırma

Web çıktısını statik sunucuda yayınlama
Firebase Hosting ile web dağıtımı
Masaüstü uygulamasını paketleme
Mobil mağaza yükleme adımlarına bakış
Ortam değişkeni ve yapılandırma yönetimi
Sürüm notları ve dağıtım izleme

Modül 4

CI/CD ve Bitirme Projesi

GitHub Actions ile otomatik derleme
Test ve analiz adımlarını boru hattına ekleme
flutter analyze ile statik denetim
Otomatik sürüm ve çıktı üretimi
Çok platformlu projeyi tek akışta derleme
Projeyi mobil, web ve masaüstüne dağıtma

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Tek kod tabanı

Flutter'ın çapraz-platform felsefesini kavrayarak tek kod tabanından mobil, web ve masaüstüne üretirsiniz.

✅

Render mimarisi

Widget, element ve render ağaçlarını ayırt eder, çizim motorunun uygulamayı nasıl ekrana getirdiğini anlarsınız.

✅

Duyarlı düzen

MediaQuery ve LayoutBuilder ile her ekran boyutuna uyum sağlayan esnek düzenler kurabilirsiniz.

✅

Uyarlama

Kesme noktalarıyla telefon, tablet ve masaüstünde farklı düzenler sunarak uyarlanabilir arayüz tasarlarsınız.

✅

Tema sistemi

ThemeData, ColorScheme ve bileşen temalarıyla açık ve koyu modda tutarlı bir tasarım sistemi kurarsınız.

✅

Çok platformlu derleme

Uygulamayı mobil, web ve masaüstü hedeflerine derler, render seçeneklerini ihtiyaca göre yapılandırırsınız.

✅

Performans

DevTools ile performansı ölçer, jank'ı tespit eder ve RepaintBoundary gibi tekniklerle akıcılığı artırırsınız.

✅

CI/CD dağıtım

GitHub Actions ile otomatik derleme ve test boru hattı kurarak çok platformlu dağıtımı uçtan uca yönetirsiniz.

Kimler İçin Uygundur?

Tek kod tabanıyla birden fazla platforma üretmek isteyen geliştiriciler
duyarlı
uyarlanabilir arayüz tasarlamak isteyen ekipler ve Flutter'ın çok hedefli dağıtımını öğrenmek isteyen yazılımcı ve girişimciler için uygundur

Sıkça Sorulan Sorular

Yerel çapraz-platform ne anlama geliyor?

Flutter tek Dart kod tabanını her platform için native makine koduna derler ve arayüzü kendi çizim motoruyla doğrudan çizer. Böylece uygulama bir web görünümü içinde değil, native hızda çalışır. Tek kodla mobil, web ve masaüstüne tutarlı bir deneyim sunarsınız.

Bu eğitim için Flutter bilmem gerekir mi?

Temel Flutter ve widget bilgisi eğitimi daha verimli takip etmeyi sağlar; eğitim mimariye, duyarlı tasarıma ve çok platformlu dağıtıma odaklanır. Sınıf, async ve koleksiyon gibi temel Dart kavramlarına aşinalık önerilir.

Eğitimin süresi ve formatı nedir?

Eğitim üç gün sürer ve her gün dört modülden oluşur. Konular canlı kodlanır, katılımcı örneği yazarak tekrar eder ve son gün mobil, web ile masaüstü için derlenen tek bir projede birleştirilir. Yüz yüze veya online yapılabilir ve kuruma göre uyarlanabilir.

Web ve masaüstü desteği ne kadar olgun?

Flutter mobil, web ve masaüstünü aynı kod tabanından destekler; her hedefin kendine özgü güçlü yanları ve dikkat noktaları vardır. Eğitimde render seçenekleri, performans ve her platformun dağıtım adımları ayrı ayrı ele alınır ve gerçekçi beklentiler aktarılır.

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 bitirme projesini 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

FLUTTER: DART İLE YEREL ÇAPRAZ-PLATFORM UYGULAMALARI OLUŞTURUN EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

Çapraz Platform Felsefesi

Widget, Element ve Render Ağacı

Çizim Motoru ve Performans

Proje Kurulumu ve Hedefler

Duyarlı Düzen Teknikleri

Kesme Noktaları ve Uyarlama

Tema ve Tasarım Sistemi

Metin, Görsel ve Erişilebilirlik

Platforma Göre Derleme

Performans Ölçümü ve İyileştirme

Dağıtım ve Barındırma

CI/CD ve Bitirme Projesi

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Build Native iOS and Android Apps with Flutter Eğitimi

Dart Programlama Dili ile Flutter Eğitimi

Flutter Eğitimi

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