Flutter'da liste, ızgara ve katman kur
Flutter Liste ve Izgara Eğitimi, üst üste bindirme, uzun listeler ve ızgara düzenlerini verimli kurmayı öğretir. Program Stack ve Positioned ile katmanlı yerleşim, rozet ve bindirme senaryoları, IndexedStack ve Overlay, ListView türleri, ListView.builder ile…
Stack katmanlarından ListView ve GridView'a, Sliver'larla özel kaydırmaya
Bu eğitim, Flutter'da üst üste bindirme, uzun listeler ve ızgara düzenlerini verimli kurmayı öğretir. Katılımcılar Stack ve Positioned ile katmanlı yerleşim yapar, rozet ve bindirme senaryolarını çözer. Ardından ListView.builder ile yalnızca görünen öğeyi oluşturarak uzun listeleri performanslı gösterir, ScrollController ve kaydırma fiziğini yönetir. Program GridView türleri ve CustomScrollView ile Sliver'ları birleştirmeyle tamamlanır.
3 Gün. Her gün dört modül; kısa anlatımın ardından bir ürün listesi ve galeri ekranı adım adım kurularak kaydırma ve performans sonucu canlı gösterilir.
Orta Seviye — Flutter'da Stack katmanları, ListView ve GridView ile verimli liste ve ızgara kuran program
Bir ürün listesi ve galeri ekranı Stack, ListView ve GridView ile kurulur; builder ve Sliver yaklaşımlarının performansı karşılaştırılır.
ListView.builder ile yalnızca görünen öğeyi oluşturarak binlerce satırlık listeyi bile akıcı ve bellek dostu gösterirsiniz.
GridView türleri ve delegeleriyle galeri, kategori ve kart ızgaralarını farklı ekranlara uyacak biçimde kurarsınız.
CustomScrollView ve Sliver'larla küçülen başlık ve karışık içerikli akışkan kaydırma deneyimleri tasarlarsınız.
Eğitime başlamadan önce faydalı olacak bilgi ve kurulum
Liste, döngü, fonksiyon ve sınıf gibi temel Dart kavramlarına aşinalık liste kodunu okumayı kolaylaştırır.
Container, Row ve Column ile basit bir ekran kurabilmek konuların liste ve ızgaraya odaklanmasını sağlar.
Flutter SDK kurulu, bir emülatör veya gerçek cihazla hot reload yapabilir durumda olmalıdır.
Widget'ların children listesiyle iç içe geçtiğini bilmek liste yapısını anlamayı kolaylaştırır.
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:
Stack ve Positioned ile öğeleri üst üste bindirerek rozet, gradyan ve yüzen düğme gibi katmanları güvenle kurarsınız.
Align ve alignment ile katmanları doğru konumlar, dokunma ve kesme davranışını bilinçli biçimde yönetirsiniz.
ListView.builder ile yalnızca görünen öğeyi oluşturarak uzun listeleri akıcı ve bellek dostu gösterebilirsiniz.
ScrollController ve kaydırma fiziğiyle sayfalama, yukarı dön ve kaydırınca gizlenen başlık davranışlarını kurarsınız.
Dismissible ile kaydırarak silme ve RefreshIndicator ile çekerek yenileme gibi etkileşimleri uygulayabilirsiniz.
GridView türleri ve delegeleriyle ekran genişliğine uyan galeri ve kart ızgaralarını esnek biçimde tasarlarsınız.
CustomScrollView ve SliverAppBar ile küçülen başlık ve karışık içerikli özel kaydırma akışları kurabilirsiniz.
Liste ve ızgara bölümlerini tek kaydırma akışında bütünleştirerek performanslı bir galeri ekranı geliş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.
Tek Dart kod tabanıyla mobil, web ve masaüstüne yerel uygulama; render mimarisi, duyarlı tasarım, performans ve CI/CD dağıtımını öğreten kurumsal eğitim.
Detayları Gör →
Form doğrulama, implicit ve explicit animasyonlar, GestureDetector ve sürükle-bırak ile Flutter'da etkileşimli arayüz geliştirmeyi öğreten kurumsal eğitim.
Detayları Gör →
AnimationController, Tween, Hero ve CustomPainter ile akıcı Flutter animasyonları eğitimi. Örtük widget'lardan fizik simülasyonuna uygulamalı ve kurumsal.
Detayları Gör →
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 →
Scaffold, Navigator ve go_router ile çok ekranlı Flutter uygulaması kurma eğitimi. İskeletten derin bağlantıya 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 →