Flutter programozás tanfolyam

1. óra • Objektumorientált Dart

Fedezze fel az osztályokat, az öröklést, a mixineket és az interfészeket Dartban. Felkészíti a hallgatókat a Flutter widget osztályhierarchiájának megértésére.

2. óra • A Flutter környezet beállítása

Telepítse a Flutter SDK-t, konfiguráljon egy IDE-t, és csatlakoztasson egy eszközt vagy emulátort. Létrehozza azt az eszközláncot, amelytől minden következő fejezet függ.

3. óra • Flutter projektstruktúra áttekintése

Vizsgálja meg egy Flutter projekt felépítését: mappák, pubspec.yaml és belépési pont. Összeköti a Dart ismeretét a valódi projektszervezéssel.

1. óra • Alapvető Material és Cupertino widgetek

Tekintse át a beépített alapvető widgeteket: Text, Image, Icon, gombváltozatok és AppBar. Gyakorlati eszközkészletet biztosít valódi képernyők építéséhez.

2. óra • Állapotos widgetek és setState

Mutassa be a változtatható állapotot a StatefulWidget és a setState mechanizmus segítségével. Lehetővé teszi a dinamikus, interaktív felhasználói felületi komponenseket.

3. óra • Űrlapok és beviteli widgetek

Valósítson meg szövegmezőket, jelölőnégyzeteket, rádiógombokat és űrlapellenőrzést. Összeköti a felhasználói bevitel kezelését az állapotos widget fogalmakkal.

4. óra • Állapot nélküli widgetek részletesen

Építsen és komponáljon StatelessWidget alosztályokat statikus felhasználói felülethez. Lefedi a build metódust, a konstans konstruktorokat és a widget-újrafelhasználási mintákat.

1. óra • Reszponzív és alkalmazkodó elrendezések

Alkalmazza a MediaQuery-t, a LayoutBuildert és a töréspontokat a felhasználói felület képernyőméret szerinti adaptálásához. Egységes felhasználói élményt biztosít az eszközkategóriák között.

2. óra • Stack, Positioned és Overlay elrendezések

Rétegezzen widgeteket a Stack és a Positioned segítségével átfedő felhasználói felületi elemekhez. Lehetővé teszi a jelvényeket, lebegő címkéket és egyedi overlay-terveket.

3. óra • Row, Column és Flex elrendezések

Használja a Row-t, Columnt és Flexet igazítással, térközzel, valamint Expanded vagy Flexible gyermekekkel. A legtöbb Flutter képernyőelrendezés gerincét képezi.

4. óra • Görgethető widgetek és listák

Hozzon létre görgethető tartalmat ListView, GridView és CustomScrollView segítségével. Lefedi a lusta betöltés mintáit a teljesítményhez nagy adathalmazokkal.

1. óra • Navigator 2.0 és deklaratív útválasztás

Alkalmazza a Router API-t és a Pages listát az URL-vezérelt navigációhoz. Lehetővé teszi a böngésző-kompatibilis és mélyhivatkozható Flutter alkalmazásokat.

2. óra • GoRouter használata navigációhoz

Konfigurálja a GoRouter-t deklaratív, URL-alapú útválasztáshoz védőkorlátokkal és átirányításokkal. Lecseréli a Navigator 2.0 összetettségét a termelési alkalmazásokban.

3. óra • Alsó navigáció és lapfülek

Kombinálja a BottomNavigationBar-t, a TabBart és a TabBarView-t több szekciós alkalmazásokhoz. Integrálja a navigációs mintákat az állapotos widget kezeléssel.

1. óra • InheritedWidget és Provider

Oszson meg állapotot lefelé a widgetfában az InheritedWidget segítségével, majd egyszerűsítse a Provider-rel. Építi a függőség-befecskendezés intuícióját a Flutterben.

2. óra • BLoC minta flutter_bloc segítségével

Válassza le a felhasználói felületet az üzleti logikától események, állapotok és BLoC osztályok segítségével. Egyirányú adatfolyamot kényszerít ki nagy, csapat által fejlesztett projektekhez.

3. óra • Helyi állapot a ValueNotifier és a Hooks segítségével

Kezelje a widget-helyi állapotot hatékonyan a ValueNotifier és a flutter_hooks segítségével. Csökkenti a sablonkódot az egyszerű reaktív állapothoz teljes megoldások nélkül.

4. óra • Állapotkezelési döntési keretrendszer

Hasonlítsa össze a megoldásokat komplexitás, tesztelhetőség és csapatméret alapján. Felkészíti a hallgatókat az építészeti döntések indoklására valós projektekben.

1. óra • JSON elemzés és adatmodellek

Deszerializálja a JSON-t Dart modellosztályokba manuálisan és kódgenerálással. Típusbiztos adatkezelést biztosít az alkalmazás egészében.

2. óra • Repository minta és adatréteg

Absztrahálja az adatforrásokat repository interfészek mögé a tesztelhetőség és rugalmasság érdekében. Összeköti a hálózati kommunikációt és a perzisztenciát egy tiszta architektúra rétegbe.

3. óra • HTTP kérések a Dio és a http segítségével

Hajtson végre GET, POST, PUT és DELETE kéréseket a http és a Dio csomagok segítségével. Lefedi az elfogókat, fejléceket és hibaválasz-kezelést.

4. óra • Aszinkron Dart: Future-k és Stream-ek

Sajátítsa el az async/await, a Future láncolás és a Stream feliratkozások használatát Dartban. Biztosítja az aszinkron alapot minden hálózati és perzisztencia munkához.

1. óra • Hero és oldalátmeneti animációk

Valósítson meg megosztott elemű Hero átmeneteket és egyedi oldalútvonal-animációkat. Vizuális folytonosságot teremt a képernyők között navigáció közben.

2. óra • Explicit animációk az AnimationController segítségével

Vezérelje az animációkat pontosan az AnimationController, a Tween és az AnimatedBuilder segítségével. Lehetővé teszi a ciklusos, visszafelé irányuló és szekvenciális animációkat.

3. óra • Implicit animációk

Használja az AnimatedContainer, AnimatedOpacity és TweenAnimationBuilder widgeteket egyszerű átmenetekhez. Csiszolt felhasználói felületi változásokat ér el minimális kóddal.

4. óra • Egyedi festés a Canvas segítségével

Rajzoljon alakzatokat, útvonalakat és színátmeneteket a CustomPainter és a Canvas API-k segítségével. Lehetővé teszi a teljesen egyedi felhasználói felületi elemeket, amelyek túlmutatnak a szabványos widget képességeken.

1. óra • Integrációs és végponttól végpontig tesztelés

Futtasson teljes alkalmazásfolyamatokat valós eszközökön vagy emulátorokon az integration_test csomag segítségével. Érvényesíti a teljes felhasználói utakat a kiadás előtt.

2. óra • CI/CD folyamatok és bolti telepítés

Automatizálja a build-eket, teszteket és kiadásokat CI eszközök és a Fastlane segítségével. Csökkenti a manuális kiadási erőfeszítést és minőségi kapukat kényszerít ki minden commit-nál.

3. óra • Egységtesztelés Flutterben

Tesztelje a Dart logikát és állapotkezelő osztályokat elkülönítve a test csomag segítségével. Érvényesíti az üzleti logikát a felhasználói felület rétegtől függetlenül.

4. óra • Widget tesztelés

Jelenítsen meg widgeteket tesztkörnyezetben, és szimulálja a felhasználói interakciókat a WidgetTester segítségével. Felismeri a felhasználói felületi regressziókat anélkül, hogy valós eszközön kellene futtatni.