В этом курсе вы шаг за шагом научитесь создавать полноценные нативные мобильные приложения с использованием NativeScript и Angular. Материал подходит для разработчиков, уже знакомых с основами Angular и желающих расширить свои навыки в сторону мобильной разработки.
Что вы изучите в этом курсе
Программа охватывает ключевые аспекты создания нативных интерфейсов, стилизации, навигации и интеграции дополнительных возможностей через плагины и инструменты разработки.
Рабочая среда и запуск приложений
Вы научитесь правильно настраивать окружение для разработки и тестирования:
Запуск приложения на iOS-симуляторе и Android-эмуляторе;
Использование GenyMotion для повышения стабильности и скорости работы;
Подготовка проекта на основе шаблона NativeScript Angular Starter.
Создание интерфейсов с NativeScript XML
Курс подробно объясняет принципы построения UI через NativeScript XML:
Создание нативных элементов интерфейса;
Использование встроенной темы и CSS-классов для ускорения разработки;
Практика стилизации и адаптивной верстки.
Навигация, списки и работа с данными
Маршрутизация с Angular Router
Вы разберёте создание гибкой системы навигации:
Настройка маршрутов и переходов между экранами;
Реализация вложенных и ленивых модулей;
Поведение навигации на разных платформах.
Компонент ListView и его возможности
Вы узнаете, как эффективно работать со списками:
Высокопроизводительный компонент ListView для iOS и Android;
Поддержка нативных UITableView и встроенных Android-виджетов;
Работа с RxJS Observables для обновления данных в реальном времени.
Интеграция плагинов и расширение возможностей
Использование npm-плагинов
Вы рассмотрите, как добавить в проект новые UI‑компоненты и функциональность:
Подключение популярных плагинов NativeScript;
Настройки и оптимизация работы плагинов;
Расширение стандартных UI‑элементов.
Продвинутая стилизация и работа с темами
Финальная часть курса посвящена гибкой настройке визуального оформления:
Использование SASS для создания кастомных тем;
Организация структуры стилей в крупном проекте;
Создание переключателя тем (theme switcher).
Для кого создан этот курс
Курс ориентирован на разработчиков, уже владеющих Angular и желающих научиться создавать современные нативные мобильные приложения с использованием мощного стека NativeScript + Angular.
Какие навыки вы получите
Создание нативных мобильно-приложений под iOS и Android;
Работа с NativeScript XML, CSS и SASS;
Настройка маршрутизации и навигации в мобильных приложениях;
Использование Angular и RxJS в нативных интерфейсах;
Интеграция плагинов для расширения функциональности.
Урок 1.00:00:59
Set up a native mobile app using the NativeScript CLI
Урок 2.00:01:10
Preview NativeScript apps in the iOS Simulator
Урок 3.00:01:36
Preview NativeScript Apps in the GenyMotion Android emulator
Урок 4.00:03:24
Create native mobile views using NativeScript XML
Урок 5.00:02:05
Style NativeScript views using CSS
Урок 6.00:02:35
Style NativeScript views using the default core theme
Урок 7.00:01:13
Edit with live reloading using NativeScript livesync
Урок 8.00:06:14
Add native mobile page navigation using Angular Router
Урок 9.00:01:11
Add styles to active routes using nsRouterLinkActive
Урок 10.00:00:21
Create a page title using ActionBar
Урок 11.00:01:37
Handle back navigation when using page-router-outlet
Урок 12.00:05:32
Open an Angular component in a native iOS and Android popup modal
Урок 13.00:02:14
Display lists using NativeScript_s ListView component
Урок 14.00:01:06
Bind data to NativeScript Angular components using RxJS Observables
Урок 15.00:02:58
Integrate a custom NativeScript UI component plugin via npm and registerElement
Урок 16.00:03:38
Create a custom app theme using SASS for NativeScript
Урок 17.00:02:22
Modify status bar colors on iOS and Android with NativeScript
Урок 18.00:03:18
Use the nativescript-themes plugin to switch app themes on the fly