Ionic 8 Cross-Platform Mobilalkalmazás-fejlesztés Képzés

Bevezetés az Ionicba és a többplatformos fejlesztésbe

• Mi az Ionic, és mikor érdemes választani a natív vagy Flutter helyett
• Az Ionic UI-t meghajtó Web Components architektúra
• Keretrendszer-támogatás az Angular, React és Vue ökoszisztémákban
• Valós használati esetek PWA és mobilalkalmazásokhoz

Fejlesztői környezet beállítása

• Node.js és npm telepítése és konfigurálása
• Az Ionic CLI telepítése
• Új Ionic projekt létrehozása és szerkezetének felépítése
• Alkalmazások futtatása böngészőben és csatlakoztatott eszközön

Projektstruktúra és architektúra részletes bemutatása

• Oldalak, modulok és újrafelhasználható komponensek
• Az útválasztási rendszer megértése és konfigurálása
• Szolgáltatások és függőséginjektálási minták
• Eszközök könyvtárai és környezeti konfiguráció

Alapvető UI komponensek és elrendezés

• Az ion-header, ion-toolbar és ion-content használata oldalszerkezetekhez
• Bemeneti vezérlők: ion-input, ion-select, ion-checkbox
• Gombok, FAB, kártyák, listák és a rácsrendszer
• Modern Ionic űrlapvezérlési konvenciók
• Gyakorlat: bejelentkezési oldal és irányítópult elrendezés készítése

Navigáció és útválasztási stratégiák

• Angular Router és React Router integráció
• Oldalnavigációs minták és mélyhivatkozások
• Lusta betöltés a teljesítmény érdekében
• Fül navigáció és oldalsáv minták

Stílus és témakezelés

• CSS változók és az Ionic színrendszere
• Sötét mód támogatás implementálása
• Dinamikus betűtípusok és paletta testreszabás az Ionic 8-ban
• Reszponzív stílusok eszköz-töréspontok között

Űrlapok és érvényesítés

• Reaktív űrlapok keretrendszer Angularhoz
• Egyedi hookok és érvényesítési minták Reacthoz
• Hibakezelés és érvényesítési UI visszajelzés
• Komplex, többlépcsős űrlapok készítése és érvényesítése

Szolgáltatások és API integráció

• HTTP kliens konfiguráció és interceptork
• RESTful API hívások indítása és válaszok kezelése
• Állapotkezelés ajánlott eljárások
• Hibahatárok és hálózati hibák kezelése

Capacitor és natív eszközfunkciók

• A Capacitor híd és bővítmények ökoszisztémájának megértése
• Capacitor telepítése és konfigurálása meglévő projektben
• Kamera és képválasztó elérése
• Geolokáció és térkép integráció
• Natív tárhely és beállítások
• Gyakorlat: képek rögzítése és adatok tárolása eszközön

Haladó UI komponensek

• Modális ablakok, felugró ablakok és figyelmeztetések a modern Ionicban
• Toast értesítések és betöltési átfedések
• Az Ionic 8 fejlesztései az események és átfedések architektúrájában
• Teljesítményfontosságú megfontolások komplex UI átfedésekhez

Teljesítményoptimalizálási technikák

• Kód felosztás és lusta betöltés ajánlott eljárások
• Csomagméret csökkentése és gyakori hibák elkerülése
• Renderelési optimalizálás listák és nagy adathalmazok esetén

Progresszív webalkalmazás és build folyamat

• Az alkalmazás átalakítása progresszív webalkalmazássá
• Service worker-ek és offline képességek konfigurálása
• Alkalmazás manifest és PWA telepítési felkérések

Build folyamatok és telepítés

• Éles Android és iOS alkalmazások buildelése és csomagolása
• Alkalmazásbolt beküldési követelmények és metaadatok konfigurálása
• Környezeti konfiguráció kezelése teszt és éles környezetek között

Záróprojekt: Egy teljes mini alkalmazás készítése

• Az alkalmazás architektúrájának és navigációs folyamatának tervezése
• Bejelentkezési oldal implementálása hitelesítéssel
• Irányítópult készítése élő adatintegrációval
• Natív kamera funkció hozzáadása a Capacitor segítségével
• Kód áttekintés, tesztelés és telepítési előkészítés