Курс за обучение по Разработка на кросплатформени мобилни приложения с Ionic 8

Въведение в Ionic и кросплатформената среда

• Какво представлява Ionic и кога да го изберем пред нативна разработка или Flutter
• Архитектура на Web Components, захранваща потребителския интерфейс на Ionic
• Поддръжка на рамки в екосистемите на Angular, React и Vue
• Реални случаи на употреба за PWA и мобилни приложения

Настройка на среда за разработка

• Инсталиране и конфигуриране на Node.js и npm
• Инсталиране на Ionic CLI
• Създаване и скелетиране на нов Ionic проект
• Изпълнение на приложения в браузър и в режим на свързано устройство

Детайлен преглед на проектната структура и архитектура

• Страници, модули и компоненти за многократна употреба
• Разбиране и конфигуриране на системата за маршрутизиране
• Услуги и модели за инжектиране на зависимости
• Директории с ресурси и конфигурация на средата

Основни UI компоненти и оформление

• Използване на ion-header, ion-toolbar и ion-content за структура на страниците
• Контроли за въвеждане: ion-input, ion-select, ion-checkbox
• Бутони, плаващ бутон (FAB), карти, списъци и система от мрежи
• Съвременни конвенции за контроли на формуляри в Ionic
• Практическо упражнение: изграждане на страница за вход и оформление на табло за управление

Стратегии за навигация и маршрутизиране

• Интеграция на Angular Router и React Router
• Модели за навигация на страници и дълбоко свързване
• Лениво зареждане за производителност
• Навигация с табове и модели на странично меню

Стилизиране и теми

• CSS променливи и цветовата система на Ionic
• Реализиране на поддръжка на тъмен режим
• Динамични шрифтове и персонализиране на палитрата в Ionic 8
• Адаптивно стилизиране за различни размери на екрана

Формуляри и валидация

• Реактивни формуляри за Angular
• Потребителски куки и модели за валидация в React
• Обработка на грешки и визуална обратна връзка при валидация
• Изграждане и валидиране на сложни многостъпкови формуляри

Услуги и интеграция с API

• Конфигуриране на HTTP клиент и прехващачи
• Извършване на RESTful API извиквания и обработка на отговори
• Най-добри практики за управление на състоянието
• Граници за грешки и възстановяване при мрежови откази

Capacitor и нативни функции на устройството

• Разбиране на моста Capacitor и екосистемата от плъгини
• Инсталиране и конфигуриране на Capacitor в съществуващ проект
• Достъп до камера и избор на изображения
• Геолокация и интеграция с карти
• Нативно съхранение и предпочитания
• Практическо упражнение: заснемане на изображения и съхраняване на данни на устройството

Разширени UI компоненти

• Модални прозорци, попоувъри и известия в съвременния Ionic
• Тост известия и наслагвания за зареждане
• Подобрения в Ionic 8 за събития и архитектура на наслагванията
• Съображения за производителност при сложни UI наслагвания

Техники за оптимизация на производителността

• Разделяне на кода и най-добри практики за лениво зареждане
• Намаляване на размера на пакета и избягване на често срещани грешки
• Оптимизация на изобразяването за списъци и големи набори от данни

Прогресивно уеб приложение и конвейер за изграждане

• Конвертиране на приложението в прогресивно уеб приложение
• Конфигуриране на служебни работници (service workers) и офлайн възможности
• Манифест на приложението и промптове за инсталиране на PWA

Процеси на изграждане и внедряване

• Изграждане и пакетиране за производствени версии на Android и iOS
• Конфигуриране на изискванията за публикуване в магазините за приложения и метаданни
• Управление на конфигурацията на средата между тестова и производствена версия

Заключителен проект: Изграждане на цялостно мини приложение

• Проектиране на архитектурата на приложението и потока на навигация
• Реализиране на страница за вход с удостоверяване
• Изграждане на табло за управление с интеграция на данни в реално време
• Добавяне на нативна функционалност за камера чрез Capacitor
• Преглед на кода, тестване и подготовка за внедряване