РАЗРАБОТАЙ КРАСИВОЕ МОБИЛЬНОЕ ПРИЛОЖЕНИЕ 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
Тестирование
Тесты, тесты, тесты
Протестируем наше мобильное приложение на реальном устройстве. Найдем и исправим ошибки.
продажник