Curs de pregatire Dezvoltare de Aplicații Mobile Cross-Platform cu Ionic 8

Introducere în Ionic și peisajul Cross-Platform

• Ce este Ionic și când să-l alegi în locul soluțiilor native sau Flutter
• Arhitectura Web Components care alimentează interfața Ionic
• Suport pentru framework-uri în ecosistemele Angular, React și Vue
• Cazuri de utilizare din lumea reală pentru PWA și aplicații mobile

Configurarea mediului de dezvoltare

• Instalarea și configurarea Node.js și npm
• Instalarea CLI-ului Ionic
• Crearea și structurarea unui nou proiect Ionic
• Rularea aplicațiilor în browser și pe dispozitive conectate

Analiza detaliată a structurii și arhitecturii proiectului

• Pagini, module și componente reutilizabile
• Înțelegerea și configurarea sistemului de rutare
• Modele de servicii și injecție de dependențe
• Directoarele de resurse și configurarea mediului

Componente de bază pentru interfață și layout

• Utilizarea ion-header, ion-toolbar și ion-content pentru structura paginii
• Controale de intrare: ion-input, ion-select, ion-checkbox
• Butoane, FAB, carduri, liste și sistemul de grilă
• Convenții moderne pentru controalele de formular Ionic
• Exercițiu practic: construirea unei pagini de autentificare și a unui layout de tablou de bord

Strategii de navigare și rutare

• Integrarea Angular Router și React Router
• Modele de navigare pe pagini și deep linking
• Încărcarea leneșă pentru performanță
• Modele de navigare prin file și meniu lateral

Stilizare și tematică

• Variabile CSS și sistemul de culori Ionic
• Implementarea suportului pentru modul întunecat
• Personalizarea dinamică a fonturilor și paletei de culori în Ionic 8
• Stilizare responsivă pe diferite puncte de întrerupere ale dispozitivelor

Formulare și validare

• Framework-ul de formulare reactivă pentru Angular
• Modele de cârlige personalizate și validare pentru React
• Gestionarea erorilor și feedback UI pentru validare
• Construirea și validarea formularlor complexe în mai multe etape

Servicii și integrare API

• Configurarea clientului HTTP și interceptoare
• Efectuarea de apeluri API RESTful și gestionarea răspunsurilor
• Practici de bază pentru gestionarea stării
• Gestionarea erorilor și recuperarea în caz de eșec al rețelei

Capacitor și funcționalități native ale dispozitivelor

• Înțelegerea podului Capacitor și a ecosistemului de plugin-uri
• Instalarea și configurarea Capacitor într-un proiect existent
• Accesarea camerei și a selectorului de imagini
• Integrarea geolocalizării și a hărților
• Stocarea nativă și preferințe
• Exercițiu practic: capturarea imaginilor și stocarea datelor pe dispozitiv

Componente avansate pentru interfață

• Modale, popover-uri și alerte în Ionic modern
• Notificări toast și suprapuneri de încărcare
• Îmbunătățiri ale evenimentelor și arhitecturii de suprapunere în Ionic 8
• Considerații de performanță pentru suprapuneri complexe de interfață

Tehnici de optimizare a performanței

• Practici de bază pentru împărțirea codului și încărcarea leneșă
• Reducerea dimensiunii pachetului și evitarea capcanelor comune
• Optimizarea randării pentru liste și seturi mari de date

Aplicații Web Progresive și pipeline de build

• Conversia aplicației într-o Aplicație Web Progresivă
• Configurarea service worker-ilor și a capacităților offline
• Manifestul aplicației și solicitările de instalare PWA

Procese de build și implementare

• Construirea și împachetarea pentru producție pe Android și iOS
• Configurarea cerințelor de trimitere în magazinele de aplicații și a metadatelor
• Gestionarea configurației mediului între staging și producție

Capstone: Construirea unei mini-aplicații complete

• Proiectarea arhitecturii aplicației și a fluxului de navigare
• Implementarea unei pagini de autentificare cu autentificare
• Construirea unui tablou de bord cu integrare de date în timp real
• Adăugarea unei funcții native de cameră prin Capacitor
• Revizuirea codului, testarea și pregătirea pentru implementare