Средний
10 уроков
(1 час 4 минуты)
Курс
jQuery mobile
Данный видеокурс посвящен jQuery Mobile — веб-фреймворку, который также известен как мобильный фреймворк. Разработка сфокусирована на кроссбраузерности с уклоном в сторону смартфонов и планшетов.

#3 — Компоненты интерфейса пользователя. Часть 1.

В данном уроке мы рассмотрим базовые компоненты пользовательского интерфейса. Несмотря на то, что в приложение на базе jQuery Mobile можно внедрить свои функциональные наработки, для базовых элементов лучше использовать ресурсы предоставляемые самим фреймворком. Это поможет обеспечить лучшую совместимость на различных мобильных устройствах.

Необходимые инструменты jQuery Mobile

jQuery Mobile уже обладает самыми необходимыми инструментами, которые могут понадобиться в процессе разработки вашего проекта: панели инструментов, кнопки, формы и другие. Сегодня мы обратим внимание на некоторые из них.

Панели инструментов jQuery Mobile

Панели инструментов (header/footer)- важные и уже обязательные элементы любого мобильного приложения. Это колонтитулы, которые находятся в верхней и нижней части страницы и содержат в себе элементы управления приложением. Фреймворк позволяет размещать в панели инструментов любое содержимое, например, навигацию, ссылки на сторонние ресурсы и изображения. Для страниц нашего приложения, которое мы разрабатываем на протяжении курса, мы добавим нужные нам элементы. Кнопку «Настройки» для главной страницы проекта. Кнопки «Добавить запись», «Редактировать запись» для страницы просмотра записи. Кроме этого разместим логотип нашего приложения.

Оформление контента jQuery Mobile

Фреймворк jQuery Mobile также предоставляет широкие возможности для оформления контента приложения. С помощью CSS-классов и специальной разметки можно создать блоки текста с выпадающим содержимым («аккордеон») и использовать систему сеток для оформления содержимого в виде нескольких колонок.

CSS генераторы — https://www.youtube.com/playlist?list=PLY4rE9dstrJw03_uGKTz-v_AYa_aAJr9F

Материалы к уроку:
Делись:

Оставь комментарий!

One thought on “#3 — Компоненты интерфейса пользователя. Часть 1.

Добавить комментарий

Рекомендуемые курсы