Ionic 8 – Tworzenie Aplikacji Mobilnych Wieloplatformowych - Plan Szkolenia

Wprowadzenie do Ionic i krajobrazu wieloplatformowego

• Czym jest Ionic i kiedy wybrać go zamiast natywnych rozwiązań lub Fluttera
• Architektura Web Components napędzająca interfejs Ionic
• Obsługa frameworków w ekosystemach Angular, React i Vue
• Przypadki użycia PWA i aplikacji mobilnych w rzeczywistych projektach

Konfiguracja środowiska deweloperskiego

• Instalacja i konfiguracja Node.js i npm
• Instalacja Ionic CLI
• Tworzenie i przygotowanie nowego projektu Ionic
• Uruchamianie aplikacji w przeglądarce i na podłączonym urządzeniu

Struktura projektu i szczegółowe omówienie architektury

• Strony, moduły i komponenty wielokrotnego użytku
• Zrozumienie i konfiguracja systemu routingu
• Wzorce usług i wstrzykiwania zależności
• Katalogi zasobów i konfiguracja środowiska

Podstawowe komponenty interfejsu i układ strony

• Wykorzystanie ion-header, ion-toolbar i ion-content do struktury strony
• Kontrolki wejściowe: ion-input, ion-select, ion-checkbox
• Przyciski, FAB, karty, listy i system siatki
• Nowoczesne konwencje kontroli formularzy w Ionic
• Praktyczne ćwiczenie: budowanie strony logowania i układu pulpitu

Strategie nawigacji i routingu

• Integracja Angular Router i React Router
• Wzorce nawigacji między stronami i deep linking
• Leniwe ładowanie dla poprawy wydajności
• Nawigacja za pomocą zakładek i wzorce menu bocznego

Stylowanie i motywy

• Zmienne CSS i system kolorów Ionic
• Implementacja wsparcia dla trybu ciemnego
• Dynamiczne czcionki i dostosowywanie palet kolorów w Ionic 8
• Responsywne stylowanie dla różnych punktów przerwania urządzeń

Formularze i walidacja

• Framework formularzy reaktywnych dla Angular
• Niestandardowe hooki i wzorce walidacji dla React
• Obsługa błędów i informacje zwrotne w interfejsie walidacji
• Tworzenie i walidacja złożonych formularzy wieloetapowych

Usługi i integracja API

• Konfiguracja klienta HTTP i interceptory
• Wykonywanie zapytań RESTful API i obsługa odpowiedzi
• Najlepsze praktyki zarządzania stanem
• Granice błędów i odzyskiwanie po awariach sieci

Capacitor i natywne funkcje urządzeń

• Zrozumienie mostka Capacitor i ekosystemu wtyczek
• Instalacja i konfiguracja Capacitor w istniejącym projekcie
• Dostęp do kamery i selektora obrazów
• Integracja geolokalizacji i map
• Natywne przechowywanie danych i preferencje
• Praktyczne ćwiczenie: przechwytywanie obrazów i przechowywanie danych na urządzeniu

Zaawansowane komponenty interfejsu

• Modale, popovery i alerty w nowoczesnym Ionic
• Powiadomienia toast i nakładki ładowania
• Ulepszenia Ionic 8 w architekturze zdarzeń i nakładek
• Zagadnienia wydajnościowe dla złożonych nakładek interfejsu

Techniki optymalizacji wydajności

• Najlepsze praktyki podziału kodu i leniwego ładowania
• Zmniejszanie rozmiaru pakietu i unikanie typowych błędów
• Optymalizacja renderowania dla list i dużych zbiorów danych

Progresywne aplikacje internetowe i proces budowania

• Konwersja aplikacji na progresywną aplikację internetową
• Konfiguracja service workerów i możliwości offline
• Manifest aplikacji i monity instalacyjne PWA

Procesy budowania i wdrażania

• Budowanie i pakowanie aplikacji na produkcję dla Androida i iOS
• Konfiguracja wymagań dotyczących zgłoszeń do sklepów z aplikacjami i metadanych
• Zarządzanie konfiguracją środowisk w różnych etapach (staging i produkcja)

Projekt końcowy: Budowanie kompleksowej mini-aplikacji

• Projektowanie architektury aplikacji i przepływu nawigacji
• Implementacja strony logowania z uwierzytelnianiem
• Budowanie pulpitu z integracją danych na żywo
• Dodawanie natywnej funkcji kamery za pomocą Capacitor
• Przegląd kodu, testowanie i przygotowanie do wdrożenia