Flutter'da çok ekranlı uygulama kur
Flutter Navigasyon Eğitimi, birden çok ekrandan oluşan bir uygulamayı yerleşim ve yönlendirme açısından sağlam kurmayı öğretir. Program Scaffold, AppBar, Drawer, BottomNavigationBar ve FloatingActionButton ile iskeleti, Navigator ile push ve pop, isimli rotal…
Scaffold iskeletinden Navigator ve go_router ile ekranlar arası geçişe
Bu eğitim, birden çok ekrandan oluşan bir Flutter uygulamasını yerleşim ve navigasyon açısından sağlam kurmayı öğretir. Katılımcılar önce Scaffold, AppBar, Drawer ve BottomNavigationBar ile uygulama iskeletini oluşturur. Ardından Navigator ile push ve pop, isimli rotalar, argüman geçişi ve go_router ile bildirimsel yönlendirmeyi uygular. Program sekmeler, iç içe navigasyon, derin bağlantı ve duyarlı yerleşimle tamamlanır.
3 Gün. Her gün dört modül; kısa anlatımın ardından çok ekranlı bir uygulama iskeleti adım adım kurularak yerleşim ve rota kararları canlı gösterilir.
Orta Seviye — Flutter'da Scaffold iskeleti, Navigator rotaları ve go_router ile çok ekranlı uygulama kuran program
Çok ekranlı bir uygulama her gün büyütülerek Scaffold, Navigator ve go_router aynı proje üzerinde uygulamalı işlenir.
Scaffold, AppBar ve alt menü yapısını doğru kurarak her ekranda tutarlı ve tanıdık bir uygulama çatısı oluşturursunuz.
Ekranlar arası geçişi rota ve argümanlarla düzenleyerek büyük uygulamalarda bile akışı öngörülebilir ve bakımı kolay tutarsınız.
go_router ile URL tabanlı yönlendirme kurarak derin bağlantı ve geri düğmesinin doğru çalıştığı modern bir akış sağlarsınız.
Eğitime başlamadan önce faydalı olacak bilgi ve kurulum
Değişken, fonksiyon, sınıf ve asenkron Future kavramlarına aşinalık navigasyon kodunu okumayı kolaylaştırır.
Column, Row ve Container ile basit bir ekran kurabilmek konuların uygulama yapısına odaklanmasını sağlar.
Flutter SDK kurulu, bir emülatör veya gerçek cihazla hot reload yapabilir durumda olmalıdır.
StatefulWidget ve setState ile durum değişiminde ekran güncellemeyi bilmek faydalı olur.
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.
Program sonunda katılımcılar:
Scaffold, AppBar ve body yapısını kavrayarak her ekranda tutarlı ve tanıdık bir uygulama çatısı oluşturursunuz.
Drawer ve BottomNavigationBar ile ana bölümler arasında gezinmeyi düzenli ve erişilebilir biçimde kurabilirsiniz.
Navigator push ve pop ile ekran yığınını denetler, geri dönüşte sonuç döndürmeyi güvenle yönetirsiniz.
İsimli rotalarla ekranları adıyla açar ve argümanlarla ekranlar arasında güvenle veri taşıyabilirsiniz.
go_router ile merkezi, URL tabanlı ve oturuma duyarlı bildirimsel yönlendirme kurabilir duruma gelirsiniz.
Derin bağlantı, yol parametresi ve geri düğmesinin doğru çalıştığı modern bir gezinme akışı tasarlarsınız.
TabBar ve sekme başına iç içe Navigator ile her bölümün bağımsız geri akışını koruyan yapı kurarsınız.
NavigationRail ve LayoutBuilder ile telefon ve tablette uyum sağlayan çok ekranlı bir uygulama bütünleştirirsiniz.
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.
TextFormField, Form doğrulama ve seçim widget'larıyla güvenilir Flutter form akışı eğitimi. Metin girişinden dinamik forma uygulamalı ve kurumsal.
Detayları Gör →
StatefulWidget yaşam döngüsü, setState, Key ve Provider ile Flutter durum yönetimi eğitimi. Yaşam döngüsünden dayanıklılığa uygulamalı ve kurumsal.
Detayları Gör →
Container, Row, Column ve kısıt modeliyle Flutter temel yerleşim eğitimi. Kutu modelinden ekran kurmaya uygulamalı ve kurumsal.
Detayları Gör →
Stack, ListView, GridView ve Sliver'larla verimli Flutter liste ve ızgara eğitimi. Katmanlardan özel kaydırmaya uygulamalı ve kurumsal.
Detayları Gör →
DevTools, flutter_test, mockito, widget ve integration_test ile Flutter hata ayıklama ve test eğitimi. Golden testten CI otomasyonuna uygulamalı.
Detayları Gör →
Cubit, Bloc, event ve state akışı, BlocProvider, repository deseni, bloc_test ve hydrated_bloc ile Flutter'da profesyonel durum yönetimi eğitimi.
Detayları Gör →