Vývoj mobilních aplikací pro více platformy pomocí Ionicu 8 Počítačový Kurz

Úvod do Ionicu a kontext vývoje pro více platformy

• Co je Ionic a kdy jej volit místo nativního vývoje nebo Flutteru
• Architektura webových komponent, která tvoří základ uživatelského rozhraní Ionicu
• Podpora různých frameworků – Angular, React a Vue
• Praktické případy využití PWA spolu s mobilními aplikacemi

Nastavení vývojového prostředí

• Instalace a konfigurace Node.js a npm
• Instalace nástroje Ionic CLI
• Vytváření nových projektů v Ionicu a jejich strukturování
• Spuštění aplikací v prohlížeči i na připojeném zařízení

Podrobné poznání struktury projektu a jeho architektury

• Stránky, moduly a opakovaně použitelné komponenty
• Systém navigace a způsob konfigurace tras
• Definice služeb a mechanismy injekce závislostí
• Přístup k adresářům s mediálními soubory a nastavení prostředí

Základní uživatelské komponenty a rozložení stránek

• Používání ion-header, ion-toolbar a ion-content při tvorbě struktury stránky
• Ovládací prvky formulářů: ion-input, ion-select, ion-checkbox
• Tlačítka, plovoucí akční tlačítka, karty, seznamy a mřížkový systém
• Moderní konvence pro tvorbu formulářů v Ionicu
• Praktické cvičení: sestavení přihlašovací stránky a rozložení ovládacích panelů

Strategie navigace a řešení trasování

• Integrace routeru z Angularu a Reactu do projektu
• Způsoby přechodů mezi stránkami a možnosti hlubokého odkazování
• Používání technik lazy loading pro zlepšení výkonu
• Návrh více navigačních struktur včetně panelů s kartami a postranních nabídek

Styling a tematizace aplikací

• Používání proměnných CSS a systému barev v Ionicu
• Nastavení režimu tmavého motivu
• Dynamická změna písma a barevných kombinací v novém Ionicu 8
• Přizpůsobení vizuální podoby aplikace podle různých velikostí zařízení

Práce s formuláři a jejich validací

• Používání reaktivních formulářů v Angularu
• Implementace uživatelských validačních mechanismů v Reactu pomocí hooků
• Ošetřování chyb a vizuální zpětná vazba při neplatném vyplnění formuláře
• Vytváření komplexních vícekrokových formulářů s ověřením platnosti dat

Služby a integrace s API

• Konfigurace HTTP klienta včetně definice interceptorů
• Odesílání požadavků na RESTful API a zpracování odpovědí
• Doporučené postupy při správě stavů aplikace
• Ošetřování chyb a mechanismy obnovení spojení s internetem

Capacitor a využití nativních funkcí zařízení

• Pochopení technologie Capacitor a ekosystému jeho pluginů
• Nastavení Capacitoru v již existujícím projektu
• Přístup k fotoaparátu a výběru obrázků z galerie
• Využití geolokace a mapových služeb v aplikaci
• Práce s místním úložištěm dat a nastavením zařízení
• Praktické cvičení: pořizování fotografií a ukládání dat do zařízení

Pokročilé UI komponenty v Ionicu

• Práce s modálními okny, popovers a dialogovými okénky v moderním Iionicu
• Používání notifikací typu Toast a indikátorů načítání
• Novinky v Ionicu 8 – vylepšení událostí a architektury překryvných prvků
• Poznámky k optimalizaci výkonu při použití složitých vizuálních prvků

Techniky optimalizace výkonu aplikace

• Doporučené postupy pro oddělování kódu do jednotlivých modulů a použití lazy loading
• Redukce velikosti výsledného balíčku a vyhnutí se běžným chybám při optimalizaci
• Přizpůsobení způsobu vykreslování pro rozsáhlé datové sady a dlouhé seznamy

Progresivní webové aplikace a konfigurace procesu sestavení

• Převod stávající aplikace na progresivní webovou aplikaci
• Nastavení služebních pracovníků pro práci offline a možností uložení dat do mezipaměti
• Definice manifestu a přizpůsobení informací zobrazovaných při instalaci PWA na zařízení

Sestavování a nasazování hotové aplikace

• Generování finálních verzí pro Android i iOS s plnou kompatibilitou systémů
• Příprava nutných metadat a požadavků při podávání žádosti do obchodů s aplikacemi
• Správa proměnných prostředí v různých fázích vývoje od testovací po produkční verzi

Závěrečný projekt: Vytvoření kompletní aplikace k praktickému využití

• Návrh architektury aplikace i způsobu navigace mezi jednotlivými sekcemi
• Implementace přihlašovací stránky s ověřením uživatelských údajů
• Sestavení řídicího panelu zobrazujícího aktuální data načtená ze serveru
• Integrace nativních funkcí fotoaparátu pomocí Capacitoru
• Kontrola kódu, testování a příprava k nasazení do provozu