Code Breakers | No-code solutions

📱Поэтапная инструкция по созданию мобильного приложения без кода: делаем само приложение

Если почему-то вы не читали наши предыдущие посты, где мы начали рассказывать, как поэтапно разработать своё мобильное приложение без программирования, — ищите их по хештегу #code_breakers_поэтапная_инструкция_по_созданию_мобильного_приложения_без_кода. А сегодня переходим к самому долгожданному этапу — созданию самого IT-продукта!

Разрабатываем мобильное приложение
Пришла пора выбрать No-code платформу, на которой будем делать наше приложение. Возьмём в качестве примера мощную и развитую платформу для создания мобильных приложений — Adalo. Регистрация в ней бесплатная и на бесплатном тарифе можно собрать работающие приложения.

Начало конструирования. При создании приложения откроется рабочая область. На ней будут располагаться экраны (screens), которые вы придумали на этапе эскиза и вайрфрейма. Экраны по размеру повторяют размер смартфона. Их создают в списке интерфейса слева. При создании их лучше называть по содержанию: экран «Главная», экран «Личный кабинет», экран «Вход в аккаунт» и проч.

Добавление визуальных элементов. На экраны добавляйте визуальные элементы: блок с логотипом, форма регистрации, текст, кнопки, формы для заполнения, списки. Элементы в Adalo называются компоненты (components). Компонентов порядка 30.

Создание и наполнение базы данных. Во вкладке «База данных» (database), там же слева создайте базу. Внесите в таблицы данные. За основу берите таблички, которые нарисовали вручную или в Miro.

Создание логики. Ответственный момент. В этом поможет вайрфрейм. Теперь нужно взаправду воссоздать путь пользователя. Например, он нажимает кнопку «Войти» и попадает на экран ввода данных аккаунта. А оттуда — на экран «Личный кабинет». И по такому принципу выстройте логику работы приложения. Это делается по клику на компонент. Например, если кликнуть на любой компонент «Кнопка», — откроется панель редактирования. В разделе Submit укажите действия, которые произойдут в приложении после клика. И по такому принципу — со всеми остальными элементами.

Наведение красоты. Используйте цвета, шрифты, картинки, видео, иллюстрации по душе, делайте тени, скругления у кнопок и так далее. Но не переборщите!

➖➖➖➖➖➖➖➖➖➖➖➖

Уже есть идея создания собственного приложения и не терпится её реализовать в новом году? Мы поможем! Научим разрабатывать мобильные приложения без кода: покажем, как делать это от стадии схематичного рисунка до запуска в виде рабочего приложения!

Начинаем учиться сразу после новогодних каникул — 11 января 🎄

СОЗДАТЬ СВОЙ IT-ПРОДУКТ: codebreakers.tech/mobile

codebreakers.tech

Как научиться делать самому мобильные приложения без кода

Пройдите путь от простых PWA до нативных приложений без кода

www.tgoop.com/code_breakers/676

2.8K viewsedited  Dec 15, 2023 at 10:58

📱Поэтапная инструкция по созданию мобильного приложения без кода: делаем само приложение

Если почему-то вы не читали наши предыдущие посты, где мы начали рассказывать, как поэтапно разработать своё мобильное приложение без программирования, — ищите их по хештегу #code_breakers_поэтапная_инструкция_по_созданию_мобильного_приложения_без_кода. А сегодня переходим к самому долгожданному этапу — созданию самого IT-продукта!

Разрабатываем мобильное приложение
Пришла пора выбрать No-code платформу, на которой будем делать наше приложение. Возьмём в качестве примера мощную и развитую платформу для создания мобильных приложений — Adalo. Регистрация в ней бесплатная и на бесплатном тарифе можно собрать работающие приложения.

Начало конструирования. При создании приложения откроется рабочая область. На ней будут располагаться экраны (screens), которые вы придумали на этапе эскиза и вайрфрейма. Экраны по размеру повторяют размер смартфона. Их создают в списке интерфейса слева. При создании их лучше называть по содержанию: экран «Главная», экран «Личный кабинет», экран «Вход в аккаунт» и проч.

Добавление визуальных элементов. На экраны добавляйте визуальные элементы: блок с логотипом, форма регистрации, текст, кнопки, формы для заполнения, списки. Элементы в Adalo называются компоненты (components). Компонентов порядка 30.

Создание и наполнение базы данных. Во вкладке «База данных» (database), там же слева создайте базу. Внесите в таблицы данные. За основу берите таблички, которые нарисовали вручную или в Miro.

Создание логики. Ответственный момент. В этом поможет вайрфрейм. Теперь нужно взаправду воссоздать путь пользователя. Например, он нажимает кнопку «Войти» и попадает на экран ввода данных аккаунта. А оттуда — на экран «Личный кабинет». И по такому принципу выстройте логику работы приложения. Это делается по клику на компонент. Например, если кликнуть на любой компонент «Кнопка», — откроется панель редактирования. В разделе Submit укажите действия, которые произойдут в приложении после клика. И по такому принципу — со всеми остальными элементами.

Наведение красоты. Используйте цвета, шрифты, картинки, видео, иллюстрации по душе, делайте тени, скругления у кнопок и так далее. Но не переборщите!

➖➖➖➖➖➖➖➖➖➖➖➖

Уже есть идея создания собственного приложения и не терпится её реализовать в новом году? Мы поможем! Научим разрабатывать мобильные приложения без кода: покажем, как делать это от стадии схематичного рисунка до запуска в виде рабочего приложения!

Начинаем учиться сразу после новогодних каникул — 11 января 🎄

СОЗДАТЬ СВОЙ IT-ПРОДУКТ: codebreakers.tech/mobile

BY Code Breakers | No-code solutions