Посібник користувача HotLayout
Цей посібник — для тих, хто складає екрани в HotLayout: менеджерів продукту, дизайнерів і редакторів контенту. Ви збираєте екран із віджетів, підключаєте до нього дані, дивитеся на нього на пристрої й публікуєте — застосунок показує новий екран без релізу. Програмувати не потрібно.
Якщо ви розробник і підключаєте до HotLayout застосунок чи бекенд, читайте розділ Integration цієї документації — він англійською.
Вперше в HotLayout? Подивіться огляд продукту — увесь шлях менш ніж за дві хвилини, від правки в редакторі до нового екрана в застосунку. Відео англійською, з українськими субтитрами.
Готові спробувати? Перший екран за 3 хвилини — зібрати екран і опублікувати його крок за кроком. Відео англійською.
Відео#
Усі відео англійською, з англійськими й українськими субтитрами.
- Your first screen in 3 minutes (3 хв) — зібрати й опублікувати екран без коду.
- Build a coffee-shop rewards screen without code (3 хв) — повний екран нагород із порожнього документа.
- Layout: columns, rows, stacks and pinned parts (3 хв)
- Data on a screen (4 хв)
- What is server-driven UI? Explained in two minutes (2 хв)
Як улаштований HotLayout#
| Рівень | Що це |
|---|---|
| Організація | Ваша команда. Їй належать учасники, ролі й ліцензія. |
| Проєкт | Один застосунок. У ньому документи, тема, словник даних і медіабібліотека. |
| Документ | Екран або кілька пов'язаних екранів, які показує застосунок. Ви правите чернетку й публікуєте її. |
| Екран | Одна сторінка документа, складена з віджетів. |
Працюєте ви у двох місцях: в адмінці, де керують організаціями, проєктами, документами й людьми, і в редакторі, який відкривається разом із документом.
З чого почати#
- Початок роботи — обліковий запис, робочий простір і перший документ.
- Огляд редактора — що де лежить.
- Складання екрана — віджети, контейнери, шапка й низ екрана.
- Збереження й публікація — як екран потрапляє у ваші застосунки.
Усі теми#
- Стиль і тема — вигляд екранів.
- Дані — значення, які приходять із вашого бекенду.
- Дії й навігація — що робить натискання, екрани й форми.
- Мови — переклади й письмо справа наліво.
- Ширина екрана — один документ для телефона, планшета й десктопа.
- Перегляд і прототип — як перевірити екран до публікації.
- Медіабібліотека — зображення проєкту.
- Команда й ролі, налаштування проєкту, пробний період і ліцензія.
- Розв'язання проблем — що означає повідомлення й що робити.