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

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

Архитектура приложения. Делаем макет-каркас приложения
Несём на место строительства будущего «дома» стройматериалы и делаем из них фундамент и каркасы стен, полов, крыши, этажей.

C нарисованным эскизом приложения отправляйтесь за компьютер. Пора перенести туда видение IT-продукта — нарисовать на компьютере макет мобильного приложения. На сленге разработки макет называется вайрфрейм.

Вайрфрейм помогает точно увидеть и объяснить, как будет выглядеть и работать мобильное приложение. Вы сразу поймёте, как придуманные роли взаимодействуют с приложением и как реализуются функции.

Для первого вайрфрейма хороша Figma — понятный, простой и бесплатный облачный сервис. Работает через браузер и с компьютера. В ней есть рабочая область (frame), размер которой соответствует мобильному экрану.

🟣 Переносите в программу один за другим нарисованные на листах экраны приложения. Также схематично виртуальными фигурами нарисуйте шапку-хэдер, меню, логотип, напишите название, кнопку регистрации/входа. Готов стартовый экран.
🟣 Затем переходите к созданию второстепенных экранов. Например, с главного экрана через кнопку «Войти» пользователь попадает на экран ввода данных аккаунта. Сделайте этот экран — ту же шапку-хедер и два поля ввода для адреса почты и пароля.
🟣 Соедините стрелкой кнопку «Войти», которую вы нарисовали на первом экране, и второстепенный экран с формой входа в аккаунт.
🟣 По такому же принципу изобразите все экраны, которые придумали для приложения.

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

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

На курсе разработки мобильных приложений мы учим глубоко понимать весь описанный процесс и помогаем стать мастерами в мобильной разработке без кода. Каждый шаг узнаём и прорабатываем досконально, учим делать вайрфреймы и прототипы, составлять сложные базы данных, работать в Adalo, Miro, Figma и не только.

📱ХОЧУ РАЗРАБОТАТЬ СВОЁ ПРИЛОЖЕНИЕ: сodebreakers.tech/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

👨‍💻 Разработать MVP сервиса/Фриланс биржа/Биржа микрозадач

📄 Описание: Краткая логика сервиса
Заказчик размещает свой товар или услугу (товар или услуга которую он продает на своем сайте) и указывает задание которое нужно выполнить и сумму вознаграждения за это
Исполнитель выбирает товар или услугу, выполняет задание, отдает на проверку заказчику, заказчик подтверждает выполнение, исполнитель получает вознаграждение на баланс в личном кабинете
Мы как сервис гарантируем что заказчик заплатит только за выполненное задание, а исполнитель 100% получит свои деньги
Система похожа на биржи микрозадач unu.im/
Нужны предложения и консультация от опытных специалистов о том как это можно сделать быстро. Возможно у вас уже есть готовые решения или наработки


🧮 Модель: маркетплейс
🛠 Стек: на усмотрение разработчика
🔗 Референс | Материалы: нет данных
💶 Желаемый бюджет: до 70'000 ₽ за проект

#проект #fl #web

🤚 Откликнуться на проект

👨‍💻 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

🤚 Откликнуться на проект

🖥 Птичий язык разработки: сленг и непонятные слова [часть 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

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

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

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

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

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

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

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

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

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

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

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

СОЗДАТЬ СВОЙ IT-ПРОДУКТ: codebreakers.tech/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

⚡️ 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

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

Если почему-то вы не читали наши предыдущие посты, где мы начали рассказывать, как поэтапно разработать своё мобильное приложение без программирования, — ищите их по хештегу #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

💻 Как разработать таск-трекер на 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

🖥 Птичий язык разработки: сленг и непонятные слова [часть 5]

В четырёх предыдущих постах мы рассказывали о специфических терминах и непонятных словах из сферы No-code разработки. Если вы пропустили их, — ищите их по хештегу: #code_breakers_птичий_язык_разработки.

А сегодня будет завершающая рассылка из этой серии, в ней мы закончим рассказывать об основных терминах из области цифрового дизайна.

Дизайн и анимация
Референс (от англ. reference — справка, сноска) — пример цифрового проекта, который вам понравился и на который вы хотите ориентироваться при разработке. Например, референс лендинга — это значит, что вы нашли понравившееся вам решение в создании лендинга.

Дизайн-система — он же гайдлайн. Библиотека из цветов, гарнитур, сетки, компонентов, вроде кнопок, карточек, форм ввода и выбора, хедера и футера. Это правила, которые определяют, как выглядит цифровой продукт или для начала его макет. Он определяет базовые принципы того, как всё будет.

Ховер (от англ. hover — парить, зависать) — этот термин обозначает изменение элемента цифрового интерфейса при наведении на него курсора. Ховер-эффект — это изменение цвета кнопки при наведении, масштабирование элементов, всплывающие подсказки, движение элементов из стороны в сторону. Ховер важен для того, чтобы цифровой продукт был «живым» и откликался на действия пользователя.

Изинги (от англ. easing — смягчение, сглаживание) — сглаживание происходящей анимации, её замедление или ускорение. Это свойство помогает анимациям выглядеть естественно, как в природе, где перемещение объектов заметно и понятно. Например, внимание изингам уделяют при переходах с экрана на экран или при появлении элемента, — как всплывающий поп-ап или клавиатура.

Параллакс — тоже анимация, только ей придаётся вся страница. При параллаксе во время скролла элементы переднего плана двигаются в одном ключе, а задний план — в другом. Такой рассинхрон погружает пользователя, придаёт сайту эффект реальности и вообще очень стильный приём.

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

Хотите всегда понимать коллег, легко пройти онбординг и быстро влиться в сферу No-code разработки? Тогда ждём на нашем флагманском курсе «No-code разработчик». Начинаем учиться сразу после новогодних каникул, 11 января!

🎁 ХОЧУ НА КУРС В НОВОМ ГОДУ: codebreakers.tech/profession