якщо ви думаєте, що мобільний додаток 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
Тестування
Тести, тести, тести
Протестуємо наш мобільний додаток на реальному пристрої. Знайдемо і виправимо помилки.
Створення прототипу
Розробимо прототип мобільного додатку 1С в Adobe XD
Блок 2
HTML
Базовий HTML
Створимо базовий каркас HTML для мобільного додатку 1С
Елементи HTML
Подивимося які елементи в HTML нам знадобляться для створення елементів форм
Блок 3
CSS
Базовий CSS
Розповім про каскадну таблицю стилів і основеные властивості, які нам знадобляться в розробці.
Стилізуємо прототип
Розробимо стилі для кожного елемента форм. Стилізуємо нижнє меню, щоб воно було завжди притиснуто донизу і не перекривалося контентом.
Блок 4
Бібліотека HTML в 1С
Розробка бібліотеки
Розробимо бібліотеку для зручного формування HTML інтерфейсу в 1С.
Перенесення прототипу
Перенесемо наш прототип інтерфейсу в 1С.
Події JavaScript
Розробимо і підключимо обробники подій на JavaScript.
Блок 5
Тестування
Тести, тести, тести
Протестуємо наш мобільний додаток на реальному пристрої. Знайдемо і виправимо помилки.
https://privatelink.de/?https://nizamov.school/courses/mobile1s/html-1/