Разработка HTML интерфейса мобильного приложения 1С [Илья Низамов]

Разработка HTML интерфейса мобильного приложения 1С [Илья Низамов]

РАЗРАБОТАЙ КРАСИВОЕ МОБИЛЬНОЕ ПРИЛОЖЕНИЕ 1С С ПОМОЩЬЮ HTML И CSS
Если вы думаете, что мобильное приложение 1С может быть только желтым, то вы ошибаетесь. Самые лучшие кейсы есть у фирмы Рарус. Для создания интерфейса они используют html + css.

На курсе я покажу как с нуля разработать мобильное приложение с красивым интерфейсом. Научимся разрабатывать прототип мобильного приложения. Создадим подсистему, которая позволит вам в будущем легко строить html формы.

Кому подойдёт этот курс

• Тем, кто видит мобильное приложение 1С впервые.
• Тем, кто уже разрабатывает мобильные приложения 1С и хочет красивый интерфейс.
• Да и просто тем, кто хочет научиться делать красивые формы в 1С с помощью HTML.

Спойлер: Чему вы научитесь

НАСТРОИМ ОКРУЖЕНИЕ И ИНСТРУМЕНТЫ РАЗРАБОТКИ
Установим IDE WebStorm для web разработки. Программу для прототипирования Adobe XD.

ИЗУЧИМ ПРОТОТИПИРОВАНИЕ
С помощью бесплатного инструмента Adode разработаем прототип мобильного приложения.

СОЗДАДИМ HTML КАРКАС
Дам базовые понятия по HTML и CSS. Создадим каркас для нашего мобильного приложения 1С.

ИЗУЧИМ БАЗОВЫЕ ПОНЯТИЯ CSS
HTML это только половина, теперь нам надо это все оформить и украсить. Для этого нам надо изучить CSS.

СОЗДАДИМ БИБЛИОТЕКУ ДЛЯ ФОРМИРОВАНИЯ HTML ИНТЕРФЕЙСА
В 1С разработаем библиотеку для формирования HTML интерфейса с CSS стилями. Рассмотрим подключение шрифтов и картинок из конфигурации. Напишем обработчики кнопок на JavaScript.

Спойлер: План

Блок 1 Прототип
Создание прототипа

Разработаем прототип мобильного приложения 1С в Adobe XD

Блок 2
HTML
Базовый HTML
Создадим базовый каркас HTML для мобильного приложения 1С

Элементы HTML
Посмотрим какие элементы в HTML нам понадобятся для создания элементов форм

Блок 3
CSS
Базовый CSS
Расскажу про каскадную таблицу стилей и основеные свойства, которые нам понадобятся в разработке.

Стилизуем прототип
Разработаем стили для каждого элемента форм. Стилизуем нижнее меню, чтобы оно было всегда прижато книзу и не перекрывалось контентом.

Блок 4
Библиотека HTML в 1С
Разработка библиотеки
Разработем библиотеку для удобного формирования HTML интерфейса в 1С.

Перенос прототипа
Перенесем наш прототип интерфейса в 1С.

События JavaScript
Разработаем и подключим обработчики событий на JavaScript.

Блок 5
Тестирование
Тесты, тесты, тесты
Протестируем наше мобильное приложение на реальном устройстве. Найдем и исправим ошибки.

продажник