Forwarded from No-code Jobs!
👨💻 Приложение Glide
📄 Описание: Требуется разработка приложения Glide (https://www.glideapps.com/). Пожалуйста, откликнитесь, если у вас есть опыт работы с этой платформой, для обсуждения задач. Цена условная, для публикации — реальные условия работы готовы определить индивидуально.
🧮 Модель: нет данных
🛠 Стек: glide
🔗 Референс | Материалы: нет данных
💶 Желаемый бюджет: от 5'000 ₽ до 15'000 ₽ за проект
#проект #kwork #glide #mobile
🤚 Откликнуться на проект
📄 Описание: Требуется разработка приложения Glide (https://www.glideapps.com/). Пожалуйста, откликнитесь, если у вас есть опыт работы с этой платформой, для обсуждения задач. Цена условная, для публикации — реальные условия работы готовы определить индивидуально.
🧮 Модель: нет данных
🛠 Стек: glide
🔗 Референс | Материалы: нет данных
💶 Желаемый бюджет: от 5'000 ₽ до 15'000 ₽ за проект
#проект #kwork #glide #mobile
🤚 Откликнуться на проект
🖥 Птичий язык разработки: сленг и непонятные слова [часть 3]
В нескольких предыдущих постах мы уже начали рассказывать о специфических терминах и непонятных словах из сферы No-code разработки. Если вы вдруг пропустили, — ищите их по хештегу: #code_breakers_птичий_язык_разработки.
А сегодня мы расскажем ещё о нескольких терминах, описывающих структуру IT-продукта.
Интерфейс (от англ. interface) — буквально «место соприкосновения», точка соприкосновения пользователя с внешней частью продукта, чтобы «добиться» результата от внутренней части. Через интерфейс пользователь взаимодействует с операционной системой. А сам интерфейс представляет собой определённый набор средств для взаимодействия двух систем. Приборная панель автомобиля — это тоже интерфейс. А у IT-продукта это визуальные средства: кнопки, формы, кликабельные элементы.
Сайдбар (от англ. sidebar) — боковая панель-меню справа или слева. Сайдбар разграничивается контентом, который выводится там вертикально. Это может быть, например, расширенный каталог товаров или рубрик.
Дропдаун (от англ. dropdown) — выпадающее меню или выпадающий список, из которого можно что-то выбрать.
Стек (от англ. stack) — буквально «пачка» или пакет программ, которые собраны вместе, связаны и интегрированы между собой, чтобы продукт работал полноценно. Это набор технологий, которые собираются воедино, чтобы осуществлять задачи сайта или приложения. В классической разработке часто встречается вот такой стек: HTML + CSS + JavaScript +PHP + MySQL. Это набор языков программирования фронтенда, бэкенда и базы данных. А во вселенной No-code часто встречается стек из ноукод-программы + внешней базы данных (например, Airtable, Google Sheets) + интегрирующей программы (типа Make, Albato, Collabza).
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите всегда понимать коллег, легко пройти онбординг и быстро влиться в сферу No-code разработки? Тогда ждём на нашем флагманском курсе «No-code разработчик». Начинаем учиться уже 23 ноября (в четверг)!
👨💻 Хочу на курс: codebreakers.tech/profession
В нескольких предыдущих постах мы уже начали рассказывать о специфических терминах и непонятных словах из сферы No-code разработки. Если вы вдруг пропустили, — ищите их по хештегу: #code_breakers_птичий_язык_разработки.
А сегодня мы расскажем ещё о нескольких терминах, описывающих структуру IT-продукта.
Интерфейс (от англ. interface) — буквально «место соприкосновения», точка соприкосновения пользователя с внешней частью продукта, чтобы «добиться» результата от внутренней части. Через интерфейс пользователь взаимодействует с операционной системой. А сам интерфейс представляет собой определённый набор средств для взаимодействия двух систем. Приборная панель автомобиля — это тоже интерфейс. А у IT-продукта это визуальные средства: кнопки, формы, кликабельные элементы.
Сайдбар (от англ. sidebar) — боковая панель-меню справа или слева. Сайдбар разграничивается контентом, который выводится там вертикально. Это может быть, например, расширенный каталог товаров или рубрик.
Дропдаун (от англ. dropdown) — выпадающее меню или выпадающий список, из которого можно что-то выбрать.
Стек (от англ. stack) — буквально «пачка» или пакет программ, которые собраны вместе, связаны и интегрированы между собой, чтобы продукт работал полноценно. Это набор технологий, которые собираются воедино, чтобы осуществлять задачи сайта или приложения. В классической разработке часто встречается вот такой стек: HTML + CSS + JavaScript +PHP + MySQL. Это набор языков программирования фронтенда, бэкенда и базы данных. А во вселенной No-code часто встречается стек из ноукод-программы + внешней базы данных (например, Airtable, Google Sheets) + интегрирующей программы (типа Make, Albato, Collabza).
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите всегда понимать коллег, легко пройти онбординг и быстро влиться в сферу No-code разработки? Тогда ждём на нашем флагманском курсе «No-code разработчик». Начинаем учиться уже 23 ноября (в четверг)!
👨💻 Хочу на курс: codebreakers.tech/profession
codebreakers.tech
Курс No-code разработчик
Станьте универсальным ноукодером!
📱Поэтапная инструкция по созданию мобильного приложения без кода: база данных
В одной из предыдущих рассылок мы уже начали рассказывать вам, как создать своё мобильное приложение без кода. Если вдруг пропустили, — читайте этот пост. Или ищите это по хештегу: #code_breakers_поэтапная_инструкция_по_созданию_мобильного_приложения_без_кода
А сегодня переходим ко второй части — базе данных приложения.
База данных. Мозг приложения
Наш «дом» обрёл узнаваемые черты на наброске. Теперь надо добавить ему коммуникации, чтобы он функционировал.
В случае с мобильным приложением — это данные и база, в которой они хранятся. Без данных приложения не будет, — оно не заработает.
С No-code базу данных приложения делают и наполняют внутри платформы, на которой пишется приложение. Это таблицы со столбцами и строками, похожими на Excel. Чтобы сделать базу данных, сначала поймите, какие пользователи в нём соберутся и какие данные на них нужны.
Например, вы делаете приложение для записи в салон красоты. Здесь клиенты записываются к мастерам на услуги, а мастера — видят запросы и составляют себе расписание.
В приложении два типа пользователей: мастер и клиент. Их называют роли. Самих пользователей может быть много: допустим, 10 мастеров и сколько угодно клиентов, а роли две: клиент и мастер. Клиенты будут заказывать у мастеров услуги, и они выбирают дату и время — из этого формируются заказы. Так в приложении выделились 4 составляющие для формирования базы данных: мастер, клиент, услуга, заказ.
Составляющие, на которых строятся данные, разработчики называют сущности. Каждая сущность записывается в отдельную таблицу. У каждой сущности есть свои «черты» — атрибуты. Они в таблице записываются столбцами. А данные сущностей и атрибуты вносятся внутрь таблицы в строки.
🟣 У сущности №1 — мастер: имя и фамилия, фото-аватарка, номер телефона в салоне, опыт работы в годах, перечень услуг.
🟣 У сущности №2 — клиент: имя и фамилия, номер телефона, почта.
🟣 У сущности №3 — услуга: название, описание, цена.
🟣 У сущности №4 — заказ: дата и время, услуга/услуги, стоимость, мастер, клиент.
Внутри базы данных возникнут связи. Сущности, выделенные для приложения, будут встречаться внутри приложения, пересекаться и иногда менять друг друга. База данных, в которых одна таблица определённым образом связана с другой в разработке называются реляционными базами данных.
В примере с салоном, атрибуты сущности «услуги» появятся в сущности «заказы», как и атрибуты сущности «мастер» и «клиент». И каждый заказ будет отличаться — новый мастер, клиент, услуга, дата. А каждая услуга одна и та же, мастер тоже. А вот клиенты разные.
Набросать базу данных можно рядом с эскизом приложения. Ещё можно перенести её в Miro — это виртуальная доска, на которой визуализируются данные и взаимосвязи. Там на виртуальных стикерах напишите названия сущностей и пропишите под ними столбиком их атрибуты.
➖➖➖➖➖➖➖➖➖➖➖➖
Уже есть идея создания собственного мобильного приложения и не терпится её реализовать? Мы поможем! Научим разрабатывать мобильные приложения на курсе «Мобильная разработка без кода»: покажем, как делать это от стадии схематичного рисунка до запуска в виде рабочего приложения!
📲 РАЗРАБОТАТЬ СВОЁ ПРИЛОЖЕНИЕ: codebreakers.tech/mobile
В одной из предыдущих рассылок мы уже начали рассказывать вам, как создать своё мобильное приложение без кода. Если вдруг пропустили, — читайте этот пост. Или ищите это по хештегу: #code_breakers_поэтапная_инструкция_по_созданию_мобильного_приложения_без_кода
А сегодня переходим ко второй части — базе данных приложения.
База данных. Мозг приложения
Наш «дом» обрёл узнаваемые черты на наброске. Теперь надо добавить ему коммуникации, чтобы он функционировал.
В случае с мобильным приложением — это данные и база, в которой они хранятся. Без данных приложения не будет, — оно не заработает.
С No-code базу данных приложения делают и наполняют внутри платформы, на которой пишется приложение. Это таблицы со столбцами и строками, похожими на Excel. Чтобы сделать базу данных, сначала поймите, какие пользователи в нём соберутся и какие данные на них нужны.
Например, вы делаете приложение для записи в салон красоты. Здесь клиенты записываются к мастерам на услуги, а мастера — видят запросы и составляют себе расписание.
В приложении два типа пользователей: мастер и клиент. Их называют роли. Самих пользователей может быть много: допустим, 10 мастеров и сколько угодно клиентов, а роли две: клиент и мастер. Клиенты будут заказывать у мастеров услуги, и они выбирают дату и время — из этого формируются заказы. Так в приложении выделились 4 составляющие для формирования базы данных: мастер, клиент, услуга, заказ.
Составляющие, на которых строятся данные, разработчики называют сущности. Каждая сущность записывается в отдельную таблицу. У каждой сущности есть свои «черты» — атрибуты. Они в таблице записываются столбцами. А данные сущностей и атрибуты вносятся внутрь таблицы в строки.
🟣 У сущности №1 — мастер: имя и фамилия, фото-аватарка, номер телефона в салоне, опыт работы в годах, перечень услуг.
🟣 У сущности №2 — клиент: имя и фамилия, номер телефона, почта.
🟣 У сущности №3 — услуга: название, описание, цена.
🟣 У сущности №4 — заказ: дата и время, услуга/услуги, стоимость, мастер, клиент.
Внутри базы данных возникнут связи. Сущности, выделенные для приложения, будут встречаться внутри приложения, пересекаться и иногда менять друг друга. База данных, в которых одна таблица определённым образом связана с другой в разработке называются реляционными базами данных.
В примере с салоном, атрибуты сущности «услуги» появятся в сущности «заказы», как и атрибуты сущности «мастер» и «клиент». И каждый заказ будет отличаться — новый мастер, клиент, услуга, дата. А каждая услуга одна и та же, мастер тоже. А вот клиенты разные.
Набросать базу данных можно рядом с эскизом приложения. Ещё можно перенести её в Miro — это виртуальная доска, на которой визуализируются данные и взаимосвязи. Там на виртуальных стикерах напишите названия сущностей и пропишите под ними столбиком их атрибуты.
➖➖➖➖➖➖➖➖➖➖➖➖
Уже есть идея создания собственного мобильного приложения и не терпится её реализовать? Мы поможем! Научим разрабатывать мобильные приложения на курсе «Мобильная разработка без кода»: покажем, как делать это от стадии схематичного рисунка до запуска в виде рабочего приложения!
📲 РАЗРАБОТАТЬ СВОЁ ПРИЛОЖЕНИЕ: codebreakers.tech/mobile
codebreakers.tech
Как научиться делать самому мобильные приложения без кода
Пройдите путь от простых PWA до нативных приложений без кода
Forwarded from No-code Jobs!
👨💻 Разработка адап-го приложения (WEB + mobile) на Bubble
📄 Описание: Требуется разработка адаптивного приложения (WEB + mobile) на платформе Bubble. В качестве БД можно использовать AirTable. Приложение помогает судовладельцам прокладывать маршрут судна и получать информацию о ценах на топливо в портах на маршруте.
Приложение состоит из...Читать далее
🧮 Модель: нет данных
🛠 Стек: bubble
🔗 Референс | Материалы: приложение
💶 Желаемый бюджет: 20'000 ₽ - 60'000 ₽ за проект
#проект #kwork #fl #bubble #web
🤚 Откликнуться на проект kwork
🤚 Откликнуться на проект fl
📄 Описание: Требуется разработка адаптивного приложения (WEB + mobile) на платформе Bubble. В качестве БД можно использовать AirTable. Приложение помогает судовладельцам прокладывать маршрут судна и получать информацию о ценах на топливо в портах на маршруте.
Приложение состоит из...Читать далее
🧮 Модель: нет данных
🛠 Стек: bubble
🔗 Референс | Материалы: приложение
💶 Желаемый бюджет: 20'000 ₽ - 60'000 ₽ за проект
#проект #kwork #fl #bubble #web
🤚 Откликнуться на проект kwork
🤚 Откликнуться на проект fl
Forwarded from No-code Jobs!
🧑💻 Разработать мобильное приложение + сайт
📄 Описание: Разработка приложения со встроенной ЦРМ для рынка недвижимости. Подробное описание задачи отправлю отдельно в виде ТЗ и краткой презентации продукты. Так же есть прототип на Adalo, с которым будет возможность ознакомиться. Есть 2 задачи. Первая это само приложение, второе - сайт. Хотим видеть продукт на low/no-code, в виду не больших временных затрат на его создание.
🧮 Модель: нет данных
🛠 Стек: на усмотрение разработчика
🔗 Референс|Материалы: нет данных
💶 Желаемый бюджет: 350'000 ₽ за проект
#проект #habr #mobile #web #bubble
🤚 Откликнуться на проект
📄 Описание: Разработка приложения со встроенной ЦРМ для рынка недвижимости. Подробное описание задачи отправлю отдельно в виде ТЗ и краткой презентации продукты. Так же есть прототип на Adalo, с которым будет возможность ознакомиться. Есть 2 задачи. Первая это само приложение, второе - сайт. Хотим видеть продукт на low/no-code, в виду не больших временных затрат на его создание.
🧮 Модель: нет данных
🛠 Стек: на усмотрение разработчика
🔗 Референс|Материалы: нет данных
💶 Желаемый бюджет: 350'000 ₽ за проект
#проект #habr #mobile #web #bubble
🤚 Откликнуться на проект
💻 Как разработать таск-трекер на Bubble: подготовка
Один из самых простых IT-продуктов и первый, который мы зачастую предлагаем разработать на Bubble, — таск-трекер для отслеживания задач и проектов внутри команды. По итогам у вас получится собственный таск-трекер, который можно положить в портфолио или использовать как инструмент для работы.
И сегодня поговорим о первом и очень важном этапе разработки IT-продукта — подготовке.
Первый этап. Подготовка
Наш план — разработать таск-трекер. Начнём с проработки структуры приложения и соберём необходимые данные.
У проекта 9 экранов ⬇️
Основной: посадочная страница.
Системные: экран регистрации, экран для входа в аккаунт, сброс пароля, страница 404.
Шапка: реиспользуемый хедер.
Содержательные: дашборд со всеми проектами, страница проекта, страница профиля.
Удобно отрисовать эту схему в Miro или FigJam. Со схемой проекта ничего не потеряется и не забудется.
Для создания красивого проекта нужны картинки: аватарки юзеров для примера и демонстрация интерфейса проекта для посадочной страницы. Эти материалы берите со страницы этого ролика Bubble.
Теперь создаём аккаунт в Bubble, если его ещё нет, и создаём новое приложение.
Дальше есть два пути: сделать заготовку под каждый экран самостоятельно или воспользоваться готовым темплейтом от Bubble. Готовый шаблон находится здесь.
Если хотите делать с нуля, то на этом этапе просто заготовьте пустые экраны под каждый из расписанных в структуре — через верхнюю левую панель по клику на Add a new page сделайте экраны и озаглавьте их понятным способом.
Рекомендуем начать с готового темплейта. Посмотрите структуру, настройки и лучше поймёте детали, а потом можно попробовать собрать всё с нуля.
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите быстро научиться разрабатывать IT-продукты с помощь Bubble и зарабатывать на этом? Приходите на наш курс «Веб-разработчик без кода». У нас осталось 3 свободных места на ближайший поток ❤️
💻 Хочу освоить Bubble: codebreakers.tech/bubble
Один из самых простых IT-продуктов и первый, который мы зачастую предлагаем разработать на Bubble, — таск-трекер для отслеживания задач и проектов внутри команды. По итогам у вас получится собственный таск-трекер, который можно положить в портфолио или использовать как инструмент для работы.
И сегодня поговорим о первом и очень важном этапе разработки IT-продукта — подготовке.
Первый этап. Подготовка
Наш план — разработать таск-трекер. Начнём с проработки структуры приложения и соберём необходимые данные.
У проекта 9 экранов ⬇️
Основной: посадочная страница.
Системные: экран регистрации, экран для входа в аккаунт, сброс пароля, страница 404.
Шапка: реиспользуемый хедер.
Содержательные: дашборд со всеми проектами, страница проекта, страница профиля.
Удобно отрисовать эту схему в Miro или FigJam. Со схемой проекта ничего не потеряется и не забудется.
Для создания красивого проекта нужны картинки: аватарки юзеров для примера и демонстрация интерфейса проекта для посадочной страницы. Эти материалы берите со страницы этого ролика Bubble.
Теперь создаём аккаунт в Bubble, если его ещё нет, и создаём новое приложение.
Дальше есть два пути: сделать заготовку под каждый экран самостоятельно или воспользоваться готовым темплейтом от Bubble. Готовый шаблон находится здесь.
Если хотите делать с нуля, то на этом этапе просто заготовьте пустые экраны под каждый из расписанных в структуре — через верхнюю левую панель по клику на Add a new page сделайте экраны и озаглавьте их понятным способом.
Рекомендуем начать с готового темплейта. Посмотрите структуру, настройки и лучше поймёте детали, а потом можно попробовать собрать всё с нуля.
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите быстро научиться разрабатывать IT-продукты с помощь Bubble и зарабатывать на этом? Приходите на наш курс «Веб-разработчик без кода». У нас осталось 3 свободных места на ближайший поток ❤️
💻 Хочу освоить Bubble: codebreakers.tech/bubble
codebreakers.tech
Создай IT продукт без кода на Bubble.io
Научитесь создавать веб-сайты без кода
🏆 5 качеств, которые нужно развивать No-code разработчику
Сегодня мы расскажем о 5 качествах, которые не всегда очевидны, но очень важны для того, чтобы стать высокооплачиваемым и востребованным No-code специалистом.
1️⃣ Умение отделять главное от второстепенного
В работе вы будете постоянно сталкиваться с заказчиками, которые в первой версии продукта хотят сразу создать космолёт с миллионом функций и возможностей, которые кажутся им крайне необходимыми. Это нормально, ведь большинство заказчиков не имеют опыта работы с IT-продуктами и не понимают, как они создаются, поэтому хотят всё и сразу. Именно здесь вам понадобится критическое мышление, чтобы увидеть суть продукта, выделить только самые важные функции и предложить для разработки MVP-версии только минимально необходимый функционал, достаточный для запуска и проверки бизнес-гипотезы клиента.
2️⃣ Грамотное реиспользование своей работы
Не всегда нужно начинать каждый заказ с нуля. Чем больше продуктов вы разработаете, тем больше готовых шаблонизированных решений сможете создать и реиспользовать в будущих проектах. Например, дизайн админ-панели не нужно каждый раз заново изобретать для каждого клиента. Достаточно один раз создать грамотно продуманный дизайн и использовать его в проектах, просто делая адаптацию. Именно такое умение мыслить и реиспользовать лучшие практики позволит увеличить скорость реализации проектов и вашу пропускную способность в десятки раз.
3️⃣ Умение говорить «нет»
Когда вы общаетесь с новым заказчиком, всегда помните, что не только он выбирает вас, но и вы его. Если вы видите «красные флаги», — лучше отказаться от заказа. Тоже самое касается ситуаций, когда клиент хочет включить в согласованную стоимость проекта дополнительные функции, которые потребуют значительного времени. Не бойтесь отказывать, главное — уметь делать это корректно и обоснованно.
4️⃣ Делегирование
От этого навыка сильно зависит ваш доход как No-code разработчика. Если вы выполняете все заказы самостоятельно, ваша пропускная способность ограничена, а оплата не так высока. Но если вы научитесь постепенно привлекать к конкретным задачам или даже частям работы сторонних подрядчиков, — количество проектов, которые вы сможете реализовать, значительно увеличится, и, соответственно, увеличится и ваш доход. Главное: грамотно делегировать, контролировать работу подрядчиков и отвечать за результат. Самые успешные в итоге открывают свои студии и бизнесы, что существенно сказывается на доходах.
5️⃣ Продуктовое мышление
Без продуктового мышления и понимания, как правильно организовать логику IT-продукта, выделить главный функционал и сделать его максимально удобным для пользователя, — вы не сможете далеко продвинуться в No-code разработке. Поэтому всегда изучайте и анализируйте лучшие IT-практики на рынке и развивайте свою насмотренность.
➖➖➖➖➖➖➖➖➖➖➖➖
Чтобы развить эти скиллы на практике, а также получить полноценные навыки разработки продуктов без кода, — приходите к нам на обучение по No-code разработке. На курсе вы научитесь с нуля разрабатывать IT-продукты различной сложности, разовьёте продуктовое мышление, создадите сильное портфолио и будете готовы к реальным проектам!
👩💻ХОЧУ СТАТЬ РАЗРАБОТЧИКОМ: codebreakers.tech/profession
Сегодня мы расскажем о 5 качествах, которые не всегда очевидны, но очень важны для того, чтобы стать высокооплачиваемым и востребованным No-code специалистом.
1️⃣ Умение отделять главное от второстепенного
В работе вы будете постоянно сталкиваться с заказчиками, которые в первой версии продукта хотят сразу создать космолёт с миллионом функций и возможностей, которые кажутся им крайне необходимыми. Это нормально, ведь большинство заказчиков не имеют опыта работы с IT-продуктами и не понимают, как они создаются, поэтому хотят всё и сразу. Именно здесь вам понадобится критическое мышление, чтобы увидеть суть продукта, выделить только самые важные функции и предложить для разработки MVP-версии только минимально необходимый функционал, достаточный для запуска и проверки бизнес-гипотезы клиента.
2️⃣ Грамотное реиспользование своей работы
Не всегда нужно начинать каждый заказ с нуля. Чем больше продуктов вы разработаете, тем больше готовых шаблонизированных решений сможете создать и реиспользовать в будущих проектах. Например, дизайн админ-панели не нужно каждый раз заново изобретать для каждого клиента. Достаточно один раз создать грамотно продуманный дизайн и использовать его в проектах, просто делая адаптацию. Именно такое умение мыслить и реиспользовать лучшие практики позволит увеличить скорость реализации проектов и вашу пропускную способность в десятки раз.
3️⃣ Умение говорить «нет»
Когда вы общаетесь с новым заказчиком, всегда помните, что не только он выбирает вас, но и вы его. Если вы видите «красные флаги», — лучше отказаться от заказа. Тоже самое касается ситуаций, когда клиент хочет включить в согласованную стоимость проекта дополнительные функции, которые потребуют значительного времени. Не бойтесь отказывать, главное — уметь делать это корректно и обоснованно.
4️⃣ Делегирование
От этого навыка сильно зависит ваш доход как No-code разработчика. Если вы выполняете все заказы самостоятельно, ваша пропускная способность ограничена, а оплата не так высока. Но если вы научитесь постепенно привлекать к конкретным задачам или даже частям работы сторонних подрядчиков, — количество проектов, которые вы сможете реализовать, значительно увеличится, и, соответственно, увеличится и ваш доход. Главное: грамотно делегировать, контролировать работу подрядчиков и отвечать за результат. Самые успешные в итоге открывают свои студии и бизнесы, что существенно сказывается на доходах.
5️⃣ Продуктовое мышление
Без продуктового мышления и понимания, как правильно организовать логику IT-продукта, выделить главный функционал и сделать его максимально удобным для пользователя, — вы не сможете далеко продвинуться в No-code разработке. Поэтому всегда изучайте и анализируйте лучшие IT-практики на рынке и развивайте свою насмотренность.
➖➖➖➖➖➖➖➖➖➖➖➖
Чтобы развить эти скиллы на практике, а также получить полноценные навыки разработки продуктов без кода, — приходите к нам на обучение по No-code разработке. На курсе вы научитесь с нуля разрабатывать IT-продукты различной сложности, разовьёте продуктовое мышление, создадите сильное портфолио и будете готовы к реальным проектам!
👩💻ХОЧУ СТАТЬ РАЗРАБОТЧИКОМ: codebreakers.tech/profession
codebreakers.tech
Курс No-code разработчик
Станьте универсальным ноукодером!
Forwarded from No-code Jobs!
👨💻 Приложение по поиску специалистов
📄 Описание: Сделать рабочий MVP на каком-нибудь No-Code решении (Bubble или Adalo)
Приложение для поиска услуг по уходу за домашними животными предоставляет удобный способ найти и выбрать подходящего специалиста для своего питомца. Пользователи могут легко найти хендлера, грумера, кинолога, а также услуги по передержке и выгулу животных.
Одной из основных особенностей приложения является возможность выбора специалиста по рейтингу или геопозиции. Пользователи могут оценить и оставить отзывы о специалистах, что помогает другим пользователям принять решение при выборе специалиста...Читать далее
🧮 Модель: нет данных
🛠 Стек: adalo, bubble
🔗 Референс | Материалы: ТЗ
💶 Желаемый бюджет: 12'000 ₽ - 36'000 ₽ за проект
#проект #kwork #fl #bubble #adalo #mobile #web
🤚 Откликнуться на проект kwork
🤚 Откликнуться на проект fl
📄 Описание: Сделать рабочий MVP на каком-нибудь No-Code решении (Bubble или Adalo)
Приложение для поиска услуг по уходу за домашними животными предоставляет удобный способ найти и выбрать подходящего специалиста для своего питомца. Пользователи могут легко найти хендлера, грумера, кинолога, а также услуги по передержке и выгулу животных.
Одной из основных особенностей приложения является возможность выбора специалиста по рейтингу или геопозиции. Пользователи могут оценить и оставить отзывы о специалистах, что помогает другим пользователям принять решение при выборе специалиста...Читать далее
🧮 Модель: нет данных
🛠 Стек: adalo, bubble
🔗 Референс | Материалы: ТЗ
💶 Желаемый бюджет: 12'000 ₽ - 36'000 ₽ за проект
#проект #kwork #fl #bubble #adalo #mobile #web
🤚 Откликнуться на проект kwork
🤚 Откликнуться на проект fl
📱Поэтапная инструкция по созданию мобильного приложения без кода: архитектура приложения
Если вы вдруг пропустили наши предыдущие посты, где мы начали рассказывать, как поэтапно разработать своё мобильное приложение без программирования, — читайте их по хештегу #code_breakers_поэтапная_инструкция_по_созданию_мобильного_приложения_без_кода. А сегодня переходим к следующему этапу создания архитектуры приложения.
Архитектура приложения. Делаем макет-каркас приложения
Несём на место строительства будущего «дома» стройматериалы и делаем из них фундамент и каркасы стен, полов, крыши, этажей.
C нарисованным эскизом приложения отправляйтесь за компьютер. Пора перенести туда видение IT-продукта — нарисовать на компьютере макет мобильного приложения. На сленге разработки макет называется вайрфрейм.
Вайрфрейм помогает точно увидеть и объяснить, как будет выглядеть и работать мобильное приложение. Вы сразу поймёте, как придуманные роли взаимодействуют с приложением и как реализуются функции.
Для первого вайрфрейма хороша Figma — понятный, простой и бесплатный облачный сервис. Работает через браузер и с компьютера. В ней есть рабочая область (frame), размер которой соответствует мобильному экрану.
🟣 Переносите в программу один за другим нарисованные на листах экраны приложения. Также схематично виртуальными фигурами нарисуйте шапку-хэдер, меню, логотип, напишите название, кнопку регистрации/входа. Готов стартовый экран.
🟣 Затем переходите к созданию второстепенных экранов. Например, с главного экрана через кнопку «Войти» пользователь попадает на экран ввода данных аккаунта. Сделайте этот экран — ту же шапку-хедер и два поля ввода для адреса почты и пароля.
🟣 Соедините стрелкой кнопку «Войти», которую вы нарисовали на первом экране, и второстепенный экран с формой входа в аккаунт.
🟣 По такому же принципу изобразите все экраны, которые придумали для приложения.
Вот этот процесс и есть вайрфрейминг — создание макета того, как будет работать приложение. Вайрфреминг помогает понять пользовательский путь, отбросить или добавить функциональность, додумать экраны, элементы на них и немного продумать внешний вид. Если вы начнёте сразу делать приложение на No-code платформе, вы можете себя ограничить или запутать и расстроиться, что ничего не получается. А с вайрфреймом удобно держаться намеченного пути.
➖➖➖➖➖➖➖➖➖➖➖➖
На курсе разработки мобильных приложений мы учим глубоко понимать весь описанный процесс и помогаем стать мастерами в мобильной разработке без кода. Каждый шаг узнаём и прорабатываем досконально, учим делать вайрфреймы и прототипы, составлять сложные базы данных, работать в Adalo, Miro, Figma и не только.
📱ХОЧУ РАЗРАБОТАТЬ СВОЁ ПРИЛОЖЕНИЕ: сodebreakers.tech/mobile
Если вы вдруг пропустили наши предыдущие посты, где мы начали рассказывать, как поэтапно разработать своё мобильное приложение без программирования, — читайте их по хештегу #code_breakers_поэтапная_инструкция_по_созданию_мобильного_приложения_без_кода. А сегодня переходим к следующему этапу создания архитектуры приложения.
Архитектура приложения. Делаем макет-каркас приложения
Несём на место строительства будущего «дома» стройматериалы и делаем из них фундамент и каркасы стен, полов, крыши, этажей.
C нарисованным эскизом приложения отправляйтесь за компьютер. Пора перенести туда видение IT-продукта — нарисовать на компьютере макет мобильного приложения. На сленге разработки макет называется вайрфрейм.
Вайрфрейм помогает точно увидеть и объяснить, как будет выглядеть и работать мобильное приложение. Вы сразу поймёте, как придуманные роли взаимодействуют с приложением и как реализуются функции.
Для первого вайрфрейма хороша Figma — понятный, простой и бесплатный облачный сервис. Работает через браузер и с компьютера. В ней есть рабочая область (frame), размер которой соответствует мобильному экрану.
🟣 Переносите в программу один за другим нарисованные на листах экраны приложения. Также схематично виртуальными фигурами нарисуйте шапку-хэдер, меню, логотип, напишите название, кнопку регистрации/входа. Готов стартовый экран.
🟣 Затем переходите к созданию второстепенных экранов. Например, с главного экрана через кнопку «Войти» пользователь попадает на экран ввода данных аккаунта. Сделайте этот экран — ту же шапку-хедер и два поля ввода для адреса почты и пароля.
🟣 Соедините стрелкой кнопку «Войти», которую вы нарисовали на первом экране, и второстепенный экран с формой входа в аккаунт.
🟣 По такому же принципу изобразите все экраны, которые придумали для приложения.
Вот этот процесс и есть вайрфрейминг — создание макета того, как будет работать приложение. Вайрфреминг помогает понять пользовательский путь, отбросить или добавить функциональность, додумать экраны, элементы на них и немного продумать внешний вид. Если вы начнёте сразу делать приложение на No-code платформе, вы можете себя ограничить или запутать и расстроиться, что ничего не получается. А с вайрфреймом удобно держаться намеченного пути.
➖➖➖➖➖➖➖➖➖➖➖➖
На курсе разработки мобильных приложений мы учим глубоко понимать весь описанный процесс и помогаем стать мастерами в мобильной разработке без кода. Каждый шаг узнаём и прорабатываем досконально, учим делать вайрфреймы и прототипы, составлять сложные базы данных, работать в Adalo, Miro, Figma и не только.
📱ХОЧУ РАЗРАБОТАТЬ СВОЁ ПРИЛОЖЕНИЕ: сodebreakers.tech/mobile
codebreakers.tech
Как научиться делать самому мобильные приложения без кода
Пройдите путь от простых PWA до нативных приложений без кода
Forwarded from No-code Jobs!
👨💻 Доработка мобильного приложения
📄 Описание: Требования к соискателю:
- знание dart
- доработка и поддержка приложения именно во FlutterFlow (НЕ Flutter!)
Первостепенные задачи, которые предстоит выполнять:
1. Загрузка файлов из WebView в телефон iOS/Android.
2. Кнопка назад телефона (в Android) должна дублировать клик по событию назад в шапке страницы.
3. При скрытом пуше лого выглядит нормально. При раскрытом пуше показывает белый квадрат – это надо исправить на iOS.
4. Интегрировать статистику пользователей. Проанализировать возможные решения (App Metriсa, Google Analytics, Tracker от VK), предложить оптимальный вариант и затем добавить в проект.
5. Создавать и поддерживать клоны приложения.
Оплата от 1500₽-1700₽ /час, по договоренности. Возможно сотрудничество как на проект, так и на постоянной основе.
🧮 Модель: нет данных
🛠 Стек: flutterflow
🔗 Референс | Материалы: нет данных
💶 Желаемый бюджет: 1500₽ - 1700₽/час
#проект #доработка #habr #flutterflow #mobile
🤚 Откликнуться на проект
📄 Описание: Требования к соискателю:
- знание dart
- доработка и поддержка приложения именно во FlutterFlow (НЕ Flutter!)
Первостепенные задачи, которые предстоит выполнять:
1. Загрузка файлов из WebView в телефон iOS/Android.
2. Кнопка назад телефона (в Android) должна дублировать клик по событию назад в шапке страницы.
3. При скрытом пуше лого выглядит нормально. При раскрытом пуше показывает белый квадрат – это надо исправить на iOS.
4. Интегрировать статистику пользователей. Проанализировать возможные решения (App Metriсa, Google Analytics, Tracker от VK), предложить оптимальный вариант и затем добавить в проект.
5. Создавать и поддерживать клоны приложения.
Оплата от 1500₽-1700₽ /час, по договоренности. Возможно сотрудничество как на проект, так и на постоянной основе.
🧮 Модель: нет данных
🛠 Стек: flutterflow
🔗 Референс | Материалы: нет данных
💶 Желаемый бюджет: 1500₽ - 1700₽/час
#проект #доработка #habr #flutterflow #mobile
🤚 Откликнуться на проект
💻 Как разработать таск-трекер на Bubble: делаем посадочную страницу
В конце ноября мы уже начали рассказывать про один из самых простых для создания IT-продуктов — таск-трекер на Bubble. Если пропустили начало, — ищите его по хештегу #code_breakers_как_разработать_таск_трекер_на_Bubble.
Второй этап. Делаем посадочную страницу
Разработка происходит на странице Index. В темплейте страница собрана. Удалим всё и соберём заново через «Библиотеку компонентов». Библиотека находится справа на верхней панели под кнопкой Components.
Перетаскиваем из библиотеки:
🔹хедер;
🔹главный экран с большим изображением;
🔹3 экрана с описанием сервиса: один с картинкой справа, второй с картинкой слева, третий с картинкой справа;
🔹экран с отзывами;
🔹футер.
Следите, чтобы каждая новая группа компонентов ставилась ровно под предыдущую — при перетаскивании система покажет, куда именно вы ставите: верхняя группа подсветится красной рамкой, а в месте установки будет синяя черта. Даже если ошибётесь, ничего — на левой панели в Element tree посмотрите, куда и что встало, и перетащите в нужные места.
Здесь можно отредактировать тексты, удалить из хедера ненужные кнопки и ссылки, прописать или вставить логотип, добавить фотографии и скриншоты. Фоновый цвет для футера и первого экрана первой страницы предлагается делать одинаковым, чтобы получился единый переход. И это классное решение, но финальное — за вами, вы же разработчик.
На этом этапе поработайте с адаптивностью. Чтобы ваше приложение хорошо смотрелось на любых экранах, не делайте им минимальную фиксированную ширину.
Следуйте вот этому правилу: главная группа (родительский компонент), в котором лежат остальные компоненты, растягивается по всей ширине экрана. Следующая в иерархии группа (child-компонент, «ребёнок») с определённой максимальной шириной. А компоненты (также child-компоненты) внутри уже адаптируются под конкретный размер контента.
К примеру, вся Index страница — 1440 рх шириной, выравнивание типа колонка с последовательным расположением групп на ней. Все следующие группы — её child-компоненты. Им выставляйте нулевую минимальную ширину (чтобы она адаптировалась под меньшие размеры экрана) и максимальную ширину 1200 рх, чтобы она не растягивалась. Внутри компоненты должны быть адаптированы под конкретный контент: текст или фотографии.
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите быстро научиться разрабатывать IT-продукты с помощь Bubble и зарабатывать на этом? Приходите на наш курс «Веб-разработчик без кода». У нас осталось 4 свободных места на ближайший поток, который стартует 20 декабря 💙
ХОЧУ ОСВОИТЬ BUBBLE: codebreakers.tech/bubble
В конце ноября мы уже начали рассказывать про один из самых простых для создания IT-продуктов — таск-трекер на Bubble. Если пропустили начало, — ищите его по хештегу #code_breakers_как_разработать_таск_трекер_на_Bubble.
Второй этап. Делаем посадочную страницу
Разработка происходит на странице Index. В темплейте страница собрана. Удалим всё и соберём заново через «Библиотеку компонентов». Библиотека находится справа на верхней панели под кнопкой Components.
Перетаскиваем из библиотеки:
🔹хедер;
🔹главный экран с большим изображением;
🔹3 экрана с описанием сервиса: один с картинкой справа, второй с картинкой слева, третий с картинкой справа;
🔹экран с отзывами;
🔹футер.
Следите, чтобы каждая новая группа компонентов ставилась ровно под предыдущую — при перетаскивании система покажет, куда именно вы ставите: верхняя группа подсветится красной рамкой, а в месте установки будет синяя черта. Даже если ошибётесь, ничего — на левой панели в Element tree посмотрите, куда и что встало, и перетащите в нужные места.
Здесь можно отредактировать тексты, удалить из хедера ненужные кнопки и ссылки, прописать или вставить логотип, добавить фотографии и скриншоты. Фоновый цвет для футера и первого экрана первой страницы предлагается делать одинаковым, чтобы получился единый переход. И это классное решение, но финальное — за вами, вы же разработчик.
На этом этапе поработайте с адаптивностью. Чтобы ваше приложение хорошо смотрелось на любых экранах, не делайте им минимальную фиксированную ширину.
Следуйте вот этому правилу: главная группа (родительский компонент), в котором лежат остальные компоненты, растягивается по всей ширине экрана. Следующая в иерархии группа (child-компонент, «ребёнок») с определённой максимальной шириной. А компоненты (также child-компоненты) внутри уже адаптируются под конкретный размер контента.
К примеру, вся Index страница — 1440 рх шириной, выравнивание типа колонка с последовательным расположением групп на ней. Все следующие группы — её child-компоненты. Им выставляйте нулевую минимальную ширину (чтобы она адаптировалась под меньшие размеры экрана) и максимальную ширину 1200 рх, чтобы она не растягивалась. Внутри компоненты должны быть адаптированы под конкретный контент: текст или фотографии.
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите быстро научиться разрабатывать IT-продукты с помощь Bubble и зарабатывать на этом? Приходите на наш курс «Веб-разработчик без кода». У нас осталось 4 свободных места на ближайший поток, который стартует 20 декабря 💙
ХОЧУ ОСВОИТЬ BUBBLE: codebreakers.tech/bubble
codebreakers.tech
Создай IT продукт без кода на Bubble.io
Научитесь создавать веб-сайты без кода
Forwarded from No-code Jobs!
👨💻 Разработать MVP сервиса/Фриланс биржа/Биржа микрозадач
📄 Описание: Краткая логика сервиса
Заказчик размещает свой товар или услугу (товар или услуга которую он продает на своем сайте) и указывает задание которое нужно выполнить и сумму вознаграждения за это
Исполнитель выбирает товар или услугу, выполняет задание, отдает на проверку заказчику, заказчик подтверждает выполнение, исполнитель получает вознаграждение на баланс в личном кабинете
Мы как сервис гарантируем что заказчик заплатит только за выполненное задание, а исполнитель 100% получит свои деньги
Система похожа на биржи микрозадач unu.im/
Нужны предложения и консультация от опытных специалистов о том как это можно сделать быстро. Возможно у вас уже есть готовые решения или наработки
🧮 Модель: маркетплейс
🛠 Стек: на усмотрение разработчика
🔗 Референс | Материалы: нет данных
💶 Желаемый бюджет: до 70'000 ₽ за проект
#проект #fl #web
🤚 Откликнуться на проект
📄 Описание: Краткая логика сервиса
Заказчик размещает свой товар или услугу (товар или услуга которую он продает на своем сайте) и указывает задание которое нужно выполнить и сумму вознаграждения за это
Исполнитель выбирает товар или услугу, выполняет задание, отдает на проверку заказчику, заказчик подтверждает выполнение, исполнитель получает вознаграждение на баланс в личном кабинете
Мы как сервис гарантируем что заказчик заплатит только за выполненное задание, а исполнитель 100% получит свои деньги
Система похожа на биржи микрозадач unu.im/
Нужны предложения и консультация от опытных специалистов о том как это можно сделать быстро. Возможно у вас уже есть готовые решения или наработки
🧮 Модель: маркетплейс
🛠 Стек: на усмотрение разработчика
🔗 Референс | Материалы: нет данных
💶 Желаемый бюджет: до 70'000 ₽ за проект
#проект #fl #web
🤚 Откликнуться на проект
Forwarded from No-code Jobs!
👨💻 CRM в bubble.io
📄 Описание: Проект CRM который уже существует.
- Структурирование базы данных Bubble.io и синхронизация с Airtable.
- Интеграция продвинутого редактора PDF-файлов в Bubble.io, что позволит загружать, просматривать, аннотировать, редактировать текст, добавлять изображения, подписи и штампы. Отредактированные PDF-файлы будут храниться в базе данных Bubble.io. и в Airtable.
- Создание шаблонов документов, с динамичными данными.
Технические характеристики :
- Синхронная база данных с Airtble. Именно синхронная что означает, обновления как из Airtble так через bubble.
- Редактор PDF проприетарный плагин, разработанный с использованием JavaScript библиотек. PDF-файлы будут храниться на серверах Bubble.io и Airtable.
🧮 Модель: нет данных
🛠 Стек: bubble
🔗 Референс | Материалы: нет данных
💶 Желаемый бюджет: 20'000 ₽ за проект
#проект #доработка #fl #bubble #web
🤚 Откликнуться на проект
📄 Описание: Проект CRM который уже существует.
- Структурирование базы данных Bubble.io и синхронизация с Airtable.
- Интеграция продвинутого редактора PDF-файлов в Bubble.io, что позволит загружать, просматривать, аннотировать, редактировать текст, добавлять изображения, подписи и штампы. Отредактированные PDF-файлы будут храниться в базе данных Bubble.io. и в Airtable.
- Создание шаблонов документов, с динамичными данными.
Технические характеристики :
- Синхронная база данных с Airtble. Именно синхронная что означает, обновления как из Airtble так через bubble.
- Редактор PDF проприетарный плагин, разработанный с использованием JavaScript библиотек. PDF-файлы будут храниться на серверах Bubble.io и Airtable.
🧮 Модель: нет данных
🛠 Стек: bubble
🔗 Референс | Материалы: нет данных
💶 Желаемый бюджет: 20'000 ₽ за проект
#проект #доработка #fl #bubble #web
🤚 Откликнуться на проект
🖥 Птичий язык разработки: сленг и непонятные слова [часть 4]
В нескольких предыдущих постах мы уже начали рассказывать о специфических терминах и непонятных словах из сферы No-code разработки. Если вы вдруг пропустили их, — ищите тексты по хештегу: #code_breakers_птичий_язык_разработки.
А сегодня мы остановимся на нескольких терминах из области цифрового дизайна.
Шрифты и выравнивание текста
Гарнитура — комплект одного шрифта разных размеров и начертаний. Например, Open Sans — это шрифт. А Open Sans Light, Open Sans Regular, Open Sans Semibold, Open Sans Bold — это уже гарнитура, комплект разных начертаний.
Кегль — размер шрифта.
Интерлиньяж — межстрочное расстояние. Работают с настройками интерлиньяжа, чтобы порядить текст, добавить в него «воздуха» и сделать более читабельным.
Трекинг — расстояние между буквами. Работают с настройками трекинга тоже для того, чтобы повысить удобочитаемость текста. Например, в заголовках трекинг часто выше, а в плотных блоках текста — ниже.
Выключка — выравнивание текста относительно вертикальной линии по правой стороне, по левой стороне либо по центру.
Сетка или модульная сетка — дополнительный слой, каркас или схема, по которой выравниваются элементы цифрового продукта. Самая распространённая, например, 12-колоночная сетка — когда у каркаса 12 колонок с заданными отступами и интервалами. В мобильной вёрстке как правило клетчатая сетка.
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите всегда понимать коллег, легко пройти онбординг и быстро влиться в сферу No-code разработки? Тогда ждём на нашем флагманском курсе «No-code разработчик». Начинаем учиться на следующей неделе, — 21 декабря!
🤩 ХОЧУ ЗАПИСАТЬСЯ НА КУРС: codebreakers.tech/profession
В нескольких предыдущих постах мы уже начали рассказывать о специфических терминах и непонятных словах из сферы No-code разработки. Если вы вдруг пропустили их, — ищите тексты по хештегу: #code_breakers_птичий_язык_разработки.
А сегодня мы остановимся на нескольких терминах из области цифрового дизайна.
Шрифты и выравнивание текста
Гарнитура — комплект одного шрифта разных размеров и начертаний. Например, Open Sans — это шрифт. А Open Sans Light, Open Sans Regular, Open Sans Semibold, Open Sans Bold — это уже гарнитура, комплект разных начертаний.
Кегль — размер шрифта.
Интерлиньяж — межстрочное расстояние. Работают с настройками интерлиньяжа, чтобы порядить текст, добавить в него «воздуха» и сделать более читабельным.
Трекинг — расстояние между буквами. Работают с настройками трекинга тоже для того, чтобы повысить удобочитаемость текста. Например, в заголовках трекинг часто выше, а в плотных блоках текста — ниже.
Выключка — выравнивание текста относительно вертикальной линии по правой стороне, по левой стороне либо по центру.
Сетка или модульная сетка — дополнительный слой, каркас или схема, по которой выравниваются элементы цифрового продукта. Самая распространённая, например, 12-колоночная сетка — когда у каркаса 12 колонок с заданными отступами и интервалами. В мобильной вёрстке как правило клетчатая сетка.
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите всегда понимать коллег, легко пройти онбординг и быстро влиться в сферу No-code разработки? Тогда ждём на нашем флагманском курсе «No-code разработчик». Начинаем учиться на следующей неделе, — 21 декабря!
🤩 ХОЧУ ЗАПИСАТЬСЯ НА КУРС: codebreakers.tech/profession
codebreakers.tech
Курс No-code разработчик
Станьте универсальным ноукодером!
📱Поэтапная инструкция по созданию мобильного приложения без кода: делаем само приложение
Если почему-то вы не читали наши предыдущие посты, где мы начали рассказывать, как поэтапно разработать своё мобильное приложение без программирования, — ищите их по хештегу #code_breakers_поэтапная_инструкция_по_созданию_мобильного_приложения_без_кода. А сегодня переходим к самому долгожданному этапу — созданию самого IT-продукта!
Разрабатываем мобильное приложение
Пришла пора выбрать No-code платформу, на которой будем делать наше приложение. Возьмём в качестве примера мощную и развитую платформу для создания мобильных приложений — Adalo. Регистрация в ней бесплатная и на бесплатном тарифе можно собрать работающие приложения.
Начало конструирования. При создании приложения откроется рабочая область. На ней будут располагаться экраны (screens), которые вы придумали на этапе эскиза и вайрфрейма. Экраны по размеру повторяют размер смартфона. Их создают в списке интерфейса слева. При создании их лучше называть по содержанию: экран «Главная», экран «Личный кабинет», экран «Вход в аккаунт» и проч.
Добавление визуальных элементов. На экраны добавляйте визуальные элементы: блок с логотипом, форма регистрации, текст, кнопки, формы для заполнения, списки. Элементы в Adalo называются компоненты (components). Компонентов порядка 30.
Создание и наполнение базы данных. Во вкладке «База данных» (database), там же слева создайте базу. Внесите в таблицы данные. За основу берите таблички, которые нарисовали вручную или в Miro.
Создание логики. Ответственный момент. В этом поможет вайрфрейм. Теперь нужно взаправду воссоздать путь пользователя. Например, он нажимает кнопку «Войти» и попадает на экран ввода данных аккаунта. А оттуда — на экран «Личный кабинет». И по такому принципу выстройте логику работы приложения. Это делается по клику на компонент. Например, если кликнуть на любой компонент «Кнопка», — откроется панель редактирования. В разделе Submit укажите действия, которые произойдут в приложении после клика. И по такому принципу — со всеми остальными элементами.
Наведение красоты. Используйте цвета, шрифты, картинки, видео, иллюстрации по душе, делайте тени, скругления у кнопок и так далее. Но не переборщите!
➖➖➖➖➖➖➖➖➖➖➖➖
Уже есть идея создания собственного приложения и не терпится её реализовать в новом году? Мы поможем! Научим разрабатывать мобильные приложения без кода: покажем, как делать это от стадии схематичного рисунка до запуска в виде рабочего приложения!
Начинаем учиться сразу после новогодних каникул — 11 января 🎄
СОЗДАТЬ СВОЙ IT-ПРОДУКТ: codebreakers.tech/mobile
Если почему-то вы не читали наши предыдущие посты, где мы начали рассказывать, как поэтапно разработать своё мобильное приложение без программирования, — ищите их по хештегу #code_breakers_поэтапная_инструкция_по_созданию_мобильного_приложения_без_кода. А сегодня переходим к самому долгожданному этапу — созданию самого IT-продукта!
Разрабатываем мобильное приложение
Пришла пора выбрать No-code платформу, на которой будем делать наше приложение. Возьмём в качестве примера мощную и развитую платформу для создания мобильных приложений — Adalo. Регистрация в ней бесплатная и на бесплатном тарифе можно собрать работающие приложения.
Начало конструирования. При создании приложения откроется рабочая область. На ней будут располагаться экраны (screens), которые вы придумали на этапе эскиза и вайрфрейма. Экраны по размеру повторяют размер смартфона. Их создают в списке интерфейса слева. При создании их лучше называть по содержанию: экран «Главная», экран «Личный кабинет», экран «Вход в аккаунт» и проч.
Добавление визуальных элементов. На экраны добавляйте визуальные элементы: блок с логотипом, форма регистрации, текст, кнопки, формы для заполнения, списки. Элементы в Adalo называются компоненты (components). Компонентов порядка 30.
Создание и наполнение базы данных. Во вкладке «База данных» (database), там же слева создайте базу. Внесите в таблицы данные. За основу берите таблички, которые нарисовали вручную или в Miro.
Создание логики. Ответственный момент. В этом поможет вайрфрейм. Теперь нужно взаправду воссоздать путь пользователя. Например, он нажимает кнопку «Войти» и попадает на экран ввода данных аккаунта. А оттуда — на экран «Личный кабинет». И по такому принципу выстройте логику работы приложения. Это делается по клику на компонент. Например, если кликнуть на любой компонент «Кнопка», — откроется панель редактирования. В разделе Submit укажите действия, которые произойдут в приложении после клика. И по такому принципу — со всеми остальными элементами.
Наведение красоты. Используйте цвета, шрифты, картинки, видео, иллюстрации по душе, делайте тени, скругления у кнопок и так далее. Но не переборщите!
➖➖➖➖➖➖➖➖➖➖➖➖
Уже есть идея создания собственного приложения и не терпится её реализовать в новом году? Мы поможем! Научим разрабатывать мобильные приложения без кода: покажем, как делать это от стадии схематичного рисунка до запуска в виде рабочего приложения!
Начинаем учиться сразу после новогодних каникул — 11 января 🎄
СОЗДАТЬ СВОЙ IT-ПРОДУКТ: codebreakers.tech/mobile
codebreakers.tech
Как научиться делать самому мобильные приложения без кода
Пройдите путь от простых PWA до нативных приложений без кода
Forwarded from No-code Jobs!
👨💻 Устранить баги, опубликовать приложение
📄 Описание: Здравствуйте, у нас приложение на финальной стадии. Нужен flutter и flutterflow разработчик, запустить проект.
Текущие задачи.
1. Наладить работу интро ролика.
Чтобы всегда включался, когда впервые заходишь в приложение. После первичной установки, после удаления и вторичной установки, после выхода или удаления из аккаунта. Может какие-то условия не предусмотрел, нужно учесть.
2. Устранить баги плеера.
Все аудио очень долго грузятся и постоянно зависают. Если звук прерывается из-за звонка телефона, или включения звука другого приложения (например YouTube, instagram и т.д.), звук в приложении не восстанавливается. Обычно продолжает идти таймер, но звука нет...Читать далее
🧮 Модель: нет данных
🛠 Стек: flutterflow
🔗 Референс | Материалы: нет данных
💶 Желаемый бюджет: 1'000 - 2'000 ₽ в час
#проект #доработка #fl #flutterflow #mobile
🤚 Откликнуться на проект
📄 Описание: Здравствуйте, у нас приложение на финальной стадии. Нужен flutter и flutterflow разработчик, запустить проект.
Текущие задачи.
1. Наладить работу интро ролика.
Чтобы всегда включался, когда впервые заходишь в приложение. После первичной установки, после удаления и вторичной установки, после выхода или удаления из аккаунта. Может какие-то условия не предусмотрел, нужно учесть.
2. Устранить баги плеера.
Все аудио очень долго грузятся и постоянно зависают. Если звук прерывается из-за звонка телефона, или включения звука другого приложения (например YouTube, instagram и т.д.), звук в приложении не восстанавливается. Обычно продолжает идти таймер, но звука нет...Читать далее
🧮 Модель: нет данных
🛠 Стек: flutterflow
🔗 Референс | Материалы: нет данных
💶 Желаемый бюджет: 1'000 - 2'000 ₽ в час
#проект #доработка #fl #flutterflow #mobile
🤚 Откликнуться на проект
💻 Как разработать таск-трекер на Bubble: формируем базу данных
Ещё в ноябре мы начали рассказывать про один из самых простых для создания IT-продуктов — таск-трекер на Bubble. Если пропустили начало, — ищите его по хештегу #code_breakers_как_разработать_таск_трекер_на_Bubble.
Третий этап. Сформируем базу данных
В базе данных таск-трекера 4 сущности — то есть главных блоков данных: Project, Task, Team, User — Проект, Задание, Команда, Пользователь.
🟣 Для Project зададим данные — Member List (тип данных List of Users, то есть все пользователи), Name (Название проекта, тип текст), Team (тип данных — Team)
🟣 Для Task зададим данные — Assigned User (Назначенный пользователь, тип данных — User), Start Task Date и End Task Date (Даты начала и окончания выполнения задания, тип данных — дата), Task Name и Task Description (Название и описание задачи, тип данных текст), Status (статус задачи, тип данных — три параметра через Option Set).
🟣 Для Team зададим данные — Team Admin (тип данных — пользователь) и Team Name (название команды, тип данных текст).
🟣 Для User зададим данные — Name (Имя) и Last Name (Фамилия), Profile Photo (фотография профиля, тип данных изображение), Team (команда, тип данных — Team).
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите быстро научиться разрабатывать IT-продукты с помощь Bubble и зарабатывать на этом? Приходите на наш курс «Веб-разработчик без кода». Стартуем уже завтра — 20 декабря 💙
ХОЧУ ОСВОИТЬ BUBBLE: codebreakers.tech/bubble
Ещё в ноябре мы начали рассказывать про один из самых простых для создания IT-продуктов — таск-трекер на Bubble. Если пропустили начало, — ищите его по хештегу #code_breakers_как_разработать_таск_трекер_на_Bubble.
Третий этап. Сформируем базу данных
В базе данных таск-трекера 4 сущности — то есть главных блоков данных: Project, Task, Team, User — Проект, Задание, Команда, Пользователь.
🟣 Для Project зададим данные — Member List (тип данных List of Users, то есть все пользователи), Name (Название проекта, тип текст), Team (тип данных — Team)
🟣 Для Task зададим данные — Assigned User (Назначенный пользователь, тип данных — User), Start Task Date и End Task Date (Даты начала и окончания выполнения задания, тип данных — дата), Task Name и Task Description (Название и описание задачи, тип данных текст), Status (статус задачи, тип данных — три параметра через Option Set).
🟣 Для Team зададим данные — Team Admin (тип данных — пользователь) и Team Name (название команды, тип данных текст).
🟣 Для User зададим данные — Name (Имя) и Last Name (Фамилия), Profile Photo (фотография профиля, тип данных изображение), Team (команда, тип данных — Team).
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите быстро научиться разрабатывать IT-продукты с помощь Bubble и зарабатывать на этом? Приходите на наш курс «Веб-разработчик без кода». Стартуем уже завтра — 20 декабря 💙
ХОЧУ ОСВОИТЬ BUBBLE: codebreakers.tech/bubble
codebreakers.tech
Создай IT продукт без кода на Bubble.io
Научитесь создавать веб-сайты без кода
⚡️ Glide vs Adalo: что делают платформы и их сильные стороны
Что лучше: Glide или Adalo? С чего начинать, если вы никогда не разрабатывали IT-продукты? Какую платформу больше ценят на рынке? Что выбрать под свой проект? Сравниваем две наши любимые платформы для разработки мобильных приложений без кода!
Что делает Glide
Glide — облачная платформа для разработки мобильных приложений без программирования. На Glide создаются PWA-приложения — progressive web application.
Такие приложения не устанавливаются на телефон, а открываются по ссылке в браузере. Но они имеют вид и функциональность мобильного приложения, которое не отличишь от нативного, скачанного в маркетах. PWA-приложение нельзя релизнуть в маркетах — его распространяют по прямой ссылке.
В качестве базы данных в Glide используются либо внешние, либо внутренние таблицы. Например, внешней базой данных могут быть Airtable и Excel, в дополнение в глайдовской базе и гугл-таблицам.
Собрать на Glide можно приложения и для коммерческого, и для личного использования. Например, небольшой онлайн-магазин, приложение для тренировок, трекер питания, нетворкинг-приложение с внутренним чатом и проч. Или для себя сделать приложение для отслеживания прогресса в хобби, директорию с любимыми фильмами или цитатами из книг и многое другое.
Сильные стороны Glide:
✅ Очень прост в освоении — освоить можно за вечер, а за 2-3 дня собрать рабочее приложение.
✅ Минимальный временной промежуток от идеи до запуска реального приложения.
✅ Идеален для запуска MVP, если нет денег на программистов.
✅ Позволяет делать красивые приложения, несмотря на свою простоту.
✅ Быстро развивается.
✅ Отзывчивая поддержка.
✅ Много обучающего материала.
✅ Экспертное сообщество, в которое можно включиться, если вы уже освоили программу.
Что делает Adalo
Adalo — облачная платформа для разработки мобильных приложений без программирования. На Adalo создаются PWA-приложения и нативные приложения — те, что загружаются в маркеты.
В Adalo — собственная база данных. Есть и синхронизации с внешними умными таблицами.
На Adalo можно разрабатывать сложные приложения, наслаждаясь гибкостью платформы с возможностью реализовать кастомизированный вид экранов и дизайн. На платформе реально спроектировать практически любое приложение, которое будет индивидуальным и красивым. А это значит, что на Adalo можно реализовать почти любую идею.
И главное — что эту идею увидит свет. Проект, сделанный на Adalo, конвертируется в кросс-платформенное приложение на языке React Native. То есть приложение автоматически загружается в App Store и Google Play Market. Это значит, что можно монетизировать своё приложение.
Сильные стороны Adalo:
✅ Низкий порог входа, легко изучать и собирать приложения.
✅ Гибкий и настраиваемый.
✅ Идеален для запуска MVP.
✅ Стабильно обновляется.
✅ Отзывчивая поддержка.
✅ Много обучающего материала.
✅ Экспертное сообщество, в которое можно включиться, если вы уже освоили программу.
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите освоить сразу обе платформы и стать сильным мобильным разработчиком? Не вопрос! Приходите к нам на курс «Мобильный разработчик без кода» ⬇️
📱СТАТЬ МОБИЛЬНЫМ РАЗРАБОТЧИКОМ: codebreakers.tech/mobile
Что лучше: Glide или Adalo? С чего начинать, если вы никогда не разрабатывали IT-продукты? Какую платформу больше ценят на рынке? Что выбрать под свой проект? Сравниваем две наши любимые платформы для разработки мобильных приложений без кода!
Что делает Glide
Glide — облачная платформа для разработки мобильных приложений без программирования. На Glide создаются PWA-приложения — progressive web application.
Такие приложения не устанавливаются на телефон, а открываются по ссылке в браузере. Но они имеют вид и функциональность мобильного приложения, которое не отличишь от нативного, скачанного в маркетах. PWA-приложение нельзя релизнуть в маркетах — его распространяют по прямой ссылке.
В качестве базы данных в Glide используются либо внешние, либо внутренние таблицы. Например, внешней базой данных могут быть Airtable и Excel, в дополнение в глайдовской базе и гугл-таблицам.
Собрать на Glide можно приложения и для коммерческого, и для личного использования. Например, небольшой онлайн-магазин, приложение для тренировок, трекер питания, нетворкинг-приложение с внутренним чатом и проч. Или для себя сделать приложение для отслеживания прогресса в хобби, директорию с любимыми фильмами или цитатами из книг и многое другое.
Сильные стороны Glide:
✅ Очень прост в освоении — освоить можно за вечер, а за 2-3 дня собрать рабочее приложение.
✅ Минимальный временной промежуток от идеи до запуска реального приложения.
✅ Идеален для запуска MVP, если нет денег на программистов.
✅ Позволяет делать красивые приложения, несмотря на свою простоту.
✅ Быстро развивается.
✅ Отзывчивая поддержка.
✅ Много обучающего материала.
✅ Экспертное сообщество, в которое можно включиться, если вы уже освоили программу.
Что делает Adalo
Adalo — облачная платформа для разработки мобильных приложений без программирования. На Adalo создаются PWA-приложения и нативные приложения — те, что загружаются в маркеты.
В Adalo — собственная база данных. Есть и синхронизации с внешними умными таблицами.
На Adalo можно разрабатывать сложные приложения, наслаждаясь гибкостью платформы с возможностью реализовать кастомизированный вид экранов и дизайн. На платформе реально спроектировать практически любое приложение, которое будет индивидуальным и красивым. А это значит, что на Adalo можно реализовать почти любую идею.
И главное — что эту идею увидит свет. Проект, сделанный на Adalo, конвертируется в кросс-платформенное приложение на языке React Native. То есть приложение автоматически загружается в App Store и Google Play Market. Это значит, что можно монетизировать своё приложение.
Сильные стороны Adalo:
✅ Низкий порог входа, легко изучать и собирать приложения.
✅ Гибкий и настраиваемый.
✅ Идеален для запуска MVP.
✅ Стабильно обновляется.
✅ Отзывчивая поддержка.
✅ Много обучающего материала.
✅ Экспертное сообщество, в которое можно включиться, если вы уже освоили программу.
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите освоить сразу обе платформы и стать сильным мобильным разработчиком? Не вопрос! Приходите к нам на курс «Мобильный разработчик без кода» ⬇️
📱СТАТЬ МОБИЛЬНЫМ РАЗРАБОТЧИКОМ: codebreakers.tech/mobile
codebreakers.tech
Как научиться делать самому мобильные приложения без кода
Пройдите путь от простых PWA до нативных приложений без кода
📱Поэтапная инструкция по созданию мобильного приложения без кода: дистрибуция
Если почему-то вы не читали наши предыдущие посты, где мы начали рассказывать, как поэтапно разработать своё мобильное приложение без программирования, — ищите их по хештегу #code_breakers_поэтапная_инструкция_по_созданию_мобильного_приложения_без_кода.
В этом после рассказываем про последний этап создания IT-продукта.
Дистрибуция. Загрузка приложения в сторы и шер по ссылке
Настало время рассказать всем о новом «доме», который вы сами построили! Запостить в соцсетях, пригласить на новоселье и встретить критику тех-кто-лучше-знает-куда-надо-было-ставить-диван 😅
У вас есть 2 пути рассказать о своём приложении другим: загрузить его в сторы приложений и делиться им по ссылке.
🟣 На Adalo создаются нативные приложения — обычное приложение, которое качают из App Store и Play Market. Если вы сделали нативное приложение, его можно загрузить в сторы. Сделать в Adalo это можно только на платных тарифах.
🟣 Шерить приложение ссылкой или QR-кодом современным способом — как прогрессивное веб-приложение, или progressive web-app (PWA). Его не обязательно устанавливать на телефон, хотя и можно. Это идеальный способ показать приложение ограниченному кругу людей, если вы не готовы к публичному выходу. Пусть друзья оценят, протестируют и помогут сделать лучше.
Создание приложения — приятный процесс, который благодаря No-code стал ещё и простым, доступным и быстрым. А самая серьёзная и почти бесконечная работа длиной в жизнь приложения начинается после запуска.
Вы опробуете приложение на друзьях, на себе, может, выпустите в магазин приложений — и тогда пользователи скажут, что и как, по их мнению, надо исправить в приложении, что убрать и что добавить. Дадут о себе знать баги и нестыковки. Заполнится база данных, и понадобится её менеджмент. Возможно, что понадобится автоматизация каких-то процессов. Вы будете менять приложение и снова тестировать, обновлять, добавлять и удалять функциональность, перенастраивать, начнёте собирать аналитику и думать об изучении основ маркетинга.
Или нет — и будете использовать приложение и решать с ним только свои будничные задачи. В любом случае мечта сделать собственное приложение реализуется. И No-code — самый прямой путь к исполнению этой мечты.
➖➖➖➖➖➖➖➖➖➖➖➖
На курсе разработки мобильных приложений мы учим глубоко понимать весь описанный процесс и помогаем стать мастерами в мобильной разработке без кода. Каждый шаг узнаём и прорабатываем досконально, учим делать вайрфреймы и прототипы, составлять сложные базы данных, работать в Adalo, Miro и Figma — и не только!
Присоединяйтесь к следующему потоку, стартуем сразу после праздников, — 11 января 🎄
СТАТЬ МОБИЛЬНЫМ РАЗРАБОТЧИКОМ: codebreakers.tech/mobile
Если почему-то вы не читали наши предыдущие посты, где мы начали рассказывать, как поэтапно разработать своё мобильное приложение без программирования, — ищите их по хештегу #code_breakers_поэтапная_инструкция_по_созданию_мобильного_приложения_без_кода.
В этом после рассказываем про последний этап создания IT-продукта.
Дистрибуция. Загрузка приложения в сторы и шер по ссылке
Настало время рассказать всем о новом «доме», который вы сами построили! Запостить в соцсетях, пригласить на новоселье и встретить критику тех-кто-лучше-знает-куда-надо-было-ставить-диван 😅
У вас есть 2 пути рассказать о своём приложении другим: загрузить его в сторы приложений и делиться им по ссылке.
🟣 На Adalo создаются нативные приложения — обычное приложение, которое качают из App Store и Play Market. Если вы сделали нативное приложение, его можно загрузить в сторы. Сделать в Adalo это можно только на платных тарифах.
🟣 Шерить приложение ссылкой или QR-кодом современным способом — как прогрессивное веб-приложение, или progressive web-app (PWA). Его не обязательно устанавливать на телефон, хотя и можно. Это идеальный способ показать приложение ограниченному кругу людей, если вы не готовы к публичному выходу. Пусть друзья оценят, протестируют и помогут сделать лучше.
Создание приложения — приятный процесс, который благодаря No-code стал ещё и простым, доступным и быстрым. А самая серьёзная и почти бесконечная работа длиной в жизнь приложения начинается после запуска.
Вы опробуете приложение на друзьях, на себе, может, выпустите в магазин приложений — и тогда пользователи скажут, что и как, по их мнению, надо исправить в приложении, что убрать и что добавить. Дадут о себе знать баги и нестыковки. Заполнится база данных, и понадобится её менеджмент. Возможно, что понадобится автоматизация каких-то процессов. Вы будете менять приложение и снова тестировать, обновлять, добавлять и удалять функциональность, перенастраивать, начнёте собирать аналитику и думать об изучении основ маркетинга.
Или нет — и будете использовать приложение и решать с ним только свои будничные задачи. В любом случае мечта сделать собственное приложение реализуется. И No-code — самый прямой путь к исполнению этой мечты.
➖➖➖➖➖➖➖➖➖➖➖➖
На курсе разработки мобильных приложений мы учим глубоко понимать весь описанный процесс и помогаем стать мастерами в мобильной разработке без кода. Каждый шаг узнаём и прорабатываем досконально, учим делать вайрфреймы и прототипы, составлять сложные базы данных, работать в Adalo, Miro и Figma — и не только!
Присоединяйтесь к следующему потоку, стартуем сразу после праздников, — 11 января 🎄
СТАТЬ МОБИЛЬНЫМ РАЗРАБОТЧИКОМ: codebreakers.tech/mobile
codebreakers.tech
Как научиться делать самому мобильные приложения без кода
Пройдите путь от простых PWA до нативных приложений без кода
💻 Как разработать таск-трекер на Bubble: формируем базу данных
Если вы не читали наши предыдущие посты про разработку таск-трекера на Bubble, то ищите его по хештегу #code_breakers_как_разработать_таск_трекер_на_Bubble. А мы переходим к следующему шагу.
Четвёртый этап. Страница с регистрацией юзера и созданием команды
Экран Sign Up. Здесь процесс регистрации выстроен из 3 шагов. Юзер создаёт свой аккаунт, потом создаёт и называет команду, затем присваивает свою аватарку (или оставляет изображение по умолчанию).
Все 3️⃣ шага располагаем на одной странице, но делаем три элемента. В темплейте они есть.
Через Custom State — состояние элементов — указываем состояние, при котором каждый элемент будет виден. Для первого шага — регистрация юзера — сделаем Custom State 0. Это состояние по умолчанию — форма регистрации при первом визите видна на странице. Второе состояние — 1, следующая форма для создания команды. Третье состояние — 2, появляется форма для добавления аватарки пользователя.
Через Start/Edit workflow назначаем события, привязанные к кнопкам Sign Up, Continue и Finish. При нажатии на каждую кнопку в базе данных создаётся новая строка в соответствующем месте: имя и фамилия юзера, его почта и пароль; название команды и её фотография пользователя. Это происходит через настройку Create a new thing с указанием источников данных: из каждой строки формы создаётся отдельная запись в базу данных.
Таким образом пользователь создаёт запись о себе и привязывает себя к конкретной команде, которая будет работать над проектами и выполнять задачи. И эти данные будут отображаться на следующем экране — в личном кабинете, или в дашборде.
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите научиться разрабатывать востребованные IT-продукты с помощь Bubble и зарабатывать на этом? Приходите на наш курс «Веб-разработчик без кода». Стартуем сразу после праздников, — 10 января!
💙 ХОЧУ ОСВОИТЬ BUBBLE: codebreakers.tech/bubble
Если вы не читали наши предыдущие посты про разработку таск-трекера на Bubble, то ищите его по хештегу #code_breakers_как_разработать_таск_трекер_на_Bubble. А мы переходим к следующему шагу.
Четвёртый этап. Страница с регистрацией юзера и созданием команды
Экран Sign Up. Здесь процесс регистрации выстроен из 3 шагов. Юзер создаёт свой аккаунт, потом создаёт и называет команду, затем присваивает свою аватарку (или оставляет изображение по умолчанию).
Все 3️⃣ шага располагаем на одной странице, но делаем три элемента. В темплейте они есть.
Через Custom State — состояние элементов — указываем состояние, при котором каждый элемент будет виден. Для первого шага — регистрация юзера — сделаем Custom State 0. Это состояние по умолчанию — форма регистрации при первом визите видна на странице. Второе состояние — 1, следующая форма для создания команды. Третье состояние — 2, появляется форма для добавления аватарки пользователя.
Через Start/Edit workflow назначаем события, привязанные к кнопкам Sign Up, Continue и Finish. При нажатии на каждую кнопку в базе данных создаётся новая строка в соответствующем месте: имя и фамилия юзера, его почта и пароль; название команды и её фотография пользователя. Это происходит через настройку Create a new thing с указанием источников данных: из каждой строки формы создаётся отдельная запись в базу данных.
Таким образом пользователь создаёт запись о себе и привязывает себя к конкретной команде, которая будет работать над проектами и выполнять задачи. И эти данные будут отображаться на следующем экране — в личном кабинете, или в дашборде.
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите научиться разрабатывать востребованные IT-продукты с помощь Bubble и зарабатывать на этом? Приходите на наш курс «Веб-разработчик без кода». Стартуем сразу после праздников, — 10 января!
💙 ХОЧУ ОСВОИТЬ BUBBLE: codebreakers.tech/bubble
codebreakers.tech
Создай IT продукт без кода на Bubble.io
Научитесь создавать веб-сайты без кода
🖥 Птичий язык разработки: сленг и непонятные слова [часть 5]
В четырёх предыдущих постах мы рассказывали о специфических терминах и непонятных словах из сферы No-code разработки. Если вы пропустили их, — ищите их по хештегу: #code_breakers_птичий_язык_разработки.
А сегодня будет завершающая рассылка из этой серии, в ней мы закончим рассказывать об основных терминах из области цифрового дизайна.
Дизайн и анимация
Референс (от англ. reference — справка, сноска) — пример цифрового проекта, который вам понравился и на который вы хотите ориентироваться при разработке. Например, референс лендинга — это значит, что вы нашли понравившееся вам решение в создании лендинга.
Дизайн-система — он же гайдлайн. Библиотека из цветов, гарнитур, сетки, компонентов, вроде кнопок, карточек, форм ввода и выбора, хедера и футера. Это правила, которые определяют, как выглядит цифровой продукт или для начала его макет. Он определяет базовые принципы того, как всё будет.
Ховер (от англ. hover — парить, зависать) — этот термин обозначает изменение элемента цифрового интерфейса при наведении на него курсора. Ховер-эффект — это изменение цвета кнопки при наведении, масштабирование элементов, всплывающие подсказки, движение элементов из стороны в сторону. Ховер важен для того, чтобы цифровой продукт был «живым» и откликался на действия пользователя.
Изинги (от англ. easing — смягчение, сглаживание) — сглаживание происходящей анимации, её замедление или ускорение. Это свойство помогает анимациям выглядеть естественно, как в природе, где перемещение объектов заметно и понятно. Например, внимание изингам уделяют при переходах с экрана на экран или при появлении элемента, — как всплывающий поп-ап или клавиатура.
Параллакс — тоже анимация, только ей придаётся вся страница. При параллаксе во время скролла элементы переднего плана двигаются в одном ключе, а задний план — в другом. Такой рассинхрон погружает пользователя, придаёт сайту эффект реальности и вообще очень стильный приём.
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите всегда понимать коллег, легко пройти онбординг и быстро влиться в сферу No-code разработки? Тогда ждём на нашем флагманском курсе «No-code разработчик». Начинаем учиться сразу после новогодних каникул, 11 января!
🎁 ХОЧУ НА КУРС В НОВОМ ГОДУ: codebreakers.tech/profession
В четырёх предыдущих постах мы рассказывали о специфических терминах и непонятных словах из сферы No-code разработки. Если вы пропустили их, — ищите их по хештегу: #code_breakers_птичий_язык_разработки.
А сегодня будет завершающая рассылка из этой серии, в ней мы закончим рассказывать об основных терминах из области цифрового дизайна.
Дизайн и анимация
Референс (от англ. reference — справка, сноска) — пример цифрового проекта, который вам понравился и на который вы хотите ориентироваться при разработке. Например, референс лендинга — это значит, что вы нашли понравившееся вам решение в создании лендинга.
Дизайн-система — он же гайдлайн. Библиотека из цветов, гарнитур, сетки, компонентов, вроде кнопок, карточек, форм ввода и выбора, хедера и футера. Это правила, которые определяют, как выглядит цифровой продукт или для начала его макет. Он определяет базовые принципы того, как всё будет.
Ховер (от англ. hover — парить, зависать) — этот термин обозначает изменение элемента цифрового интерфейса при наведении на него курсора. Ховер-эффект — это изменение цвета кнопки при наведении, масштабирование элементов, всплывающие подсказки, движение элементов из стороны в сторону. Ховер важен для того, чтобы цифровой продукт был «живым» и откликался на действия пользователя.
Изинги (от англ. easing — смягчение, сглаживание) — сглаживание происходящей анимации, её замедление или ускорение. Это свойство помогает анимациям выглядеть естественно, как в природе, где перемещение объектов заметно и понятно. Например, внимание изингам уделяют при переходах с экрана на экран или при появлении элемента, — как всплывающий поп-ап или клавиатура.
Параллакс — тоже анимация, только ей придаётся вся страница. При параллаксе во время скролла элементы переднего плана двигаются в одном ключе, а задний план — в другом. Такой рассинхрон погружает пользователя, придаёт сайту эффект реальности и вообще очень стильный приём.
➖➖➖➖➖➖➖➖➖➖➖➖
Хотите всегда понимать коллег, легко пройти онбординг и быстро влиться в сферу No-code разработки? Тогда ждём на нашем флагманском курсе «No-code разработчик». Начинаем учиться сразу после новогодних каникул, 11 января!
🎁 ХОЧУ НА КУРС В НОВОМ ГОДУ: codebreakers.tech/profession
codebreakers.tech
Курс No-code разработчик
Станьте универсальным ноукодером!