Flutter alapú cross-platform fejlesztés
Flutter alapú cross-platform fejlesztés a BME-VIK oktatójának, az AutSoft fejlesztőjének mentorálásával: piacképes tudás egy gyorsan terjedő technológiában.
Mit fogsz tanulni?
12 hét alatt a Dart nyelv alapjaitól a Flutter widgeteken, állapotkezelésen és perzisztens adattároláson át a Firebase-szolgáltatásokig és a tesztelésig.
1 ITT kezdd! A tanulási felület használatának bemutatása és a képzés használati útmutatója.
- Hogyan használd a felületet?
- Használati útmutató
2 Dart nyelv áttekintés, Flutter keretrendszer A fejlesztőkörnyezet felállítása és a Dart nyelv alapelemeinek (változók, gyűjtemények, függvények, osztályok) megismerése a Flutter alapfogalmaival együtt.
- Képzés összefoglaló
- Flutter bevezetés
- Flutter SDK
- Flutter SDK telepítése
- Android Studio és Android SDK telepítése
- Visual Studio Code telepítése
- Windows fordítás támogatása, Flutter futásának vizsgálata
- Dart programozási nyelv - változók
- Dart programozási nyelv - gyűjtemények
- Dart programozási nyelv - függvények
- Dart programozási nyelv - osztályok
- Flutter alapok - Deklaratív UI
- Flutter alapok - Widget
- [Gyakorlófeladat]
- Teljes anyag: 1. hét
3 Flutter fejlesztés alapjai A Flutter működésének és az alapvető widgeteknek a megismerése gyakorlófeladatokkal.
- Ismétlés
- Flutter widgetek 1.
- Flutter widgetek 2.
- Flutter működése
- Flutter működés vizsgálata
- Alap widgetek
- Alap felületi widgetek
- Gyakorlás 1.
- Gyakorlás 2.
- Gyakorlás 3.
- [Gyakorlófeladat]
- Teljes anyag: 2. hét
4 Egyszerűbb UI komponensek Navigáció, aszinkron programozás és a Material/Cupertino komponensek használata egy dolgozókezelő alkalmazás fejlesztése közben.
- Ismétlés
- Flutter projekt bemutatása
- Future, aszinkron programozás
- Oldalak közötti navigáció
- Material design 1. - Bevezetés, gombok
- Material design 2. - Mezők, információ
- Cupertino widgetek
- Meglévő dolgozókezelő alkalmazás javítása, új oldal ismertetése
- Dolgozó részletes oldal készítése
- Navigációs lehetőségek vizsgálata
- Törlés funkció megvalósítás, új dolgozó hozzáadás megkezdése
- Új dolgozó hozzáadása Form segítségével
- Áttérés a FormBuilder Widgetre, WillPopScope kipróbálás
- [Gyakorlófeladat]
- Teljes anyag: 3. hét
5 Listák, rácsos nézetek Listás és rácsos nézetek, a sliver rendszer, reszponzív felületek és a többnyelvűsítés megvalósítása.
- Ismétlés
- Listák kezelése
- Listás és rácsos nézetek
- Sliver rendszer
- Sliver elemek
- Reszponzív felületek
- Több nyelv támogatása
- ListView implementálása az alkalmazásban
- AppBar leváltása SliverAppBarra, SliverList használata
- Sticky header hozzáadása a listához
- Reszponzív felületkezelés
- Alkalmazás többnyelvűsítése
- [Gyakorlófeladat]
- Teljes anyag: 4. hét
6 Állapotkezelés Provider könyvtárral Állapotkezelés a Provider könyvtárral, valamint implicit, explicit és Hero animációk készítése.
- Ismétlés
- Provider könyvtár
- Provider osztályok
- Aszinkron állapotkezelés
- Animáció bevezetés
- Implicit animációk
- Explicit és egyéb animációk
- Aszinkron állapotkezelés State objektumban
- Aszinkron állapotkezelés a Provider könyvtárral
- Kiválasztott listaelem megkülönböztetése Providerrel
- Implicit animáció és Material splash hozzáadása listaelemekhez
- Explicit animáció vezérlése AnimationControllerrel
- Hero animáció létrehozása, konfigurálása
- [Gyakorlófeladat]
- Teljes anyag: 5. hét
7 Állapotkezelés BLoC könyvtárral Streamek kezelése és a BLoC minta alkalmazása az állapotkezelésben, egy meglévő alkalmazás átalakításával.
- Ismétlés
- Stream bevezetése
- Stream műveletek kezelése
- Állapotkezelés, BLoC minta
- BLoC fő osztályai
- BLoC alkalmazása
- Cubit egy egyszerű számláló alkalmazásban
- Bloc, illetve Bloc objektumok megfigyelése
- Munkáskezelő alkalmazás átalakítása BLoC mintára 1.
- Munkáskezelő alkalmazás átalakítása BLoC mintára 2.
- Kereső nézet megvalósítása tekerhető listában
- Keresés esemény kezelése Bloc-on belül
- Streamek kezelése Bloc segítségével
- [Gyakorlófeladat]
- Teljes anyag: 6. hét
8 Perzisztens adattárolás Lokális adattárolási lehetőségek: fájlkezelés, SharedPreferences, SQL alapú (Floor) és NoSQL alapú (Hive) adatbázisok használata.
- Ismétlés
- Flutter kódgenerátor
- Perzisztens adattárolás
- Fájlkezelés, SharedPreferences
- SQL alapú adatbázis
- NoSQL alapú adatbázis - Hive
- SharedPreferences használata
- UserDataRepository általánosítása
- Floor rétegek implementálása az alkalmazásunkba
- Floor réteg összekötése az alkalmazás maradék részével
- Hive réteg implementálása, összekötése az alkalmazással
- [Gyakorlófeladat]
- Teljes anyag: 7. hét
9 Alkalmazásállapot mentése, hálózati kommunikáció Az alkalmazásállapot mentése és visszaállítása, JSON sorosítás, valamint HTTP kommunikáció megvalósítása a dio könyvtárral.
- Ismétlés
- Alkalmazás állapot mentése
- JSON sorosítás
- BLoC állapot mentése
- Hálózati kommunikáció
- dio könyvtár
- Számláló alkalmazás állapot mentése
- Navigációs történet mentése és visszaállítása
- Navigációs kommunikáció kezelése mentés és visszaállítás esetén
- BLoC állapot perzisztens mentése
- BLoC helyes állapot mentése
- Objektumok JSON sorosítás logikájának generálása
- HTTP kommunikáció megvalósítása
- Dio könyvtár alkalmazása hálózati kommunikációra
- [Gyakorlófeladat]
- Teljes anyag: 8. hét
10 Alkalmazás architektúra, tesztelés Alkalmazás-architektúra, dependency injection és a Flutter tesztelési lehetőségeinek (unit, widget, integrációs tesztek) elsajátítása.
- Ismétlés
- Alkalmazás architektúra
- Dependency injection megoldás
- GetIt kódgenerátor - injectable
- Tesztelés
- Teljes projekt felépítése
- Átalakított dolgozó alkalmazás átnézése - DataSource, Interactor
- Átalakított dolgozó alkalmazás átnézése - Felhasználói felület
- Unit tesztek Flutter keretrendszerben
- Widget és Integrációs tesztek, képernyőkép készítése
- Chat alkalmazás átalakítása a tanult architektúrára - DataSource, Interactor
- Chat alkalmazás átalakítása a tanult architektúrára - Felhasználói felület
- [Gyakorlófeladat]
- Teljes anyag: 9. hét
11 Firebase szolgáltatások A Firebase szolgáltatásainak (Authentication, Cloud Firestore) használata egy chat alkalmazás elkészítésén keresztül.
- Ismétlés
- Firebase
- Firebase - Cloud Firestore
- Firebase - Egyéb szolgáltatások
- Flutter alkalmazás létrehozása
- Képzés összefoglalás
- Regisztrálás implementálása
- Automatikus bejelentkezés kezelése
- Firebase Authentication használata bejelentkezéshez
- Felhasználók kezelése Firestore adatbázison keresztül
- Üzenetek küldése az adatbázison keresztül
- Aktív üzenetszálak megjelenítése reaktív programozással
- Információk a záróvizsgára
- [Gyakorlófeladat]
- Teljes anyag: 10. hét
12 Vizsgafeladat kidolgozása A záróvizsga-feladat önálló kidolgozása és beadása.
- [ZÁRÓVIZSGA FELADAT]
Miért érdemes belevágnod?
Ha Android-ra és iOS-re is szeretnél alkalmazást fejleszteni, alapesetben két külön kódbázist kellene megírnod és karban tartanod, ez adta az ötletet a cross-platform megoldásokhoz, amelyekkel egy kódbázisból mindkét rendszerre lefordítható az app.
A Flutter a Google cross-platform keretrendszere, a szintén Google által fejlesztett Dart nyelvre épül. Más megoldásokhoz képest egyszerűbb, gyorsabb fejlesztést tesz lehetővé, és sokkal ritkábban futsz bele Android vagy iOS specifikus hibákba. Épp emiatt kedvelt technológia startupok körében is: egy MVP szintű alkalmazás rövid idő alatt, rögtön mindkét platformra elkészíthető vele.
A mobilalkalmazásokból származó bevétel a becslések szerint évről évre nő, úgyhogy mobilfejlesztőkre még jó ideig biztosan szükség lesz a piacon.
- Munka mellett végezheted, rugalmas időbeosztással
- Gyakorlati projekteken keresztül, oktatói mentorálással
- LinkedIn profilodba beágyazható tanúsítvány
Ismerd meg oktatódat
Pásztor Dániel
Software Engineer, Intech Studio
Közel 10 éve fejlesztek Android platformra, a Flutter keretrendszert pedig a megjelenése óta aktívan használom. A BME Villamosmérnöki és Informatikai Karán a Flutter alapú szoftverfejlesztés tantárgy egyik kidolgozója és oktatója vagyok, és évek óta közreműködöm az Android alapú szoftverfejlesztés tárgy oktatásában is.
Szoftverfejlesztőként az Intech Studio startup csapatában hardver- és szoftvermegoldásokat építünk digitális tartalomkészítők számára, korábban az AutSoft Zrt.-nél dolgoztam. Fő szakterületeim a szoftvertervezés, a webfejlesztés és a szoftverinfrastruktúra.
Kinek ajánlott?
- Azok számára, akik szeretnének Flutter fejlesztőként elhelyezkedni vagy szabadúszóként iOS/Android fejlesztési projekteken dolgozni, vagy akár saját mobilalkalmazásukat létrehozni.
- Azoknak is szól, akik eddig autodidakta módon tanultak, de szeretnének megbízható forrásból, rendszerezett formában szert tenni egy magabiztos, átfogó alaptudásra.
Kinek nem ajánlott?
- Akik még egyáltalán nem programoztak, a képzés programozási alapokra épít
- Akik kifejezetten natív (Swift/Kotlin) fejlesztői karrierre készülnek
- Akik csak weboldalt szeretnének készíteni mobilalkalmazás helyett
- Akik platform-specifikus, mély natív API-tudást várnak, a Flutter ereje épp a közös kódbázis
Mik a képzés előkövetelményei?
Előny, ha már írtál kódot valamilyen programozási nyelven, mert így gyorsabban haladsz, de ez nem feltétel. Ha még csak a programozói alapokat építenéd, a Bevezetés a Dart nyelvbe és a Flutter cross-platform keretrendszerbe kurzus felkészít a belépéshez.
Hogyan fogsz tanulni?
Gyakorlatorientált oktatás
Minden héten izgalmas gyakorló feladatokat kapsz majd, amelyek keretében már menetközben is konkrét projekteket fogsz megvalósítani.
Interaktív digitális tananyag
A gyakorlati feladatok elvégzéséhez és a tanfolyam sikeres teljesítéséhez szükséges tudást digitális tananyagok és vezetett kódolások formájában adjuk át
Rugalmas időbeosztás
A tanfolyamot munka mellett is végezheted, hiszen a tananyag elsajátítása heti 8-12 óra elfoglaltságot igényel összesen, melyet saját időbeosztás szerint dolgozhatsz fel.
Oktatói mentoring
A képzés ideje alatt az oktató folyamatosan a rendelkezésedre áll, bármikor kérdezhetsz tőle, ha elakadtál, és rendszeresen visszajelzést ad a feladataidra, fejlődésedet végigkíséri.
Konzultációk
Valamennyi tanegység végén egy-egy élő konzultációs alkalmat is szervezünk este 18:00 órától, amikor élőben is felteheted kérdéseidet, közösen kiértékelhetitek és átbeszélhetitek a gyakorlás során elkészített projekteket, és tanulhattok egymás elakadásaiból is.
Visszanézhető LIVE alkalmak
Az online élő konzultációk átlagosan kb. 1 órásak. Akkor sincs semmi baj, ha egy élő konzultációs alkalmon nem tudsz részt venni, hiszen a kérdéseid előre is elküldheted írásban, a válaszokat és az egész LIVE-ot pedig visszanézheted másnap 16:00 órától.
Limitált férőhely
A fent említett interakciók miatt képzéseinket korlátozott létszámmal indítjuk csak el, hogy biztosan jusson mindenkire ideje az oktatóknak.
Minőségbiztosított képzések
Képzéseink szakmai minőségbiztosítását az iparági vezető technológiai vállalatok és a Budapesti Műszaki és Gazdaságtudományi Egyetem végzi.
- Tanúsítványt kapsz, amelyet önéletrajzodhoz és LinkedIn profilodhoz csatolhatsz
- Bizonyítja, hogy elsajátítottad az adott ismereteket
- Segíti a szakmai előmeneteledet és karriered fejlődését
Jó társaságban leszel!
Már több mint 150 hazai és nemzetközi cég munkatársa képezte magát tovább nálunk.
Tudtad?
A munkáltatók 83%-a finanszírozza a munkatársak képzését, ne felejtsd el megkérdezni a tiédet!
Fizetési lehetőségek
Többféle fizetési lehetőséget biztosítunk, hogy a legmegfelelőbb opciót válaszd.
Online fizetés bankkártyával
Az OTP SimplePay az egyik legelterjedtebb online fizetési megoldás — gyors és biztonságos fizetési folyamatáról ismert.
Kamatmentes részletfizetés
Nem szeretnénk, ha a fizetési nehézségek akadályoznák a szakmai fejlődésedet, ezért a részvételi díjat több részletben, teljesen kamatmentesen is kifizetheted.
Fizetés banki átutalással, egy összegben
Ha online kártyás fizetés helyett banki átutalással szeretnél fizetni, az sem probléma — írj nekünk, és ebben is segítünk.
Készen állsz a jelentkezésre?
Jelentkezz most, és kezdd el a fejlődést!