Flutter arayüzüne akıcı hareket kat
Flutter Animasyon Eğitimi, bir uygulamaya akıcı hareket ve mikro etkileşim eklemeyi temelden ileriye öğretir. Program örtük widget'lar (AnimatedContainer, AnimatedOpacity), AnimationController, Tween, Curve ve AnimatedBuilder, açık geçişler (FadeTransition, S…
Örtük widget'lardan AnimationController ve fizik tabanlı simülasyonlara kadar
Bu eğitim, Flutter uygulamalarında animasyonu süsten çıkarıp kullanıcı deneyiminin bir parçası hâline getirmeyi öğretir. Katılımcılar önce AnimatedContainer gibi örtük widget'larla hızlı sonuç alır, ardından AnimationController, Tween, Curve ve Ticker ile açık animasyonların her kademesini denetler. Program Hero geçişleri, PageRouteBuilder, kademeli animasyonlar, CustomPainter ile çizim ve fizik tabanlı simülasyonlarla ilerler ve her konu çalışan kodla pekiştirilir.
4 Gün. Her gün dört modül; kısa anlatımın ardından aynı mikro etkileşim önce örtük, sonra açık animasyonla kurularak kod ve performans sonucu karşılaştırılır.
Orta Seviye — Flutter'da örtük ve açık animasyonları AnimationController'dan fizik simülasyonlarına kadar öğreten program
Tek bir kart genişleme etkisi AnimatedContainer, AnimationController ve CustomPainter ile kurulup denetim ve maliyet dengesi görülür.
Hangi senaryoda örtük, hangisinde açık animasyon gerektiğini bilerek gereksiz AnimationController kurmaktan kaçınır, kodu sade tutarsınız.
Yeniden çizimi yalnızca değişen widget'a sınırlayarak ve jank kaynağını profilde görerek takılmasız, akıcı arayüz hareketleri kurarsınız.
CustomPainter, Hero ve fizik simülasyonlarıyla hazır widget'ların ötesine geçip markaya özel, akılda kalan etkileşimler tasarlarsınız.
Eğitime başlamadan önce faydalı olacak bilgi ve kurulum
Değişken, fonksiyon, sınıf ve closure gibi temel Dart kavramlarına aşinalık animasyon kodunu okumayı kolaylaştırır.
StatelessWidget ve StatefulWidget ile basit bir ekran kurabilmek konuların animasyona odaklanmasını sağlar.
Flutter SDK kurulu, bir emülatör veya gerçek cihazla hot reload yapabilir durumda olmalıdır.
setState ile yeniden çizimi ve initState, dispose gibi State yaşam döngüsünü 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:
AnimationController, Tween ve Curve ilişkisini kavrayarak her animasyonun değerini ve zamanlamasını bilinçli denetlersiniz.
AnimatedContainer ve kardeş widget'larla hızlı, az kodlu ve bakımı kolay yumuşak geçişler kurabilirsiniz.
TweenAnimationBuilder ile controller kurmadan kendi hedefe gidiş animasyonlarınızı yazabilir duruma gelirsiniz.
FadeTransition, SlideTransition ve ScaleTransition ile Animation'a bağlı denetimli geçiş efektleri tasarlarsınız.
Hero ile liste ve detay ekranları arasında akılda kalan paylaşımlı öğe geçişleri kurabilirsiniz.
Tek controller ve Interval ile staggered etkiler ve AnimatedList ile canlı liste güncellemeleri tasarlarsınız.
CustomPainter ve fizik simülasyonlarıyla hazır widget'ların ötesinde doğal ve özgün hareketler üretebilirsiniz.
DevTools ile jank kaynağını bulur, RepaintBoundary ve const ile akıcı 60 FPS deneyimi korursunuz.
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.
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 →
Platform channel, Cupertino ve Material uyarlaması, imzalama ve mağaza yayını ile tek Flutter kod tabanından iOS ve Android native uygulama geliştirme eğitimi.
Detayları Gör →