nativescripting.com
Обновите свои навыки онлайн-курсами по NativeScript чтобы создавать собственные мобильные приложения с использованием существующих навыков веб-разработки.
Стилизация (стайлинг) NativeScript Core приложений
Styling NativeScript Core Applications
★5 (всего оценок - 1)
Продолжительность
2 ч 41 мин
Категория
NativeScriptКоличество уроков
56 Видео
Дата добавления
15 апр. 2019 г., 20:41
Язык
Английский
Дата обновления
29 апр. 2026 г., 03:00
Стилизация NativeScript Core играет ключевую роль в создании современного, удобного и визуально привлекательного интерфейса. В этом материале вы найдете структурированное и расширенное описание курса, которое поможет лучше понять его содержание и ценность для разработчиков.
Что вы изучите в этом курсе
Курс охватывает все важные аспекты стайлинга в NativeScript Core, от основ CSS до продвинутых возможностей фреймворка. Он поможет вам научиться эффективно управлять внешним видом приложений и выстраивать масштабируемую архитектуру стилей.
Основные возможности CSS в NativeScript Core
Вы изучите, как использовать стандартные CSS-правила в NativeScript и какие особенности отличают их от веб‑стилей.
- Поддерживаемые CSS-свойства и их поведение в NativeScript
- Работа с селекторами, каскадом и наследованием
- Особенности рендеринга элементов на Android и iOS
Глобальные и локальные стили
На курсе подробно рассматривается организация стилей в проекте и грамотное разделение логики оформления.
- Использование глобального файла app.css
- Создание и подключение локальных стилей для отдельных компонентов
- Стратегии структурирования больших CSS‑файлов
Стили для конкретных платформ
NativeScript позволяет создавать разный внешний вид для iOS и Android, сохраняя единый код.
- Платформенные селекторы
- Использование отдельных файлов стилей для каждой платформы
- Адаптация интерфейса под дизайн‑гайды разных ОС
Продвинутые техники стилизации
Курс раскрывает не только базовые, но и профессиональные приемы работы со стилями.
LESS и SASS в NativeScript
Вы узнаете, как подключать и использовать популярные CSS-препроцессоры.
- Настройка окружения для LESS и SASS
- Преимущества использования переменных, миксинов и вложенности
- Сборка и оптимизация итоговых стилей
Создание CSS-анимаций
На практике вы освоите анимации, которые сделают интерфейс приложения живым и отзывчивым.
- Определение ключевых кадров
- Плавные переходы между состояниями
- Работа с производительностью анимаций
Кому подойдет этот курс
Курс рекомендован разработчикам, которые хотят углубить знания в стилизации мобильных приложений на NativeScript Core:
- Начинающим — для уверенного старта в NativeScript
- Фронтенд‑разработчикам — для перехода из веб‑CSS в мобильную среду
- Опытным инженерам — для изучения продвинутых техник стайлинга
Результат прохождения курса
После обучения вы сможете создавать визуально приятные, структурные и адаптивные интерфейсы, используя мощные возможности NativeScript Core. Вы получите навыки, которые помогут оптимизировать процесс разработки и улучшить пользовательский опыт ваших приложений.
- Урок 1.00:01:27Welcome
- Урок 2.00:01:44Course Requirements
- Урок 3.00:01:01About NativeScript CLI
- Урок 4.00:01:18Tour of Sample Application
- Урок 5.00:03:24Code and Setup
- Урок 6.00:01:20Overview
- Урок 7.00:03:00Prepare for NativeScript Styling
- Урок 8.00:02:28Four Layers of Styling
- Урок 9.00:07:39CSS Example
- Урок 10.00:02:46DIPs and Pixels
- Урок 11.00:01:27Global CSS
- Урок 12.00:04:41Programmatic Styling
- Урок 13.00:04:38Who Wins
- Урок 14.00:04:38Style Levels Applied
- Урок 15.00:00:43Overview
- Урок 16.00:01:46Classes and IDs
- Урок 17.00:02:41Type Selectors are Unique
- Урок 18.00:05:51Hierarchical and Attribute
- Урок 19.00:04:06Pseudo
- Урок 20.00:00:58Overview
- Урок 21.00:00:59Supported CSS Properties
- Урок 22.00:05:21NativeScript Specific CSS
- Урок 23.00:02:53Component Properties
- Урок 24.00:02:55Android Button Sizing
- Урок 25.00:01:51Gradients
- Урок 26.00:04:00Keyframes
- Урок 27.00:01:34Cliptobounds
- Урок 28.00:02:31Exercise
- Урок 29.00:00:34Overview
- Урок 30.00:04:28Using Fonts
- Урок 31.00:04:06Custom Fonts
- Урок 32.00:05:05Icon Fonts
- Урок 33.00:01:27Exercise
- Урок 34.00:01:05Overview
- Урок 35.00:03:34Using Markup Blocks
- Урок 36.00:01:58Using Platform Attributes
- Урок 37.00:06:19Using File Naming Conventions
- Урок 38.00:02:53Using Programmatic Platform Check
- Урок 39.00:01:58Using Programmatic Conventions
- Урок 40.00:00:37Overview
- Урок 41.00:03:38Orientation by Convention
- Урок 42.00:03:47Orientation Using Plugin
- Урок 43.00:04:49Screen Size Convention
- Урок 44.00:00:34Overview
- Урок 45.00:05:55Styling the iOS Status Bar with the ActionBar
- Урок 46.00:03:02Styling the iOS Status Bar Independently
- Урок 47.00:04:44Styling the Android Status Bar
- Урок 48.00:02:03Exercise
- Урок 49.00:00:34Overview
- Урок 50.00:03:01Simple Custom Component
- Урок 51.00:03:26Style Spills and Priority
- Урок 52.00:04:05Fixing Style Spills
- Урок 53.00:00:43Ovierview
- Урок 54.00:02:27Using SASS
- Урок 55.00:01:15SASS for Custom Components
- Урок 56.00:04:06Themes
Автор - nativescripting.com
Комментарии