📱Инструкция: как создать веб-приложение за 10 шагов
Верите, что можно создать IT-продукт всего за 10 простых шагов? И не просто лендинг, а сложное веб-приложение?
Это возможно, если у вас в руках самая мощная и востребованная на рынке ноукод-платформа Bubble. А дальше дело техники — следовать нашей инструкции👇🏻
1️⃣ шаг — создаём аккаунт и знакомимся с Bubble.
Создайте бесплатный аккаунт в Bubble с помощью Google-аккаунта.
Придумайте название для приложения, выберите тип и решите, будет ли это приложение для внутреннего/внешнего использования и укажите цель создания.
Откроется рабочая область и начнётся небольшой онбординг с подсказками. Изучите интерфейс, настройки сеток и форматирования.
Сколько времени займёт? 20-30 минут.
2️⃣ шаг — проходим интерактивные уроки.
Советуем пройти 12 интерактивных уроков платформы. А между уроками попробуйте составить вайрфрейм — каркас будущего приложения.
Сколько времени займёт? 1 час.
3️⃣ шаг — проходим интерактивные уроки без подсказок.
Пройдите эти уроки без подсказок. Для этого нажмите в окне с подсказкой Hide arrow.
Сколько времени займёт? 1,5 часа.
4️⃣ шаг — создаём базу данных.
Сначала возьмите листок бумаги/откройте знакомую программу и пропишите, из чего строится приложение.
Вторая часть — заведение базы данных в Bubble. Во вкладке Data создайте блоки данных. В форме ввода New type добавьте типы данных; по кнопке Create a new field добавьте типам данных атрибуты — и выберите формат.
Сколько времени займёт? 1,5-2 часа.
5️⃣ шаг — делаем страницы приложения и настраиваем стили.
Создайте черновики страниц, присвоив каждой название. Затем приступайте к настройка стилей во вкладке Styles.
Стили — это дизайн-система вашего приложения: шрифт, кегль, цвета, параметры для кнопок, форм и др. элементов.
Сколько времени займёт? 2-3 часа.
6️⃣ шаг — создаём элементы на страницах и связываем между собой.
Разместите на страницах-экранах все используемые элементы с заданными ранее стилями. Самое главное, с чем надо поработать — группы.
Они помогают правильно делать отзывчивый дизайн, а также через них передаётся динамический контент — данные из базы, которые должны отображаться в определённых местах приложения при заданных условиях и для разных ролей пользователей.
Сколько времени займёт? 3-4 часа.
7️⃣ шаг — связываем элементы с рабочими процессами.
Рабочие процессы — это сценарии, по которым будут разворачиваться события внутри приложения. Это соединение данных с дизайном — то есть бэкенда и фронтенда.
Настраивать элементы можно по клику на каждый из них — по кнопке Start/Edit workflow. Второй способ — через вкладку Workflow на левой панели.
Сколько времени займёт? 3-5 часов.
8️⃣ шаг — добавляем правила конфиденциальности.
В приложениях нужно настраивать разрешения и допуски к данным. Идём во вкладку Data, затем в Privacy и по клику на кнопку «Define a new rule» настраиваем выбранные правила конфиденциальности и отображения.
Сколько времени займёт? 30 минут.
9️⃣ шаг — тестируем приложение.
Через режим Preview самостоятельно пройдите путь пользователя и посмотрите, что у вас получилось.
Обратите внимание на ошибки на верхней панели — красные значки восклицательного знака в треугольнике.
Сколько времени займёт? От 30 минут.
🔟 шаг — запускаем приложение!
Когда вы будете готовы развернуть приложение в Bubble, переходите на один платных планов и подключайте свой домен. Но если вы просто хотите узнать, как создать приложение, а не запускать его — всё готово!
Сколько времени займёт? 1 минуту.
————————————————————
Если вы хотите не только научиться разрабатывать проекты, но и зарабатывать на этом, — самое время начать учиться на нашем курсе по веб-разработке на Bubble. Тем более, что обучение стартует уже завтра, 17 мая.
🔥Стать топовым веб-разработчиком: codebreakers.tech/bubble
>>Click here to continue<<