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

[Moderator]

Если вы думаете, что мобильное приложение 1С может быть только желтым, то вы ошибаетесь. Самые лучшие кейсы есть у фирмы Рарус. Для создания интерфейса они используют html + css. На курсе я покажу как с нуля разработать мобильное приложение с красивым интерфейсом. Научимся разрабатывать прототип мобильного приложения. Создадим подсистему, которая позволит вам в будущем легко строить html формы. Кому подойдёт этот курс: Тем, кто видит мобильное приложение 1С впервые. Тем, кто уже разрабатывает мобильные приложения 1С и хочет красивый интерфейс. Да и просто тем, кто хочет научиться делать красивые формы в 1С с помощью HTML. Чему вы научитесь? Установим IDE WebStorm для web разработки. Программу для прототипирования Adobe XD. С помощью бесплатного инструмента Adode разработаем прототип мобильного приложения. Дам базовые понятия по HTML и CSS. Создадим каркас для нашего мобильного приложения 1С. HTML это только половина, теперь нам надо это все оформить и украсить. Для этого нам надо изучить CSS. В 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 Тестирование Тесты, тесты, тесты Протестируем наше мобильное приложение на реальном устройстве. Найдем и исправим ошибки.