Разработай красивое мобильное приложение 1с с помощью html и css

Если вы думаете, что мобильное приложение 1С может быть только желтым, то вы ошибаетесь. Самые лучшие кейсы есть у фирмы Рарус. Для создания интерфейса они используют html + css.

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

 

Блок 1. Прототип

Настроим окружение и инструменты разработки

Установим IDE WebStorm для web разработки. Программу для прототипирования Adobe XD.

Создание прототипа

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

Блок 2. HTML

Базовый HTML

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

Элементы HTML

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

Блок 3. CSS

Базовый CSS

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

Стилизуем прототип

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

Блок 4. Библиотека HTML в 1С

Разработка библиотеки

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

Перенос прототипа

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

События JavaScript

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

Блок 5. Тестирование

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