Попытка №1. Путь в лоб: Классы и интерфейсы

Самый очевидный способ - создать родительский класс с переменными, а языки сделать его наследниками. Но это просто… фиаско. Даже если не писать from/toJson, процесс выглядит так:

1. Объявил переменную в родителе.
2. Прописал её в конструкторе.
3. Повторил то же самое для всех дочерних классов (всех языков).

Если бы я работал на аутсорсе в Индии и мне платили за количество строк кода - это был бы идеальный вариант. Но я хотел, чтобы одной строки при объявлении было достаточно.

Попытка №2. Стандарт (ARB/JSON)

Я поплевался, но решил попробовать - «стандарт» всё-таки. Мало ли, может чего поменялось за годы. Вроде всё завелось, но сам процесс… это боль. Бегать по разным файлам, чтобы добавить одну строчку - так себе удовольствие.

Почему я от него окончательно отказался? Когда данных становится реально много (десятки языков, тысячи строк), ты попадаешь в ловушку: тебе нужно эту махину либо целиком держать в памяти, либо постоянно подгружать и парсить. Ради смены одного слова на кнопке заставлять девайс ворочать тяжелые JSON-ы в рантайме - так себе затея для производительности.

Попытка №3. Таблицы и костыли

Подумал: «Окей, почему бы не подтянуть старый добрый CSV или вообще закинуть всё в табличку?». И тут официальный пакет локализации сказал: «Извини, мужик, тут наши полномочия всё».

Ну, я тоже не пальцем деланный. Решил припахать нейросеть, чтобы она написала мне собственный генератор. Флоу получился такой:

1. Добавляю строку в таблицу.
2. Запускаю генератор.
3. Он лепит «родительский» файл.
4. После Freezed генерит toJson, fromJson…

Короче, весело не было. Мало того, я понимал: если языков станет много, мне придется добавлять их все разом и единовременно, иначе в рантайме всё начнет плеваться ошибками. Плюс та же проблема с памятью: таблица - это структура, которую надо парсить и хранить.

Красный флаг для программиста

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

Что происходит на практике? Когда ты пишешь код и тебе нужно добавить одну несчастную строку, тебе лень (читать: нехочется выходить из потока творения) запускать весь этот цикл с генерацией. Ты просто её хардкодишь в надежде «потом скопом всё добавлю одним махом». А «потом» наступает тогда, когда уже весь проект завален хардкодом, и вычищать его - то еще удовольствие. Даже нейросетки с такими запросами помогают не с первого раза, и с сомнительной эффективностью.

Нутром чуял - флоу неправильный. В итоге я пришел к тому, что называю идеальной локализацией.

Эволюция лени: почему Enum победил интерфейсы

Я начал мучить нейросеть разными вариантами реализации. Для меня в первую очередь был важен флоу работы: мне было тупо лень писать больше одной строки кода, чтобы добавить переменную.

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

Попытка №4. Рекорды (Records)

Присматривался к рекордам. С ними удобно: не нужно писать конструкторы. Но есть подвох: как только ты добавил переменную в один язык, компилятор тут же сходит с ума и требует добавить её во все остальные прямо сейчас. Никакой гибкости и возможности оставить «на потом».

Идеальный костыль: Enum

В итоге я пришел к самому, казалось бы, «неправильному» способу, который оказался идеальным. Enum. Само название намекает на перечисления и цифры, но оказалось, что хранить в нем буквы и целые фразы - это лучший путь для локализации.

Знаете, мне моё решение так понравилось, что я пошел к нейросетям и проверил его со всех сторон. Все модели остались в полном восторге. Под это дело я даже подготовил монументальную «нейро-статью» на полтора часа внимательного чтения, со всеми графиками, бенчмарками и анализом производительности.

Но потом я заглянул в правила Хабра, прислушался к голосу разума и понял: никто не хочет читать полтора часа сухой статистики. Лучше я просто расскажу вам свою историю «от первого лица», как я докатился до такой жизни. Ну, а если вы совсем уж фанаты цифр - просто скормите этот текст любой нейронке, она вам перескажет всё в лучших академических тонах с графиками на любой вкус.

А здесь мы будем говорить по делу.

Ниже я выкатываю сам код. Код тут не для зубрежки, а лишь чтобы указать направление / идею. Самая большая прелесть этой системы в том, что она оставляет гигантское пространство для любого типа реализации. Это архитектурный каркас, который чертовски сложно сломать. Главное — уловить принцип.

Реализация

Принцип разделения:

• enum Strings → типизированный контракт (что существует).
• translator → источник данных (откуда берётся текст).

Структура файлов - минимальная. Никаких внешних зависимостей:

Ядро - strings.dart

Весь контракт локализации в одном enum. Два режима - хардкод switch и серверный кеш - за одним и тем же

. Даже сообщения об ошибках локализации — сами локализованы:

Список языков - languages_enum.dart

Каждый язык - самодостаточная единица: знает свой код, название, направление текста и как себя загрузить:

Хотите грузить с сервера? Одна строка + loader. И

- тоже одна строка, потому что

уже является registry:

Переводчик - i18n/russian.dart

Как это выглядит в жизни (и почему я перестал хардкодить) Я намеренно не привожу здесь код оберток виджетов или конкретных стейт-менеджеров. Всё это - чистая «вкусовщина». Для работы системы нужен лишь элементарный вещатель событий (Notifier), повешенный на метод смены языка.

Но главное - это мой ежедневный флоу. Сейчас, чтобы добавить строку в UI, я просто вызываю нужный мне ключ: Strings.someKey(). Без контекста, везде.

А если ключа еще нет? Я тупо иду в Strings и добавляю одну строчку в Enum. Всё.

Благодаря дефолтному конструктору, приложению абсолютно плевать, что у меня там еще 100 языков не переведены. Оно компилируется и работает здесь и сейчас. А дальше в дело вступают гит-хуки: при комите нейросетка сама подхватывает изменения и заполняет недостающие поля в переводчиках.

Знаете, какое самое странное чувство? Мне сейчас реально проще и быстрее завести переменную в локализации, чем хардкодить строку в коде. Кажется, это и есть признак здоровой архитектуры - когда делать «правильно» становится физически удобнее, чем делать «быстро» и криво.

Собственно если в кратце это все о чем я хотел рассказать. Если тема зайдет или кто-то сам не сможет допереть, как прикрутить это к своей архитектуре - пишите в комментариях, разберемся.

Надеюсь, мой опыт сэкономит вам пару литров нервных клеток. Всех благ и чистого кода без «магических строк»!

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

Движок на Flutter, но с С++ под капотом

Ключевая идея Fluorite — «Dart-first» архитектура. Логика пишется на Dart и напрямую интегрируется с экосистемой Flutter: виджеты, Hot Reload, Widget Inspector и пакеты из pub.dev работают так же, как в обычных приложениях.

При этом производительность обеспечивается не Flutter-рендерингом. Вся тяжелая часть скрыта в высокоэффективном ECS-ядре на C++, которое отвечает за симуляцию, сцену и взаимодействие объектов.

Такой подход позволяет запускать проекты на мобильных устройствах, десктопе, embedded-платформах и даже консолях без переписывания движка под каждую цель.

Графика уровня AAA за счет Filament

Для рендеринга Fluorite использует Filament — 3D-движок Google с поддержкой физически корректного освещения (PBR). Это дает современное качество картинки без необходимости писать собственный рендерер или жертвовать производительностью ради кроссплатформенности.

По словам команды, связка Flutter + Filament позволяет разделить ответственность: UI и взаимодействие остаются на Flutter, а графика и сцена — на специализированном движке.

Чем Fluorite отличается от конкурентов

Главное отличие — ориентация на Flutter-разработчиков. Движок не требует изучать отдельный язык или редактор: сцены, логика и интерфейс живут в привычном стеке.

За счет этого итерации быстрее, а входной порог ниже, чем у традиционных игровых движков.

Toyota подчеркивает, что Fluorite — open-source проект и его дальнейшее развитие во многом зависит от сообщества. Судя по архитектуре, компания делает ставку на то, что интерактивные 3D-приложения станут таким же обычным сценарием для Flutter, как мобильные и веб-интерфейсы.

Компания представила официальный Swift SDK для Android, позволяющий писать нативные Android-приложения на фирменном языке, изначально созданном для iOS и macOS.

От iPhone до Android

Swift появился в 2014 году как альтернатива Objective-C — более безопасный, современный и лаконичный язык для экосистемы Apple.

За 11 лет он вырос из «внутреннего» инструмента в многофункциональную платформу, на которой создают облачные сервисы, десктопные приложения для Windows и даже прошивки для микроконтроллеров.

Теперь Swift впервые официально выходит за пределы «яблочной экосистемы. Превью-версия SDK для Android доступна уже сегодня — в составе Swift-инсталлятора для Windows или отдельно для macOS и Linux.

Как это работает

Новый SDK — результат многомесячной работы Swift Android Workgroup, открытого сообщества, куда может присоединиться любой разработчик. С его помощью можно:

• собирать нативные Android-приложения на Swift;
• переносить существующие Swift-пакеты — более 25% уже совместимы с Android;
• интегрировать Swift-код с Java через проект swift-java, автоматически генерирующий безопасные биндинги между языками.

Apple опубликовала подробное руководство «Getting Started» и примеры кода, демонстрирующие полный цикл разработки Android-приложений на Swift.

Что это значит для экосистемы

Релиз открывает дорогу к кроссплатформенным приложениям без использования Flutter, Kotlin Multiplatform или React Native.

Теперь компании смогут писать бизнес-логику один раз на Swift и использовать ее и в iOS-, и в Android-версиях.

Эксперты отмечают, что шаг Apple может снизить барьеры между мобильными экосистемами и ускорить развитие open-source сообщества Swift.

Что дальше

По словам участников проекта, впереди — создание полноценного Android-Toolchain, улучшение совместимости со средами разработки и официальное внедрение CI-сборок.

Разработчики уже готовят документ с видением будущего Swift на Android, который определит приоритеты и стратегию развития.

«Swift вырос из языка для iOS в универсальный инструмент для всего программного мира. Теперь он будет жить и в Android-экосистеме», — говорится в сообщении разработчиков.

Но существуeт более простой и понятный способ выражения многосторонней условной логики непосредственно в ваших виджетах. Это condition_builder, небольшая утилита для написания условных выражений в коде.

Проблемы с вложенными условиями

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

Это хорошо работает с двумя-тремя условиями, но по мере усложнения логики пользовательского интерфейса тернарные цепочки становится трудно читать, сложнее отлаживать и легче ломать.

Более того, по мере масштабирования вашего приложения условия могут начать появляться в разных местах, что затрудняет поддержание единообразия.

Решение с использованием condition_builder

condition_builder позволяет декларативно описывать условную логику и объединять несколько условий в цепочки в понятном и читаемом стиле:

Разбираем :

1. вызовы .on(condition, value) вызывает каждый .on() и добавляет условие и соответствующее ему значение.
2. Вызов .build() оценивает условия по порядку и возвращает значение для первого истинного условия.
   
3. Дополнительное условие: укажите значение по умолчанию с помощью build(orElse: () => defaultValue), если ни одно из условий не соответствует действительности.
   
4. Защита от ошибок: если вы не предусмотрели запасной вариант, ни одно из условий не выполняется, возникает ошибка — никаких скрытых ошибок!
   

Почему важен порядок

Порядок, в котором вы добавляете условия, имеет решающее значение: побеждает первое подходящее условие. Это дает вам четкий контроль и гарантирует предсказуемость и ясность вашей логики.

Преимущества с первого взгляда

• Более чистый код: больше никаких вложенных тернарных операторов.

• Улучшенная читаемость: ваши условия хорошо видны.

• Упрощенное обслуживание: легко изменять условия, не разбираясь в сложных выражениях.

• Декларативный стиль: ваш код пользовательского интерфейса читается как логичный поток.

• Безопасные значения по умолчанию: предотвращают бессимптомные сбои, выявляя пропущенные резервные варианты.

Заключение

condition_builder — это простой, но мощный инструмент, который воплощает в себе дух декларативного UI-кодирования. Он избавляет вас от путаницы вложенных условных операторов и позволяет сосредоточиться на создании элегантных, удобных в обслуживании виджетов Flutter. При использовании его ваш код интерфейса станет чище, понятнее и проще для восприятия.

Рассмотрим, в чем особенность пушей и почему командам стоит к ним присмотреться.

Почему сначала пуши, а потом СМСки

Казалось бы, мы уже настолько привыкли к пушам из приложений, что СМСки кажутся прошлым веком. Однако многие компании продолжают ими пользоваться — это в какой-то степени логично, поскольку не все устанавливают приложения. Но часто бывает и такое, что бизнес в принципе не стал внедрять подобную функцию.

А зря: во-первых, СМС — всегда сильная зависимость от оператора связи. Пуши же — более гибкая опция, поскольку при их отправке используются ваши собственные каналы связи. Плюс стоимость отправки push-уведомлений значительно ниже, чем у СМС, при этом данные шифруются, а значит, злоумышленники не смогут украсть важные коды.

После 2022 года выбор сервисов для push-уведомлений стал сложнее из-за санкций. Долгое время компании пользовались и по инерции продолжают пользоваться сервисом Firebase Cloud Messaging от Google, но сейчас этот канал не может быть единственным для отправки push, так как могут возникнуть определенные санкционные риски и для бизнеса, а также другие проблемы:

• Одноразовые коды и другие уведомления — чувствительная информация. Зарубежные сервисы передают данные за пределы России, что может быть рискованно.
• Условно-бесплатные аналоги, такие как FCM, не гарантируют доставку и не предоставляют аналитику.
• Некоторые сервисы вовсе заблокированы в России, а другие не работают в Китае, где многие сейчас ведут бизнес.

Как работают push-уведомления: техническая основа

Push-уведомления основаны на клиент-серверной архитектуре, где сервер отправляет данные на устройство через специализированные сервисы. Процесс начинается с регистрации: при запуске приложения устройство генерирует токен (device token) и отправляет его на сервер разработчика. Этот токен используется для маршрутизации сообщений.

Доставка происходит через платформо-зависимые сервисы:

• APNs (Apple Push Notification service): Для iOS и macOS, требует сертификата от Apple и поддерживает богатые уведомления с изображениями и действиями.
• FCM (Firebase Cloud Messaging): Для Android, кросс-платформенный сервис от Google, интегрируется с другими каналами.
• HPK (Huawei Push Kit): Альтернатива для устройств Huawei, особенно актуальна в регионах без Google Services.
• RuStore и Aurora: Российские аналоги для Android, ориентированные на локальный рынок и совместимые с санкционными ограничениями.

Для веб-приложений используются Web Push Notifications на базе Service Workers и протокола Push API, совместимого с браузерами Chrome, Firefox и Edge. Сообщения шифруются с помощью VAPID (Voluntary Application Server Identification) для аутентификации отправителя.

Модель Pub/Sub (Publish/Subscribe) лежит в основе масштабируемых систем: издатели публикуют сообщения в топики, а подписчики (устройства) получают их асинхронно. Это позволяет обрабатывать миллионы подключений без перегрузок. WebSocket или long-polling обеспечивают постоянное соединение для минимальной задержки – часто менее 0,1 секунды.

Вызовы включают:

• Оффлайн-доставку: Если устройство выключено или без интернета, сообщение может потеряться; ретраи (повторные попытки) и каскадирование (переключение на альтернативные каналы) решают эту проблему.
• Географические ограничения: Сервисы вроде FCM могут блокироваться в некоторых странах, требуя омниканальных подходов.
• Безопасность: Уведомления с чувствительными данными (коды аутентификации) нуждаются в end-to-end шифровании, чтобы предотвратить перехват.
• Пользовательский контроль: Пользователи могут отключать пуши, поэтому важно соблюдать регуляции вроде GDPR или 152-ФЗ, избегая спама.

Преимущества пушей над SMS: низкая стоимость (почти нулевая для больших объемов), мгновенная доставка, поддержка мультимедиа (изображения, кнопки действий) и аналитика (открытия, клики).

Омниканальность и лучшие практики внедрения

Омниканальные системы объединяют несколько каналов в единую платформу, обеспечивая доставку независимо от устройства или региона. Это включает каскад: если основной канал (например, собственный WebSocket) недоступен, система переключается на FCM или APNs. Такие подходы достигают 99,9% доставки, с ретраями и мониторингом.

При выборе системы учитывайте:

• Масштабируемость: Поддержка высоких нагрузок, как во время пиковых событий (распродажи, новости).
• Аналитика: Реал-тайм отчеты о доставке, конверсии и отказах для оптимизации кампаний.
• Кастомизация: Deeplink для перехода в конкретный раздел приложения, добавление изображений, ссылок или персонализированного контента.
• Интеграция: REST API и SDK для популярных фреймворков (React Native, Flutter), чтобы внедрение заняло минимум времени.
• Соответствие регуляциям: Локализация данных, сертификаты безопасности (PCI DSS, ФСТЭК) для работы с финансовыми или государственными данными.

Лучшие практики: сегментируйте аудиторию по поведению, тестируйте A/B-варианты сообщений, интегрируйте с CRM для персонализации. Для бизнеса в e-commerce пуши идеальны для напоминаний о корзине, в банках – для транзакций, в медиа – для новостей.

MULTIPUSHED как пример омниканальной платформы

В качестве примера рассмотрим российскую систему MULTIPUSHED от МУЛЬТИФАКТОР, ориентированную на доставку уведомлений в условиях санкций и локальных требований. Она использует SaaS-модель с инфраструктурой в дата-центрах Tier3 (DataLine, Selectel, LinxCloud), защищенной от DDoS через NGENIX.

Архитектура включает Pub для приема сообщений по HTTPS API, Broker для распределения и Router для маршрутизации по каналам: собственный PUSHED, APNs, FCM, HPK, RuStore, Aurora. Sub-серверы поддерживают WebSocket Secure для онлайн-доставки, с каскадированием для оффлайн-случаев.

Процесс: устройство регистрируется, получает токен; отправитель передает сообщение Pub; система маршрутизирует и подтверждает доставку. Совместима с iOS, Android, Aurora, РОСА МОБАЙЛ, KasperskyOS и веб. SDK для Android, iOS, React Native, Flutter, Aurora и Web упрощают интеграцию.

Функции: аналитика в реальном времени, кастомизация (deeplink, изображения), глобальная доставка (включая Китай и регионы РФ). Сообщения шифруются, соответствует 152-ФЗ и PCI DSS, внесена в реестр российского ПО.

Итоговые рекомендации

Push-уведомления эволюционируют в сторону омниканальности, чтобы преодолевать платформенные барьеры и обеспечивать надежность. Для бизнеса это инструмент роста вовлеченности, но успех зависит от баланса между частотой и релевантностью.

При внедрении тестируйте на реальных сценариях, мониторьте метрики и адаптируйте под регуляции – это минимизирует риски и максимизирует отдачу.

В нашей статье разберем, чем система реально хороша, где еще сырая — и сможет ли она стать полноценной заменой Android в российских реалиях.

Что за ОС Аврора — главное

Когда по причине санкций возникла опасность, что смартфоны российских граждан в один прекрасный момент могут превратиться в кирпичи, работа над отечественным аналогом ОС, которая неторопливо велась с 2016 года, существенно ускорилась. К 2023 году продукты с ОС Аврора поступили в розничную продажу. Это были мобильные устройства под брендом Fplus — смартфоны, планшеты и карманные компьютеры. Приобрести их мог любой желающий, но в первую очередь устройства были рассчитаны на государственный сектор и корпоративное применение.

Аврора разработана на базе Sailfish OS, финской операционки от компании Jolla (наследницы Nokia), и изначально заточена под нужды корпораций, которым важна безопасность и независимость.

Создатели Авроры не стали изобретать велосипед, но сместили акценты. Если оригинальная система позиционировалась как альтернатива Android для всех желающих, то российская версия сразу была жестко ориентирована на безопасность и управляемость.

Федеральная служба по техническому надзору (ФСТЭК) выдала сертификат соответствия, что автоматически открыло двери в госзакупки. Но путь от нишевой разработки до полноценной экосистемы оказался сложнее, чем ожидалось.

В отличие от iOS и Android, ориентированных на массовый потребительский рынок, Aurora создана с другими целями. Ее принципиальные отличия от указанных платформ заключаются в следующем:

• Это закрытая система. Исходный код недоступен для свободного изучения — в отличие от того же AOSP (открытой базы Android). Это одновременно и плюс, поскольку сложнее найти уязвимости, и минус, так как сообщество не может просто взять и доработать систему. Такой подход резко контрастирует с философией открытости, которую пропагандируют Google и другие ИТ-корпорации. Однако для госструктур, где каждый лишний наблюдатель — потенциальная угроза, подобная изоляция выглядит логичной.
• Архитектура. Аврора построена на принципах модульности: компоненты можно обновлять или заменять по отдельности, не меняя всю систему. Это удобно для корпоративных сценариев, где важно кастомизировать ОС под конкретные задачи — например, отключить камеру у сотрудников, работающих с секретными документами, или жестко привязать устройство к корпоративному VPN. В Android подобные настройки требуют либо глубокой модификации системы, либо использования специализированных решений для повышения безопасности вроде Samsung Knox.
• Экосистема. В Aurora все приложения пишутся строго на QML (для интерфейсов) и C++/JavaScript (для логики), а с недавних пор добавилась поддержка Flutter. Google Play тут нет, но есть RuStore, а также предустановленные сервисы вроде Р7-Офис и VK Мессенджера + корпоративные решения для РЖД или «Аэрофлота». При этом разработчики активно работают над совместимостью с Android-приложениями через контейнерные технологии, пока что с переменным успехом.

Аврора разрабатывалась с расчетом на разнородные аппаратные платформы, включая российские процессоры Эльбрус и Байкал. Это еще одно отличие от конкурентов, в частности, от iOS, которая работает только с железом Apple.

Для кого это сделано

Пока основными пользователями Авроры остаются госучреждения и крупный бизнес. Например, Росстат закупил 19 тысяч планшетов на этой ОС для переписи населения, а позже эти устройства разошлись по разным министерствам. В 2023 году в розницу вышли смартфоны Fplus — аппараты с ценником в диапазоне от 24 до 43 тыс. руб. Продажи можно назвать скромными, но цель тут не конкуренция с Xiaomi, а отработка технологий в «боевых» условиях.

В 2024 году большая часть государственных структур перешла на устройства с Aurora OS для работы с ГИС (государственными информационными системами). РЖД обязала сотрудников использовать устройства с отечественным ПО — для этого даже закупили партии гаджетов. На ОС Аврора работают терминалы МВД и пилотное оборудование для медицинских нужд.

Сейчас Аврора уже выходит за рамки смартфонов и КПК: тестируются версии для ТВ, роутеров и даже автомобилей. В 2025 году показали новый прототип для ноутбуков — видимо, чтобы чиновники могли печатать на клавиатуре без риска утечки данных в облачные платформы. Особый интерес представляет программа Аврора+ — разработчики обещают, что это будет унифицированная среда для самых разных устройств: от медицинского оборудования до умных светофоров.

Производители выпускают несколько типов гаджетов с предустановленной Aurora OS. Среди них можно выделить защищенные смартфоны Aquarius, которые поставляются в государственные учреждения, и промышленные планшеты Fplus T800, применяемые в корпоративном секторе. Также доступны специализированные решения, например, платежные терминалы, проходящие пилотные испытания в банковской сфере.

Совместимость с Android-приложениями возможна из-за технологии Avroid — собственной разработки Aurora. Ее особенность — использование контейнеризации вместо полной эмуляции, что позволяет запускать приложения в изолированной среде, сохраняя приемлемый уровень производительности и контроль безопасности.

Однако, как отмечается в технической документации, технология имеет определенные ограничения. Например, не поддерживаются приложения, требующие глубокой интеграции с системой. В 2024 году через Avroid было доступно около 1 500 проверенных Android-приложений, наиболее востребованных в корпоративной среде.

В каких местах Aurora конкурирует на равных или опережает Android

Никто не станет спорить с тем, что в массовом потребительском сегменте Аврора пока остается нишевым продуктом. В плане популярности и востребованности соревноваться с Android отечественное решение просто не в состоянии. Однако в некоторых направлениях Aurora OS предлагает уникальные решения. Причем преимущества российской ОС проявляются не только в традиционно сильных для нее сферах безопасности, но и в довольно неожиданных аспектах.

Мы рассмотрим каждый пункт в подробностях и приведем примеры реального превосходства отечественного продукта.

Безопасность как концепт

Даже на официальном сайте Аврора представлена как защищенная ОС с мобильной инфраструктурой, устойчивой к санкционным рискам. И это чистая правда. В отличие от Android, где безопасность — это по сути набор заплаток на уязвимом ядре, здесь защита встроена в архитектуру.

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

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

Оптимизированная архитектура без балласта

Отсутствие необходимости поддерживать миллионы устройств и тонны legacy-кода позволило создать более стройную архитектуру. На практике это означает, что Aurora потребляет на 30-40% меньше оперативной памяти на аналогичном железе.

Особенно заметна разница на устройствах с отечественными процессорами. В тестах планшетов на процессорах Эльбрус Aurora демонстрирует плавность интерфейса, которой сложно добиться на Android даже с более мощными мобильными системами Snapdragon на кристалле Qualcomm.

Энергоэффективность как приоритет

В отличие от Android, где фоновые сервисы Google и производителей съедают заряд батареи, Aurora реализует агрессивную оптимизацию энергопотребления. В полевых испытаниях устройства работали на 20-25% дольше в аналогичных условиях использования.

Особенно ценна эта особенность для промышленного применения — например, в устройствах мониторинга, которые должны работать неделями без подзарядки. При этом система сохраняет работоспособность при экстремальных температурах от -40°C до +60°C благодаря тому, что устройства изначально создавались с учетом суровых климатических условий использования.

Глубокая интеграция с госсистемами

Aurora — это единственная мобильная ОС, где Госуслуги, СБИС и другие государственные сервисы работают не как сторонние приложения, а как полноценная часть системы. Например, электронная подпись документов реализована на уровне ОС, а не через отдельное приложение.

В одном из региональных МФЦ (Нижегородская область) после перехода на Aurora скорость обработки документов увеличилась на 15% просто потому, что система понимает российские форматы дат, номеров и других данных непосредственно из коробки.

Предсказуемая система обновлений

В Android мир обновлений — это лотерея, где сроки и доступность апдейтов зависят от производителя устройства. Aurora предлагает централизованную систему с гарантированной поддержкой каждого гаджета в течение 5 лет.

Для корпоративных клиентов это означает возможность планировать жизненный цикл устройств на годы вперед. В РЖД, где развернуто несколько тысяч устройств с Aurora, ИТ-отдел сократил расходы на обновление парка на 40% благодаря этой предсказуемости.

Встроенные корпоративные инструменты

То, что в Android требует покупки дополнительных MDM-решений (специальных программ для управления корпоративными устройствами), в Aurora доступно в заводской сборке.

Что может администратор:

• создавать изолированные профили для разных задач;
• управлять правами доступа к функциям устройства;
• дистанционно развертывать политики безопасности;
• контролировать целостность системы на всех устройствах.

В банках внедрение Aurora позволит сократить расходы на мобильных администраторов — многие функции управления станут доступны без дополнительного ПО.

Гибкость для специализированных решений

Aurora легко адаптируется под узкоспециализированные задачи.

Несколько примеров:

• терминалы для нефтяников с ударопрочным корпусом и возможностью работы в перчатках;
• медицинские устройства с поддержкой специализированных датчиков;
• промышленные планшеты с интерфейсами для устаревшего оборудования.

На кастомизацию под такие задачи обычно требуется в 2-3 раза меньше времени, чем при работе с Android. При этом нет необходимости модифицировать ядро системы — все делается через стандартные инструменты разработки.

Локализация, которая учитывает реалии

В Aurora русский язык — не просто перевод интерфейса, а полноценная основа системы.

Это проявляется в поддержке всех особенностей русского языка, интеграции с национальными стандартами, учете российских норм документооборота и адаптации под местные бизнес-процессы.

Например, система корректно обрабатывает склонение ФИО во всех падежах — проблема, с которой до сих пор сталкиваются многие Android-приложения.

Независимость от внешних факторов

Архитектура Aurora изначально проектировалась с учетом возможных ограничений:

• все критически важные сервисы имеют отечественные аналоги;
• система может работать в полностью изолированных сетях;
• обновления распространяются через российскую инфраструктуру;
• нет зависимостей от зарубежных сервисов.

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

Производительность в специализированных сценариях

При выполнении задач, важных для корпоративного сектора, Aurora регулярно обходит Android в тестах:

• обработка больших массивов данных — на 15-20% быстрее;
• криптографические операции — в 2-3 раза эффективнее;
• параллельная работа с документами — меньше задержек;
• длительные сессии работы — стабильнее производительность.

Особенно заметна разница на устройствах с российскими процессорами, где оптимизация Aurora проявляется наиболее ярко. Справедливости ради отметим, что в потребительских задачах (игры, видео) Android быстрее на 20-25%.

Экосистема для профессиональных разработчиков

Хотя магазин приложений Aurora пока не может соперничать с Google Play по количеству программ, для корпоративных нужд предлагаются:

• современные инструменты разработки (Flutter, Qt);
• простые механизмы портирования Android-приложений;
• система сертификации для защищенных решений;
• поддержка российских криптоалгоритмов на уровне API.

Например, разработка корпоративного мессенджера с шифрованием занимает вдвое меньше времени, чем для Android.

Поддержка отечественного железа

Aurora демонстрирует лучшую оптимизацию для российских процессоров по сравнению с Android. В тестах на Эльбрусах и Байкалах разница в производительности достигает 30-40% в пользу отечественной ОС.

Система также поддерживает промышленные компьютеры и контроллеры, устаревшее оборудование, специализированные аппаратные модули и устройства с повышенными требованиями к безопасности. Это делает Aurora предпочтительным выбором для проектов импортозамещения в госсекторе и промышленности.

Но главное преимущество Aurora — это не отдельные функции, а целостная концепция. Система создавалась не затем, чтобы угнаться за Android, а чтобы решать конкретные задачи российских пользователей и предприятий. И судя по темпам развития, у нее есть все шансы не просто догнать, но и перегнать зарубежные аналоги в ключевых для нашей страны сферах.

Проблемы и перспективы ОС Aurora

Основное препятствие для массового внедрения Aurora — ограниченность программной экосистемы. Несмотря на наличие RuStore, количество качественных приложений остается критически малым. В середине 2024 года на официальном сайте было представлено несколько сотен нативных приложений, при этом многие из них — узкоспециализированные решения для госсектора.

Механизм совместимости с Android-приложениями через Авроид Платформу демонстрирует существенные ограничения в производительности. Тесты показывают падение скорости выполнения операций на 40-60% по сравнению с нативными Android-устройствами аналогичной конфигурации. Особенно заметны проблемы при работе с графически насыщенными приложениями.

Аппаратная платформа также вызывает вопросы. Большинство доступных устройств используют устаревшие процессорные решения, что ограничивает пользовательский опыт. Например, флагманский смартфон Aquarius AQ27 на базе Aurora оснащен процессором, эквивалентным по мощности Snapdragon 730G, который появился на рынке еще в 2019 году.

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

Согласно дорожной карте разработчиков, ключевые этапы развития платформы запланированы до 2027 года. В официальных материалах ОМП указано, что полноценная поддержка Android-приложений (без потери производительности) ожидается не ранее 2026 года, а расширение экосистемы до 3000+ нативных приложений должно быть достигнуто к концу того же года. Для массовой адаптации потребуется дополнительное время: по оценкам специалистов — это еще от 2 до 3 лет.

Желаем Авроре удачи, а читаем про мобильную разработку здесь.

Сначала — немного базы: теории, языков, платформ. Потом — инструменты, практические гайды и даже ошибки, которых стоит избегать. Сохраняйте, чтобы не потерять!

Немного базы

Статьи, которые помогут разобраться, с чего начать и куда двигаться:

Первые шаги в мобильной разработке с Flutter — Здесь обзор фреймворка Flutter: настройка окружения, создание первого приложения и особенности виджетов.

Создаём мобильное приложение с нуля: от идеи до публикации в App Store и Google Play — Делимся полным циклом создания: дизайн, разработка, тестирование, релиз.

Введение в мобильную разработку для Android: с каких языков начать изучение? — Рассматриваем, с каких языков программирования начать путь в Android-разработке и почему.

8 языков программирования для Android-разработчика — Перечисляем восемь языков программирования, которые стоит рассмотреть Android-разработчику. Изучаем плюсы, минусы, области применения, особенности.

Дорожная карта по Android-разработке с нуля — Пошаговое руководство для тех, кто хочет освоить Android-разработку с нуля: от установки среды до публикации.

Основы SwiftUI для iOS-разработчиков — Изучаем базовые возможности SwiftUI: декларативная верстка интерфейсов, примеры кода и сокращение сроков разработки.

Начало работы в Android Studio и первый простой проект — Пошаговое руководство по началу работы в Android Studio и созданию первого простого проекта. Учимся пользоваться инструментом с нуля.

Практика, инструменты и тонкости

Когда разобрались с базой — идём дальше и погружаемся в инструменты и реальные задачи:

Работа с анимацией в Android: разбираем MotionLayout — Рассказываем, как использовать MotionLayout для создания сложных анимаций в Android-приложениях. С примерами!

Jetpack Compose и Kotlin: как разрабатывать современные UI — Показываем, как разрабатывать современные пользовательские интерфейсы с помощью Jetpack Compose и языка Kotlin. Делимся, как использовать в проектах.

Java vs Kotlin для Android-разработки: ответы «за» и «против» — Сравниваем Java и Kotlin для Android-разработки: плюсы, минусы и рекомендации по выбору.

Бойлерплейт Fastlane для быстрого обновления Android-приложений — Показываем, как использовать Fastlane для автоматизации обновлений Android-приложений, даем рекомендации по применению.

Accessibility для всех: как удержать пользователя в приложении с помощью доступности — Объясняем, как внедрение accessibility улучшает пользовательский опыт и помогает удержать аудиторию.

Про рост, релиз и продвижение

Когда всё работает — пора думать про рост, релиз и продвижение:

Как добавить приложение в Google Play — Объясняем, как подготовить и опубликовать приложение в Google Play: от регистрации до релиза.

5 главных ошибок в ASO — App Store Optimization — Разбираем пять распространенных ошибок в App Store Optimization и как их избежать. Что нужно делать, чтобы не слить продвижение.

От идеи к успеху: как создать популярное мобильное приложение — Рассказываем, как пройти путь от идеи до успешного мобильного приложения: планирование, разработка, тестирование и продвижение.

Не забудьте сохранить, чтобы не искать потом по всему интернету!

Большая подборка по React — уже на сайте.

Кстати! Забрать все самые топовые нейронки для айтишников можно в нашем большом гайде с 70+ ИИ-инструментами

Немного базы

В этих статьях рассказываем о том, что нужно знать новичкам и не только.

• ReactJS на изи: что реально нужно знать фронтенд-разработчику в 2025 году — помогаем новичкам войти войти и показываем опытным разработчикам, что они могли упустить.
• Какие есть паттерны в React и для чего они нужны: часть 1 и Какие есть паттерны в React и для чего они нужны: часть 2 — здесь объясняем популярные архитектурные паттерны в React, когда и зачем их применять.
• 7 библиотек для анимаций на React / Tproger — собрали актуальные библиотеки для анимации в React; сравнение, демо и рекомендации.
• Типичные ошибки джунов, использующих React — показываем типичные ошибки junior-разработчиков в React, рассказываем, как писать чище и стабильнее.
• Подготовка окружения React-приложения: VSCode, Prettier, ESLint, Stylelint, Husky — рассказываем, как начать работу с приложениями на Реакте и что должно быть на рабочем столе.
• React Native против Flutter: что лучше (для общего развития) — сравниваем популярные фреймворки для кроссплатформенной разработки; плюсы, минусы и рекомендации.
• Deeplink в React Native: Полное руководств для новичков — рассказываем, что такое deeplink и как их писать на Реакте.

Практикуемся

• Современный Drag and Drop в React с помощью dndkit: создаем перетаскиваемое меню — здесь о том, как сделать меню, кнопки и все с помощью dndkit.
• Пишем приложение с бэкендом на Django и фронтендом на React — рассказываем, как создать REST API на Джанго, добавить React и объединить это в один проект.
• Создание ToDo-листа бесконечной вложенности на React, TypeScript и MobX — пошагово создаем вложенные задачи в ToDo-приложении, используем MobX, React и TypeScript.
• Создание Typing Test приложения на React + TypeScript + Redux Toolkit — учимся создавать приложение для проверки скорости набора текста, используем Redux Toolkit.
• Найди ошибку в React-компоненте: Функциональное Карри — практический кейс: ищем ошибку в React и заодно изучаем каррирование функций.
• Создание приложений для Windows на React Native — разбираем, как запускать и разрабатывать React Native-приложения под Windows, примеры и инструменты.
• Оптимизация графиков Recharts — ускоряем отрисовку графиков на React с помощью Recharts, практика, кейсы и улучшения.
• Как разработать своё первое приложение на React Native — инструкция по созданию первого мобильного приложения на React Native, от идеи до запуска.
• Пет-проект на React. Как мы «озвучивали» интернет — история реализации проекта с Web Speech API и React. Учим браузер говорить.

Кстати, похожий гайд мы уже делали — про Python. Можно заценить здесь.

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

В этой статье мы разберём 10 реальных задач, которые вполне может (и должен) решить программист, используя low-code и no-code. Без лишнего героизма, но с пониманием того, что ручной подход всё ещё важнее конструктора.

Автоматизация рутинных задач

Каждый разработчик хотя бы раз в жизни писал скрипт для автоматической отправки отчёта или обновления Google-таблицы. А потом поддерживал его, когда «что-то пошло не так». Low-code и no-code инструменты позволяют избавиться от этого класса задач почти полностью.

Сценарии могут быть самыми разными: от автоматического создания задач в нужной системе управления проектами при получении заявки с сайта до копирования данных между таблицами или CRM.

Для этого есть целая экосистема решений:

• Zapier (больше недоступен в РФ), Pyrus — простейшие визуальные сценарии из «если → то».
• n8n — low-code альтернатива Zapier с гибкой логикой и возможностью писать код внутри узлов.
• Bardeen (недоступен в РФ), Automate.io (принадлежит Notion), Pipedream и другие — в зависимости от задач и бюджета.

Почему это стоит использовать даже разработчику?

• Это быстро. На то, что раньше требовало 2-3 часа кода, теперь уходит 10 минут.
• Сценарий виден на визуальной схеме, не надо вспоминать, где лежит скрипт.
• Почти все популярные сервисы уже имеют готовые интеграции.

Когда не стоит: Если нужна высокая надёжность, работа с внутренними API без внешнего доступа или продвинутая логика — лучше писать код. Но в 80% бытовых задач проще и быстрее собрать автоматизацию в визуальном редакторе.

Создание MVP без кода

Идея горит, ресурсы ограничены, время поджимает — знакомо? В таких условиях no-code и low-code инструменты позволяют запустить рабочий прототип продукта за считаные дни, а иногда и часы.

Представим, что вы хотите проверить гипотезу подписки на свой образовательный контент (кстати, вот школа IT-авторов) или сделать внутренний инструмент для команды. Все эти задачи можно решить без строки кода с помощью платформ вроде:

• Tilda, Webflow — сайты и лендинги с адаптивной версткой.
• Glide, Adalo (недоступен в РФ), Thunkable — мобильные приложения на базе таблиц и визуальных блоков.
• Bubble (недоступен в РФ), Appgyver, FlutterFlow — более сложные web-приложения с логикой, авторизацией и базой данных.
• Airtable (недоступен в РФ), Notion (недоступен в РФ), Coda (недоступен в РФ) — базы данных и CRM, которые легко превращаются в интерфейсы.

Почему это работает?

• Вы быстрее доходите до обратной связи. MVP можно показать потенциальным пользователям уже через 2 дня.
• Не нужно нанимать команду на старте.
• Увидели, что гипотеза не работает — перетащили блоки, переписали логику, и уже новая версия готова.

Когда не стоит использовать: если вы сразу делаете high-load систему с кастомной логикой и интеграциями, или рассчитываете масштабироваться в продакшен без переписывания — no-code не спасёт. Но для быстрого запуска и проверки гипотез — идеальный инструмент.

Построение внутренних инструментов для команды

Отдел продаж просит CRM, поддержка — панель модерации, а HR — форму заявок с автоматической сортировкой? Такие задачи возникают в любой команде, и решать их силами разработчиков — дорого и долго. Зато на помощь приходит no-code и low-code.

Все эти задачи легко реализуются на платформах вроде:

• Retool, Glide — визуальные панели с логикой и авторизацией.
• Tally, Typeform (недоступен в РФ), Jotform — сбор данных с автоматизацией.
• Nocodb, Softr — веб-приложения поверх таблиц и SQL.

Почему это работает?

• Отдел маркетинга или HR могут собрать нужный инструмент сами, не дожидаясь релиза от IT.
• Если изменились бизнес-процессы — поменяли поля, условия, логику, и всё работает по-новому.
• Большую часть задач решает один человек за день-два, без бюджета на разработку.

Когда не стоит использовать: если нужен сложный доступ по ролям, кастомные права, специфичная логика или глубинная интеграция с внутренними API — лучше делать через разработчиков. Но как первый шаг или временное решение — это отличный путь к рабочему результату.

Интеграции между сервисами

Формы в Google, письма в Gmail, таблицы в Excel — современный бизнес живёт в десятках инструментов. И одна из самых частых задач — «сделай так, чтобы всё это говорило друг с другом». Раньше требовался разработчик с опытом API, теперь достаточно конструктора автоматизаций.

Все это можно настроить без строчки кода с помощью инструментов вроде:

• n8n, Pipedream — low-code-платформы для более гибкой логики и работы с API.
• Parabola, Bardeen (недоступен в РФ) — автоматизация и обработка данных в интерфейсе drag-and-drop.
• Google Apps Script, Microsoft Power Automate — автоматизация в экосистемах Google и Microsoft.

Почему это работает?

• Один раз настроили цепочку — и больше не думаете о пересылке данных вручную.
• Можно быстро экспериментировать: добавить шаг, заменить источник, поменять формат.
• Даже не-технари могут собирать мощные сценарии — обучение занимает пару часов.

Когда не стоит использовать: Если у вас десятки тысяч событий в минуту, сложная логика с обработкой ошибок, кастомная авторизация или нестандартные API — лучше использовать специализированные ETL-инструменты или писать собственный сервис. Но для большинства задач SMB и команд — no-code интеграции работают как часы.

Визуализация данных

Данные есть. Но никто ничего не понимает, пока не появится понятный дашборд. А еще лучше — автоматический, обновляемый, с фильтрами и графиками. И вот тут low-code и no-code инструменты — настоящая находка:

• Google Looker Studio (ex-Data Studio, недоступен в РФ) — визуализация данных из десятков источников.
• Metabase — подключение к БД и создание интерактивных дашбордов.
• Retool, Supabase Studio — для более продвинутых интерфейсов на low-code.
• Power BI, Tableau Public — классика BI в доступной форме.

Почему это работает?

• Простые отчёты можно собрать за вечер — без SQL и подключения к backend.
• Любой член команды может открыть дашборд и посмотреть ключевые метрики.
• Подключили источник данных — и всё тянется само.

Когда не стоит использовать: Если у вас сверхстрогие требования к безопасности, нужно работать с миллионами строк, делать сложные вычисления или кастомную визуализацию — стоит подключать BI-специалиста и писать под вас. Но для 90% типовых отчётов ноу-код платформы — идеальный инструмент.

Прототипирование логики приложений

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

Все эти задачи решаются с помощью платформ:

• Figma + Protopie, Framer — интерактивные прототипы с переходами и логикой.
• Bravo Studio, Adalo — превращают дизайн в настоящее приложение.
• Thunkable, FlutterFlow, Draftbit — визуальное программирование с поддержкой логики и баз данных.

Почему это работает?

• Живой прототип понятен всем. Его можно показать команде, инвесторам или пользователям — и сразу получить обратную связь.
• Ошибки видны сразу. Вместо недель разработки и пересборки — просто передвинул блоки и проверил.
• Нет зависимости от разработчиков на начальном этапе. Продакт или дизайнер сам собирает модель и тестирует поведение.

Когда не стоит использовать: Если у вас сразу сложное приложение с большим количеством логики, интеграцией с API и высокой нагрузкой, прототип может не отражать все детали. Но для проверки идей, демонстрации логики и первых шагов это мощный инструмент, который экономит время и деньги.

Моделирование и управление базами данных

Нужно быстро создать рабочую структуру для хранения данных, не углубляясь в SQL и не поднимая сервер? Инструменты с низким кодом и без кода позволяют проектировать, визуализировать и управлять базами данных так, будто вы работаете с таблицей Excel, только мощнее.

Все эти задачи можно реализовать с помощью:

• Airtable (недоступен в РФ), Baserow, SmartSuite — базы с визуальным редактором, фильтрами и связями между таблицами.
• Xano, Nocodb — мощные backend платформы без кода с поддержкой REST API, авторизации и полноценной БД.
• JetAdmin, Retool, DronaHQ — визуальные панели для управления данными и построения интерфейсов для сотрудников.

Почему это работает?

• Модель видно сразу. Вы не просто пишете схему — вы видите, как данные связаны и как с ними работает пользователь.
• Базу с интерфейсом и фильтрами можно запустить уже через пару часов.
• Легко подключать внешние источники. Например, подтянуть данные из Google Sheets или интегрировать с CRM.

Когда не стоит использовать: Если вы работаете с большими объёмами данных, требующими сложной оптимизации, репликации или транзакционной целостности — тогда лучше использовать классические базы и писать код. Но если вы строите MVP, внутреннюю систему или хотите быстро протестировать структуру — no-code здесь незаменим.

Мониторинг и оповещения

Когда нужно вовремя узнать, что что-то пошло не так (или наоборот — сработало идеально), мониторинг и оповещения становятся ключевыми. Хорошая новость: даже без строчки кода можно настроить автоматическую систему слежения за событиями и уведомлений в Telegram или на почту.

Все эти сценарии можно реализовать через:

• n8n (работает локально и в облаке) — open-source альтернатива Zapier.
• Kobana, Albato — российские low-code платформы для интеграции и автоматизации процессов.
• Google Sheets + Google Apps Script — настраиваемые триггеры при изменении данных в таблице.

Почему это работает?

• Сценарии если-то легко настраиваются в визуальных редакторах.
• Уведомления приходят туда, где вы и команда уже обитаете — в мессенджеры или на почту.
• Можно задать пороги, фильтры, условия срабатывания и сложные цепочки событий.

Когда не стоит использовать: Если вы строите систему мониторинга для high-load-сервиса с кучей микросервисов, логов и событий — лучше использовать специализированные DevOps-инструменты. Но для продуктовых MVP, маркетинга, CRM, клиентского сервиса — low-code решения с головой закроют 90% задач.

Автоматизация процессов найма

Рекрутинг — это часто про рутину: собеседования, отклики, письма, статусы, таблицы. Но даже без команды HR-техов можно собрать автоматизированную воронку найма с помощью no-code и low-code инструментов.

Все это легко реализуется через:

• Kaiten / Trello — визуальное отображение кандидатов по этапам.
• Albato, n8n — автоматическая интеграция с Telegram, почтой, CRM, Google календарем.
• JivoSite, Chat2Desk — чат-виджеты для быстрой связи с кандидатами на сайте.

Почему это работает?

• Отправка писем, смена статусов, напоминания — всё работает по сценариям.
• Таблица или канбан-доска становится вашей мини-ATS-системой.
• Удобно масштабировать. Новая вакансия — копируете структуру, меняете пару полей — и готово.

Когда не стоит использовать: Если у вас крупный HR-отдел, сотни кандидатов ежедневно и нужна интеграция с другими корпоративными системами — лучше использовать профессиональные ATS-системы. Но для стартапа, малого бизнеса или пилотного проекта — автоматизация найма без кода сэкономит кучу времени и нервов.

Построение внутренних сервисов и админок

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

Эти задачи можно решить с помощью:

• Jet Admin — готовая админ-панель, которую можно подключить к базе данных, API, Google Sheets.
• Baserow — визуальное создание таблиц и представлений, удобно для работы с внутренними данными. Также подойдут UI Bakery, ToolJet.

Почему это работает?

• Простой CRUD-интерфейс можно собрать за вечер.
• Доступ к данным в реальном времени. Изменения сразу сохраняются в базе.
• Гибкость. В любой момент можно настроить права доступа, добавить проверки или переключиться на API.

Когда не стоит использовать: Если админка должна обрабатывать десятки тысяч запросов в секунду или выполнять сложную бизнес-логику — без разработчиков не обойтись. Но для большинства внутренних задач — no-code решает отлично и экономит недели работы.

Кстати! Забрать все самые топовые нейронки для айтишников можно в нашем большом гайде с 70+ ИИ-инструментами

Определяем цель

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

Некоторые программы помогают развивать существующий бизнес — как это делают банковские сервисы, которые упрощают работу с клиентами. Другие становятся самостоятельными продуктами, например, для обучения, занятий спортом или развлечений.

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

Чтобы убедиться, что идея действительно рабочая, проведите опросы в Telegram-каналах фрилансеров или создайте анкету. Вы можете спросить, какие функции для них наиболее актуальны: автоматический расчет налогов, интеграция с платежными системами или отслеживание времени работы. Это поможет сфокусироваться на действительно важных фичах и отсеять второстепенные.

Выбираем платформу и инструменты

Сегодня на российском рынке доминируют две мобильные операционные системы: Android (около 70% пользователей) и iOS (около 30%). Оптимальным решением будет разработка приложения для обеих платформ, особенно если вы ориентируетесь на крупные города, где доля пользователей iOS существенно выше.

Приложения под Android большинство разработчиков пишет на Kotlin, хотя Java до сих пор остается одним из вариантов из-за обширной базы готовых решений и библиотек. Основной средой выступает Android Studio — в ней есть весь необходимый инструментарий для создания, отладки и тестирования приложений. Современные разработчики активно используют Jetpack Compose для построения пользовательского интерфейса, Room для работы с базами данных, Retrofit для сетевых запросов и Dagger или Hilt для внедрения зависимостей.

В мире iOS основным языком программирования стал Swift — современный и безопасный инструмент для нативных приложений. Разработка ведется в среде Xcode, официальной IDE от Apple. Для построения интерфейсов все чаще используется SwiftUI, для управления данными — Core Data, а для сетевого взаимодействия — фреймворк Alamofire. Работа с асинхронными событиями упрощается с помощью фреймворка Combine.

При ограниченных ресурсах можно рассмотреть кросс-платформенную разработку. Так, Flutter использует язык программирования Dart и позволяет создавать производительные приложения с нативным внешним видом. React Native дает возможность применять веб-технологии для мобильной разработки, а Xamarin ориентирован на разработчиков, привыкших к экосистеме Microsoft и языку C#.

Выбор платформы и инструментов должен основываться на характеристиках вашей ЦА, требованиях к функционалу и имеющихся ресурсах. Учитывайте также, что для разных магазинов приложений (RuStore, App Store, Google Play) могут потребоваться специфические оптимизации и настройки.

Продумываем функционал

При разработке функционала важно следовать концепции MVP (Minimum Viable Product) — минимально жизнеспособного продукта. Это позволит быстрее выйти на рынок, получить обратную связь и итеративно улучшить приложение.

Возьмем для примера приложение доставки еды. В этом случае MVP должен включать:

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

Важно уделить внимание и техническим аспектам функционала:

• Локальное кэширование данных. Поддерживает работу приложения при слабом интернет-соединении или его отсутствии. Сохраняет каталоги, популярные позиции и историю действий пользователя.
• Офлайн-режим. Определяет набор функций, доступных без подключения к сети. Критически важен для удержания пользователей в зонах с плохим интернетом.
• Система пуш-уведомлений. Информирует пользователей о важных событиях, статусах заказов и специальных предложениях. Повышает вовлеченность и возвращаемость в приложение.
• Многопоточная обработка. Выполняет ресурсоемкие операции в фоновом режиме. Гарантирует отзывчивость интерфейса даже при выполнении сложных задач.
• Оптимизация изображений. Внедряет алгоритмы сжатия для быстрой загрузки визуального контента. Обеспечивает комфортное использование даже при ограниченной скорости соединения.

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

Также многие игнорируют обратную связь пользователей, хотя механизмы ее сбора стоит включать уже в MVP. Недостаточное внимание к безопасности может стать критичным для приложений с личными данными и платежами. А отсутствие встроенных инструментов аналитики затрудняет понимание того, как пользователи взаимодействуют с программой.

Выбор правильной архитектуры — это фундамент, который определяет надежность, масштабируемость и удобство поддержки. Вот основные паттерны для мобильных приложений:

• MVVM — рекомендуемый Google подход с разделением UI и бизнес-логики
• MVI — однонаправленный поток данных, хорошо сочетается с реактивным программированием
• MVP — классическая архитектура. Популярна благодаря простоте реализации
• Clean Architecture — многослойный подход с упором на тестируемость и гибкость
• VIPER (iOS) — расширенный MVC со строгим разделением ответственности

Важное значение имеет также выбор технологий для хранения и передачи данных. Для локальной работы подойдут SQLite + Room, Realm или DataStore; для сетевого взаимодействия на Android чаще всего используют Retrofit + OkHttp, а в реактивных сценариях — Ktor Client.

Правильный выбор архитектуры напрямую зависит от масштаба проекта и размера команды. Небольшие приложения могут обойтись простыми решениями, тогда как сложные продукты требуют комплексного подхода с продуманным разделением ответственности.

Создаем удобный интерфейс

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

Эффективный UI/UX строится на пяти ключевых принципах:

1. Очевидность (интуитивное понимание интерфейса);
2. Экономия внимания (минимум шагов для достижения цели);
3. Консистентность (единообразие элементов с одинаковой функциональностью);
4. Обратная связь (видимый результат каждого действия);
5. Прощение ошибок (возможность отмены операций).

Современные инструменты значительно ускоряют создание качественных интерфейсов. Дизайнеры используют Figma, Adobe XD и Sketch для прототипирования. Android-разработчики предпочитают Jetpack Compose и Material Design Components. Для iOS актуальны SwiftUI, UIKit и Human Interface Guidelines от Apple.

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

Проводим тестирование

Юзабилити-тесты с фокус-группами, A/B-тестирование элементов и аналитика пользовательского поведения дают объективную картину взаимодействия клиентов с приложением.

Комплексное тестирование включает два основных направления:

1. Автоматизированное тестирование: unit-тесты (JUnit, XCTest) для проверки отдельных компонентов; интеграционные тесты для проверки взаимодействия между модулями; UI-тесты (Espresso, XCUITest) для проверки интерфейса; end-to-end тесты для имитации полного пользовательского сценария.
2. Ручное тестирование: функциональное (соответствие требованиям), тестирование производительности (работа под нагрузкой), юзабилити (оценка удобства), кросс-платформенное тестирование (проверка на разных устройствах) и тестирование подключений (поведение при различном качестве интернет-соединения).

Для этого используют специализированные инструменты: Firebase Test Lab для запуска тестов на множестве устройств, Crashlytics для мониторинга сбоев, Android Profiler и Xcode Instruments для анализа производительности. А Accessibility Scanner помогает адаптировать интерфейс для людей с ограниченными возможностями, расширяя потенциальную аудиторию.

Публикуем приложение

После тестирования и исправления проблем наступает ответственный момент публикации. Каждый магазин приложений имеет свои особенности процесса:

• Google Play: создание аккаунта разработчика ($25 единоразово); подготовка материалов (иконка, скриншоты, видео, описание); загрузка APK/App Bundle; заполнение формы оценки контента; настройка дистрибуции и ценообразования; ожидание проверки (до 2 дней).
• App Store: регистрация в Apple Developer Program ($99/год); создание записи в App Store Connect; подготовка маркетинговых материалов; загрузка сборки из Xcode; заполнение информации о возрастных ограничениях; ожидание рассмотрения (1-7 дней).
• RuStore: бесплатное создание аккаунта; подготовка материалов; загрузка APK; заполнение метаданных; быстрая модерация (до часа).

Перед публикацией важно убедиться в соответствии приложения правилам магазина, подготовить политику конфиденциальности и настроить аналитику для мониторинга производительности с первого дня.

Поддерживаем и обновляем

После выпуска начинается непрерывный процесс поддержки и совершенствования продукта. Разработчики регулярно исправляют найденные ошибки, добавляют новые функции и улучшают работу уже существующих.

Для эффективного мониторинга используют комплексные аналитические инструменты: Firebase Crashlytics для отслеживания сбоев, Firebase Analytics/Google Analytics для анализа пользовательского поведения, RuStore Remote Config — бесплатный аналог Firebase, Mixpanel для углубленного анализа пользовательских путей, AppMetrica от Яндекса как комплексное решение для российского рынка.

Автоматизация процессов разработки критически важна для регулярных релизов. CI/CD-системы (GitHub Actions, GitLab CI, Bitrise, Fastlane) позволяют автоматизировать сборку, тестирование и публикацию обновлений, значительно сокращая время выхода новых версий.

Оптимальная стратегия обновлений включает регулярный график релизов (каждые 2-4 недели) с четким приоритетом задач: критические исправления, новые функции, оптимизация производительности. В тренде современной разработки: персонализация на основе ИИ, многофункциональные суперапп-решения, адаптация под новые форм-факторы устройств и повышенное внимание к приватности данных.

Продвигаем приложение

На рынке огромная конкуренция, и без активного продвижения ваш продукт просто затеряется среди тысяч других программ. Важную роль здесь играет ASO (App Store Optimization) — оптимизация для магазина приложений. В некоторых случаях был зафиксирован рост установок до 70% благодаря сильным ASO-стратегиям.

Для Android-приложений это означает настройку страницы так, чтобы пользователи легко находили ваш продукт. Здесь важно правильно подобрать ключевые слова для описания, создать привлекательную иконку и подготовить качественные скриншоты. Чтобы понять, какое оформление работает лучше, разработчики всё чаще используют A/B-тесты — такая возможность есть, например, в RuStore. Она позволяет сравнить разные версии карточки приложения и выбрать ту, которая эффективнее привлекает пользователей.

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

Еще один инструмент для продвижения приложений — социальные сети. Здесь можно показывать функционал программы, общаться с пользователями, отвечать на их вопросы и рассказывать о новых опциях. Это помогает создать активное сообщество вокруг продукта. Так, к примеру, В 2023 году компания Geozilla, разработчик приложения для отслеживания местоположения близких, провела кампанию по продвижению с инфлюенсерами в социальных сетях. В рамках сотрудничества удалось собрать более 1 миллиона просмотров, а коэффициент конверсии из кликов в установки приложения составил 24%.

Партнерские программы и рекламные кампании тоже сильно влияют на привлечение новых пользователей. Нельзя забывать и о работе с отзывами — нужно активно отвечать на комментарии и решать проблемы, о которых пишут люди.

Собственный сайт или блог разработчика тоже может привлечь внимание к приложению, особенно если у вас уже есть известный бренд.

Подводим итоги

Создание успешного приложения начинается с четкого определения цели и понимания потребностей пользователей. Затем нужно выбрать подходящие технологии, продумать необходимые функции, спланировать архитектуру и разработать понятный интерфейс. Обязательно проведите тщательное тестирование перед запуском. После публикации важно регулярно обновлять приложение на основе отзывов пользователей и данных аналитики, а также активно продвигать его в магазинах приложений и социальных сетях.

Не гонитесь за модными технологиями ради технологий — сосредоточьтесь на том, что действительно нужно вашим пользователям. Если вы создадите действительно полезный и удобный продукт, он найдет свою аудиторию и станет успешным.

iOS или Android? React Native или Flutter? Собираем все новости и гайды по мобильной разработке тут.

По данным опроса Statista, 46% разработчиков выбирают Flutter, когда нужно создать кроссплатформенное приложение.

Flutter компилируется в нативный код. Приложение на языке Dart можно адаптировать под Windows, Linux, macOS, Web — плагины и библиотеки решают 99% задач. Только в отдельных случаях понадобится доработка нативного кода.

При этом нет проблем с производительностью — движок Флаттера написан на C++.

Как установить и настроить окружение

Ссылка на загрузку Flutter с официального сайта:

• https://docs.flutter.dev/get-started/install/windows/desktop?tab=download

Фреймворк загрузится в виде архива, его нужно распаковать на диск. Например, в папку C:\flutter.

При установке необходимо добавить путь к директории в переменную среды PATH. IDE полагаются на переменную PATH для обнаружения и интеграции с Flutter SDK.

Задача — открыть настройки переменных среды, изменить «Path», добавить путь до папки bin.

Теперь команды flutter, flutter doctor, flutter run будут запускаться из любой директории в командной строке.

Настройка окружения

Flutter-разработчики обычно работают в Android Studio, но писать код можно и в других IDE. Рассмотрим процесс установки окружения на примере ОС Windows:

1. Загружаем установщик Android Studio с официального сайта (1.1 Гб).

2. Выполняем установку компонентов IDE.

3. После распаковки Android Studio предложит загрузить и установить набор для разработки. Среди инструментов — эмулятор ОС Андроид.

4. После установки нужно добавить плагин Flutter в IDE (еще понадобится Dart, но он подгрузится автоматически).

5. Далее выбираем SDK-платформу для разработки, устанавливаем дополнительные компоненты.

6. Выбираем модель виртуального устройства во вкладке Device Manager.

На этом базовая настройка окружения завершена.

Если планируете писать код на Flutter в Visual Studio Code, обратите внимание на следующее видео. Автор подробно рассказывает о том, как связать эмулятор и IDE VS Code. Нужно будет добавить новые пути для переменных среды в настройках системы.

Как создать первое приложение на Flutter

Создать новый проект можно через Android Studio. Сразу после запуска IDE нужно выбрать «New Project».

Рассмотрим менее очевидный путь — через Flutter CLI (Command Line Interface):

1. Откройте командную строку или терминал VS Code;
2. Перейдите в папку, где хотите создать проект;
3. Выполните команду:

где «my_new_project» — имя проекта.

Flutter автоматически создаст необходимые файлы и папки для базового приложения.

Структура проекта

Рассмотрим основные директории и файлы созданного проекта:

• .dart_tool используется пакетным менеджером Dart.
• .idea хранит специфичные настройки проекта в виде xml-файлов.
• android и ios содержат нативные файлы платформ. Используются, когда нужно реализовать специфичную фичу для android или ios.
• lib содержит исходный код приложения на Flutter. Это рабочая директория. Main.dart — точка входа в приложение.
• test хранит тесты, проверяющие правильность работы приложения.
• .gitignore содержит список файлов, которые игнорируются при работе с git.
• .packages содержит список всех включенных пакетов Dart.
• pubspec.yaml хранит зависимости проекта, плагины.

Запуск приложения

Приложение запустится на эмуляторе, который мы ранее установили вместе с Android Studio.

Перейдите в терминал, откройте папку с проектом и выполните команду:

Flutter скомпилирует код и запустит мобильное приложение. Через несколько секунд на экране эмулятора появится интерфейс смартфона с запущенным счетчиком кликов.

Поздравляем с первым запуском Flutter-приложения!

Пользовательский интерфейс в Flutter строится с помощью виджетов — классов, которые описывают, как должен выглядеть UI. Код приложения генерирует счетчик в файле main.dart. Внутри содержится MaterialApp — корневой виджет, который настраивает тему и домашний маршрут приложения.

Свойство home указывает на виджет MyHomePage — главный экран приложения. Внутри MyHomePage есть базовая разметка: AppBar с заголовком и центрированный текст со счетчиком нажатий.

Виджеты содержат методы build. Flutter вызывает их при первом построении интерфейса и при каждом обновлении состояния. Они возвращают другие виджеты, которые образуют дерево виджетов. Структура вложенных UI-компонентов и определяет внешний вид приложения.

Запущенное демо-приложение уже реагирует на нажатия кнопки и обновляет счетчик. Это работает благодаря Stateful виджету и изменению его состояния в методе setState.

Подробнее о видах виджетов и управлении состоянием — в следующем разделе.

Основные концепции Flutter

Особенность фреймворка в виджетах — это строительные блоки, из которых состоит все приложение. Разработчику нужно лишь скомбинировать виджеты и настроить свойства, чтобы получить желаемый интерфейс.

В Flutter есть готовые виджеты. Условно их можно разделить на две категории: статичные и интерактивные.

Статичные виджеты просто отображают какой-то контент и никак не реагируют на действия пользователя. Примеры статичных виджетов — Text для отображения текста, Image для картинок, Icon для иконок.

Интерактивные виджеты реагируют на события, например, на нажатия пользователя. Они делают приложение живым и динамичным. Часто используются кнопки, поля ввода, чек-боксы, переключатели. Даже простое приложение не обходится без интерактивных элементов.

Stateless и Stateful виджеты

Stateless виджеты выглядят одинаково, не имеют внутреннего состояния. Их свойства задаются при создании приложения и не могут быть изменены в дальнейшем. Они используются для отображения статичных данных или создания переиспользуемых компонентов интерфейса.

Единственный способ изменить Stateless виджет — создать новый экземпляр.

Stateful виджеты имеют внутреннее состояние, которое может меняться со временем. Когда состояние объекта меняется, Flutter автоматически перерисовывает виджет, чтобы отобразить актуальные данные.

Типичный пример Stateful виджета — счетчик кликов, который запускали в предыдущем разделе. При каждом нажатии на кнопку счетчик увеличивается, состояние виджета меняется, и Flutter обновляет интерфейс.

StatelessWidget предлагает только один публичный API для запуска сборки — конструктор. StatefulWidget имеет множество триггеров, вызывающих пересборку.

Структура виджетов

Подробнее рассмотрим дерево виджетов — иерархическую структуру вложенных компонентов. Для этого в качестве примера будем использовать код простого «Hello, World!» приложения.

На вершине дерева корневой виджет MyApp. Остальные — его потомки. Когда Flutter рисует интерфейс, он обходит дерево виджетов сверху вниз и отображает каждый в соответствии с его свойствами и состоянием (декларативный подход).

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

Мы как бы говорим Flutter: «Хочу, чтобы мой интерфейс выглядел вот так», и фреймворк самостоятельно определяет, как ему достичь результата максимально эффективным способом.

Преимущества декларативного подхода:

• Код становится более читаемым и понятным. Глядя на дерево виджетов, можно сразу представить, как будет выглядеть интерфейс.
• Нет проблем, связанных с ручным обновлением интерфейса. Flutter сам заботится о перерисовке виджетов и делает это эффективно.

У декларативного подхода есть нюансы, к которым нужно привыкнуть. Поначалу сложно перестроить мышление и начать думать в терминах виджетов и состояний, особенно если до этого работали с императивными фреймворками.

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

Как добавить функционал в приложение

Самый важный виджет для компоновки UI — контейнеры и лейауты.

Контейнеры позволяют группировать и оформлять другие виджеты, задавать им отступы, цвета, границы.

Лейауты отвечают за расположение виджетов на экране. С помощью них можно создавать адаптивные интерфейсы, которые подстраиваются под размер экрана устройства.

Чтобы приложение было интерактивным, нужно обрабатывать события и действия пользователя. В Flutter для этого используются колбэки — функции, которые вызываются при определенных событиях. Например, у кнопки есть колбэк onPressed, который срабатывает при нажатии на кнопку.

Внутри колбэков можно писать код на Dart, который будет работать при наступлении события. Например, при нажатии на кнопку «Добавить» — сохранить введенный текст или отфильтровать список по введенному запросу.

Редко приложения состоят из одного-единственного экрана. Обычно есть несколько связанных экранов, между которыми пользователь может переключаться. В Flutter за навигацию отвечает виджет Navigator и класс Route. Чтобы добавить, например, экран настроек, нужно создать для него отдельный виджет и класс. Затем, по нажатию на кнопки, вызвать метод Navigator.push и передать ему новый маршрут.

Плагины в Flutter

Дополнения от сообщества разработчиков расширяют возможности приложения: интеграция с камерой, геолокация, работа с базой данных, сетевыми запросами и др.

Плагины находятся на pub.dev — официальном репозитории Dart и Flutter. Чтобы подключить плагин к проекту, нужно добавить его в файл pubspec.yaml и выполнить команду «flutter pub get».

Плагины ускоряют разработку, но злоупотреблять ими не стоит — каждый импорт увеличивает размер приложения на Flutter, усложняет отладку.

Плагины имеют документацию и примеры использования, которые можно найти на странице pub.dev или в репозитории на GitHub.

Советы для начинающих

Обучение на джуна только начинается, и одной статьи для старта недостаточно.

Начнем с главного вопроса: как лучше всего изучать Flutter?

Идеального решения нет — каждый выбирает путь в зависимости от предпочтений и опыта. Зато есть проверенные источники, которые помогут быстро освоиться в Flutter-разработке.

Самое важное — официальная документация Flutter. В ней более подробно описаны концепции, виджеты, пакеты и инструменты. Документация обновляется и дополняется, в ней только актуальная информация.

Начать советуем с раздела документации Codelabs. Это пошаговые интерактивные уроки, которые научат создавать приложения шаг за шагом. Каждый Codelab посвящен определенной теме, содержит инструкции, видеоуроки и готовый код.

Обучение Flutter — не только чтение документации и просмотр уроков. Не менее важно общение с другими разработчиками и участие в жизни Flutter-комьюнити.

Сообщество Flutter сосредоточено в Discord. Здесь тысячи разработчиков готовы помочь с решением проблем, обсудить новости и поделиться опытом. На сервере есть отдельные каналы для новичков, обсуждения плагинов, поиска работы.

Популярные ошибки новичков при изучении Flutter

Изучая Flutter, начинающие разработчики повторяют одни и те же ошибки. Несколько советов, которые ускорят обучение:

• Невозможно выучить все и сразу. Flutter — обширный фреймворк. Сосредоточьтесь на виджетах, статическом и динамическом UI, навигации. Изучайте новые темы и инструменты по мере необходимости.
• Пишите больше кода. Как бы хорошо вы ни знали теорию, настоящее обучение происходит во время практики.
• Уделите внимание основам Dart. Flutter написан на языке Dart, поэтому для разработки нужно понимать его синтаксис, типы данных, ООП.
• Начинающие разработчики злоупотребляют комментариями, пытаясь объяснить каждую строчку кода. Однако хороший код должен быть понятным без пояснений.
• Ошибки — неотъемлемая часть обучения. Не бывает разработчиков, которые никогда не допускали ошибок. Признавайте, анализируйте, исправляйте недочеты.
• Чтобы побороть лень, пробуйте начинать с малого. Возьмите простую, но конкретную задачу, которую точно сможете быстро решить. Как только справитесь с ней, почувствуете прилив энергии и мотивации.
• С самого начала уделяйте внимание архитектуре. Используйте StatefulWidget и StatelessWidget по назначению. Вынесите бизнес-логику и данные в отдельные классы и сервисы.
• Помните о null-безопасности. Используйте «?» для значений, которые могут быть null. Проверяйте наличие объекта с помощью «if» или «?.» перед вызовом его свойств и методов. Если нужно задать значение по умолчанию для null, пользуйтесь оператором «??».

Чтобы уверенно чувствовать себя во Flutter, нужно минимум полгода. Удачи в начинаниях и приятной разработки!

Если вы только начали работать с мобильной разработкой или уже мидл/сеньор, собрали всю полезную информацию тут.

Совместно с экспертами агрегатора онлайн-курсов Kursfinder я рассмотрела более 50 предложений от лидеров IT-обучения и выбрала 30 лучших образовательных программы, включая бесплатные варианты. Полный список актуальных курсов по Flutter представлен в нашем каталоге.

ТОП-10 лучших курсов Flutter в 2026 году

1. Flutter от Skillbox — лучший курс с проектами для наполнения портфолио.
2. Мобильный разработчик на Flutter от OTUS — лучшее обучение на живых вебинарах.
3. Продвинутый курс по мобильным приложениям на Flutter Flow от ZeroCoder — лучшая программа для быстрого старта в профессии.
4. Flutter в мобильной разработке от Skill Branch — эффективные занятия с акцентом на практику.
5. Изучаем Flutter от Stepik.org — уроки для начинающих по доступной цене.
6. Мобильный разработчик на Flutter от Teachmeskills — интенсивный курс с помощью в поиске работы.
7. Кроссплатформенная мобильная разработка на Flutter от МФТИ — программа для быстрого карьерного роста.
8. Практический онлайн курс от Flutter-команды Surf — лучшее обучение на кейсах из коммерческой разработки.
9. Izi-izi FlutterFlow от Appe — лучшие занятия с кураторской поддержкой.
10. Flutter-разработчик от 1DevFullSchool — лучший курс, построенный на практическом опыте преподавателей.

Курсы обучения Flutter будут полезны тем, кто планирует заниматься кроссплатформенной разработкой мобильных, Desktop- и Web-приложений. Учебные программы адресованы как начинающим с нуля или знакомых с основами программирования, так и специалистам, имеющим опыт в других IT-направлениях. Выпускники таких курсов обладают всеми необходимыми знаниями и навыками, позволяющими им претендовать на должность Flutter-разработчика.

Онлайн-курсы Flutter

1. Flutter | Skillbox

Обучение на известной образовательной платформе состоит из 22 тематических модулей и адресовано желающим научиться создавать кроссплатформенные приложения. Потребуется всего 3 месяца, чтобы под руководством опытных преподавателей освоить разработку с помощью фреймворка и языка программирования от Google. Вы сможете проектировать привлекательные и функциональные пользовательские интерфейсы, применять язык программирования Dart, на котором пишется код при разработке на изучаемом фреймворке, работать с виджетами и анимацией, профессионально разрабатывать и тестировать приложения для операционных систем iOS и Android. Теоретические знания закрепляются на обязательных практических занятиях и во время выполнения проектной работы.

• Стоимость: 5 140 рублей в месяц в рассрочку на 1 год
• Длительность: 12 недель
• Формат обучения: предзаписанные видеоуроки, практические занятия
• Сертификат: предоставляется

Кому подойдет: нативным разработчикам, программистам других направлений.

Преимущества:

• надежный образовательный веб-ресурс;
• бесплатная консультация перед началом занятий;
• обучение можно совмещать с работой;
• занятия в любое в время и в удобном темпе;
• наработка проектов для портфолио;
• комментарии от куратора по выполненным заданиям;
• бесплатное годовое обучение английскому языку;
• возможность бессрочно использовать учебные материалы;
• предоставляется налоговый вычет.

Недостатки:

• не предусмотрена помощь с поиском работы.

Программа обучения:

• Установка и настройка фреймворка
• Основы Dart 2
• Виджеты, асинхронность, тестирование
• База данных Firebase
• Архитектура проекта, принципы Clean Architecture
• Разработка мультиплатформенных приложений
• Тема, анимация, медиа, карты
• Интеграции, сохранение данных
• Инструменты Flutter-разработчика

Ознакомиться с полной программой >>>

2. Мобильный разработчик на Flutter | OTUS

Курс Flutter-разработчик от одного из лидеров в сфере IT-образования адресован тем, кто уже имеет некоторый опыт в программировании. Студенты познакомятся с языком Dart для работы в связке с фреймворком, научатся создавать анимации, использовать библиотеки и интеграции, освоят все необходимые инструменты для старта карьеры в разработке. Особенность программы заключается в проведении лекций в режиме реального времени, что позволяет студентам общаться с преподавателем напрямую и задавать интересующие вопросы. Обучение включает большое количество практических занятий, а также работу над проектами, которые пополнят портфолио учащихся для предоставления потенциальному работодателю.

• Стоимость: 71 000 рублей одним платежом или в рассрочку от 7 100 рублей в месяц
• Длительность: 20 недель
• Формат обучения: онлайн-вебинары, домашние и проектные работы
• Сертификат: предоставляется

Кому подойдет: желающим научиться писать мультиплатформенные мобильные приложения.

Преимущества:

• можно совмещать обучение с работой;
• занятия в режиме реального времени;
• акцент на практику;
• возможность живого общения с преподавателями;
• подготовка проектов для портфолио;
• стажировка для лучших учеников;
• помощь с подготовкой к трудоустройству;
• размещение резюме в базе онлайн-школы.

Недостатки:

• необходимо дождаться старта очередного потока;
• есть вступительное тестирование.

Программа обучения:

• Основы языка программирования Dart
• Использование виджетов
• Особенности разработки для десктопных и веб-приложений
• Асинхронность и потоки
• Сетевое взаимодействие, хранение данных, интеграции
• Анимация, мультимедиа, камеры
• Архитектура приложений
• Навигация, управление состоянием
• Взаимодействие с платформой
• Анализ и оптимизация производительности
• Создание автоматических тестов

Ознакомиться с полной программой >>>

3. Продвинутый курс по мобильным приложениям на Flutter Flow | ZeroCoder

Два учебных модуля адресованы для обучения созданию мобильных приложений для iOS и Android с помощью no-code конструктора. Всего за 2,5 месяца можно освоить инструмент, позволяющий быстро собирать анимированные красочные приложения любого уровня сложности. Занятия проводят эксперты в области разработки. Учебный процесс построен на обучении от простых функций к продвинутому функционалу. Большая часть программы отведена отработке практических навыков. После каждого урока выполняются домашние задания, а к концу обучения вы создадите собственный проект — работающее приложение, которое пополнит ваше портфолио.

• Стоимость: от 54 700 рублей одним платежом или от 4 558 рублей в месяц в рассрочку
• Длительность: 10 недель
• Формат обучения: видеолекции, домашние задания, выпускной проект
• Сертификат: зависит от выбранного варианта обучения

Кому подойдет: бэкенд- и фронтенд-разработчикам, зерокодерам.

Преимущества:

• можно совмещать с учебой или работой;
• самостоятельный формат обучения или с поддержкой;
• комфортный темп занятий без дедлайнов;
• проверка знаний после каждого урока;
• разработка приложения в качестве проекта для портфолио;
• неограниченный доступ к программе даже после окончания учебы;
• оперативная помощь экспертов в учебном чате.

Недостатки:

• самостоятельный формат обучения без проверки практических работ куратором и без выдачи сертификата об окончании.

Программа обучения:

• Базовый функционал FlutterFlow
• Виджеты, верстка, авторизация
• Работа с API
• Продвинутые функции
• Настройка анимации
• Кастомные виджеты и действия
• Проектирование базы данных
• Подготовка и публикация приложения

Ознакомиться с полной программой >>>

4. Flutter в мобильной разработке | Skill Branch

Пятимесячная программа по созданию мобильных приложений с помощью кроссплатформенного фреймворка. Состоит из 20 модулей и более 120 практических заданий, созданных на основе лучших практик построения кода. Доступ к учебным материалам открывается сразу же после оплаты. Помимо изучения языка программирования Dart и непосредственно фреймворка, участники получат продвинутые навыки по архитектурному построению кода, работе с разрешениями и вспомогательными программами типа Postman, а также пополнят портфолио самостоятельно разработанными приложениями.

• Стоимость: 46 400 рублей одной суммой или 1 933 рублей в месяц в рассрочку на 2 года
• Длительность: 20 недель
• Формат обучения: видеоуроки, презентации, практические задания, автотесты
• Сертификат: предоставляется

Кому подойдет: новичкам и IT-специалистам других направлений.

Преимущества:

• рассрочка без процентов;
• обучение в любое удобное время;
• все занятия — в личном кабинете на собственном онлайн-ресурсе;
• упор на развитие практических навыков;
• быстрая автоматическая проверка заданий;
• 6 проектов для портфолио;
• регулярные код-ревью от наставников;
• дополнительные материалы для углубленного изучения;
• общение с преподавателем в телеграм-чате;
• доступ в сообщество разработчиков.

Недостатки:

• обучение по предзаписанным урокам.

Программа обучения:

• Возможности фреймворка
• Знакомство с виджетами
• Базовая навигация
• Работа с API на продвинутом уровне
• Архитектура в приложении
• Внедрение продвинутой навигации
• Кэширование данных и изображений
• Цели и применение чистой архитектуры
• Анимация и диалоги

Ознакомиться с полной программой >>>

5. Изучаем Flutter | Stepik.org

Обучение Flutter на популярной образовательной платформе включает 156 занятий общей продолжительностью около 24 часов. Учебная программа подходит как для начинающих, так и для опытных разработчиков, которые желают расширить свои навыки. Уроки подготовлены экспертом и охватывают все аспекты построения мобильных, десктопных и веб-приложений. По завершении обучения вы сможете создавать кроссплатформенные приложения с использованием одного кода, что значительно ускорит процесс разработки и снизит затраты на поддержку приложений. Это обучение отличается комфортной ценой и подойдет для в качестве знакомства с основами фреймворка.

• Стоимость: 1 499 рублей
• Длительность: в зависимости от темпа прохождения
• Формат обучения: видеоуроки, задания, тесты
• Сертификат: не предоставляется

Кому подойдет: желающим освоить быструю разработку кроссплатформенных приложений.

Преимущества:

• программа от эксперта-практика;
• обучение в индивидуальном темпе;
• ознакомительный доступ к 2 урокам;
• доступная цена;
• можно оплатить долями;
• начало занятий сразу после оплаты;
• простое изложение материала.

Недостатки:

• не предоставляется документ о прохождении курса.

Программа обучения:

• Основы Flutter
• Компоновка, навигация, передача данных
• Управление состоянием и хранение данных
• Пошаговое создание приложения
• Работа с компонентами бизнес-логики BLoC
• Чистая архитектура
• Управление веб-страницами
• Генерация кода
• Использование виджетов
• Основы тестирования
• Применение анимации в разработке

Ознакомиться с полной программой >>>

6. Мобильный разработчик на Flutter | Teachmeskills

Всего за 3 месяца вы освоите язык программирования Dart и научитесь создавать кроссплатформенные приложения для Android и iOS. Студенты изучают проектирование и анимацию интерфейсов, работу с сетью и данными, а также практикуются в создании и тестирование приложений и их публикации в онлайн-магазинах. Преподаватели — практикующие разработчики с многолетним опытом работы в международных компаниях. К концу обучения вы соберете три качественных приложения в портфолио, что значительно повысит ваши шансы на трудоустройство. Курс также предлагает активную помощь в поиске работы и подготовке к собеседованиям.

• Стоимость: 70 000 рублей однократно или в рассрочку от 20 000 рублей в месяц
• Длительность: 12 недель
• Формат обучения: уроки онлайн, практические задания
• Сертификат: предоставляется

Кому подойдет: для тех, кто никогда не программировал, для начинающих и опытных разработчиков.

Преимущества:

• подходит для новичков;
• интенсивное обучение;
• упор на практику — 85% учебного времени;
• общение с преподавателями во время занятий и в телеграм-чате;
• выполнение реального проекта для профессионального портфолио;
• онлайн-тренинг по трудоустройству.

Недостатки:

• необходимо дождаться набора группы.

Программа обучения:

• Настройка рабочего окружения
• Программирование на языке Dart
• Устройство и функциональные возможности фреймворка
• Базовые принципы работы с виджетами
• Элементы управления
• Пошаговая разработка приложений
• Сеть и архитектура
• Хранилище данных
• Разработка плагинов

Ознакомиться с полной программой >>>

7. Кроссплатформенная мобильная разработка на Flutter | МФТИ

Онлайн-программа одного из ведущих российских вузов адресована разработчикам любого уровня, включая новичков, интересующихся созданием мобильных и веб-приложений с помощью бесплатного открытого фреймворка. Обучение проводится на живых онлайн-вебинарах 2-3 раза в неделю. Выпускники программы умеют разрабатывать функциональные пользовательские интерфейсы любой сложности, создавать расширяемые приложения и качественные анимации, работать с навигацией в приложении, хранилищами файлов и базами данных, использовать API для отправки и получения данных, а также проводить тестирование разработанного продукта. Для знакомства с форматом обучения можно пройти бесплатное вводное занятие.

• Стоимость: 80 400 рублей одной суммой или в рассрочку от 16 080 рублей в месяц
• Длительность: 4,5 месяца
• Формат обучения: вебинары в онлайн-формате, домашние задания,
• Сертификат: удостоверение о повышении квалификации

Кому подойдет: начинающим разработчикам, IT-специалистам других направлений с навыками программирования.

Преимущества:

• возможна оплата в рассрочку;
• общение с преподавателем в ходе занятий;
• акцент на практические навыки;
• создание портфолио с реальными проектами;
• учебные материалы доступны в течение года после окончания обучения;
• обратная связь от преподавателей;
• круглосуточная поддержка;
• доступ к виртуальной библиотеке вуза.

Недостатки:

• редкий старт;
• требуется знание хотя бы одного языка программирования.

Программа обучения:

• Основы объектно-ориентированного программирования и языка Dart
• Функции и возможности Flutter
• Установка фреймворка и среды разработки на различных платформах
• Основные виджеты и их функции
• Работа с сетью
• Анимация и навигация в приложении
• Структура мобильных приложений
• Работа с данными, интеграции
• Тестирование и публикация приложения

Ознакомиться с полной программой >>>

8. Практический онлайн курс | Flutter-команды Surf

Учебные модули подготовлены командой опытных разработчиков на базе собственного опыта. Занятия адаптированы для новичков, не имеющих опыта в программировании. Студенты познакомятся с основами языка Dart и возможностями изучаемого фреймворка, научатся создавать приложения для Android, iOS и Web, решать задачи, используя принципы коммерческой разработки. Еженедельно проводятся Q&A-сессии, онлайн-лекции или практика в формате лайфкодинг. Мощная практическая составляющая обучения качественно подготовит вас к работе над реальными проектами.

• Стоимость: 65 000 руб.
• Длительность: 16 недель
• Формат обучения: живые вебинары, лекции в записи, текстовые материалы, тесты, задания
• Сертификат: предоставляется

Кому подойдет: желающим освоить кроссплатформенную разработку.

Преимущества:

• более 300 часов практики;
• проверка домашних заданий ментором в формате код-ревью;
• обратная связь и лайфхаки от практикующих разработчиков;
• еженедельные онлайн-уроки и сессии в формате «‎вопрос-ответ»;
• достойное портфолио с выполненными в течение курса проектами;
• общение в среде разработчиков;
• тесты для самопроверки знаний;
• совершенствование практических навыков на реальных бизнес-кейсах.

Недостатки:

• необходимо дождаться старта очередного учебного потока.

Программа обучения:

• Обзор языка программирования Dart
• Создание консольного проекта
• Объектно-ориентированное программирование
• Функции и классы
• Преобразование коллекций
• Создание приложения на Flutter
• Интерактивность, ресурсы
• Работа со сторонними библиотеками
• Разработка приложений

Ознакомиться с полной программой >>>

9. Izi-izi FlutterFlow | Appe

Это интенсивное обучение подойдет даже тем, кто не знаком с программированием. Занятия подготовлены опытными специалистами в сфере разработки специально для обучения с нуля. Курс охватывает все аспекты применения фреймворка для создания универсальных мобильных решений. Обучение не отнимает много времени: на прохождение каждого урока потребуется около 20 минут, что позволяет получить максимум полезной информации за короткое время. Студенты изучат все, что необходимо для старта в профессии и полноценной работы: от базовых функций и инструментов до самостоятельного создания приложения.

• Стоимость: предоставляется по запросу
• Длительность: 8 недель
• Формат обучения: предзаписанные лекции, практические задания
• Сертификат: предоставляется

Кому подойдет: абсолютным новичкам в разработке и начинающим IT-специалистам.

Преимущества:

• программа адаптирована для изучения темы с нуля;
• быстрый старт в профессии Flutter-разработчика;
• короткие, но емкие уроки;
• акцент на практическую сторону обучения;
• кураторская поддержка;
• оперативная обратная связь по домашним заданиям.

Недостатки:

• нет информации о стоимости обучения.

Программа обучения:

• Знакомство с фреймворком
• Возможности для разработки мобильных и веб-приложений
• Введение в язык программирования Dart
• Использование виджетов
• Инструменты анимации
• Навигация
• Тестирование приложений

Ознакомиться с полной программой >>>

10. Flutter-разработчик | 1DevFullSchool

Комплексная программа создана для тех, кто делает первые шаги в разработке. Пройти обучение могут и те, кто имеет некоторый опыт в программировании и хочет освоить набор средств для разработки мобильных приложений для iOS и Android. Материалы программы основаны на многолетнем опыте преподавателей-практиков, поэтому содержат актуальную рабочую информацию, лайфхаки и учитывают специфику работы с коммерческими задачами. Практическая часть программы позволит не только закрепить навыки разработки с помощью фреймворка, но и сформировать достойное портфолио для дальнейшего трудоустройства.

• Стоимость: 65 000 рублей одним платежом или в рассрочку от 11 646 рублей в месяц на полгода
• Длительность: 7 месяцев
• Формат обучения: вебинары в онлайн-формате, практические задания, тесты
• Сертификат: предоставляется

Кому подойдет: для новичков в разработке.

Преимущества:

• можно оплатить обучение в рассрочку;
• поддержка от кураторов;
• проверка заданий с обратной связью;
• несколько форматов обучения на выбор;
• эксперты-практики в качестве преподавателей;
• содействие в поиске работы.

Недостатки:

• нет бесплатного ознакомительного урока.

Программа обучения:

• Функции и возможности Flutter для разработки
• Основные виджеты
• Анимация, работа с изображениями
• Создание навигации в приложениях
• Управление данными
• Объектно-ориентированное программирование
• Чистая архитектура

Ознакомиться с полной программой >>>

Еще 7 дополнительных курсов Flutter

Я подобрала для вас еще несколько качественных образовательных программ. Эти курсы по Flutter-разработке также будут полезны для освоения фреймворка и разработки мобильных и веб-приложений.

• Профессия «Мобильная разработка для девушек» от ITGirlSchool. Обучение рассчитано на 9 месяцев, за которые студентки создадут несколько мобильных приложений в качестве собственных проектов. Учебная программа состоит из видеолекций, домашних заданий и работы над проектами. На все вопросы, возникающие в процессе обучения, отвечают менторы. В качестве менторов у вас будут практикующие IT-специалисты. Эксперты курса также дадут участницам обратную связь по выполненным домашним заданиям, поддержат во время выполнения проектов по разработке, помогут сформировать портфолио и подготовить резюме для успешного поиска работы. Приятное дополнение: бонусные курсы, чат поддержки, база заказов, уроки английского языка. После реализации выпускного проекта выдается сертификат. Все учебные материалы остаются в доступе после завершения курса в течение года.
• Flutter & Dart от itProger. Изучение связки из фреймворка и языка программирования общего назначения, созданных компанией Google. Программа подходит для тех, кто начинает знакомство с этими инструментам разработки с нуля. Стоимость обучения по подписке — от 7$ в месяц. Занятия проходят в личном кабинете студента на сайте школы IT-профессий. Там же можно задавать вопросы кураторам и получать от них оперативные ответы. Вы освоите язык Dart и будете использовать его для работы над консольными проектами, узнаете о функциях, компонентах, объектах и виджетах фреймворка, научитесь создавать приложения с дизайном различной сложности и подключать базу данных. В программу включены занятия по объектно-ориентированному программированию, что улучшит ваше взаимодействие с Dart и Flutter, поможет понять связь алгоритмов со структурами данных. Кроме теоретической части есть практические задания, рассчитанные на разный уровень подготовки, в том числе начальный.
• Flutter-разработчик от Surf Education. Учебная программа, подготовленная специалистами в сфере кроссплатформенной разработки, рассчитана на 4 месяца. Обучение построено на двух модулях: обзорном теоретическом и практическом. Если у вас нет возможности присоединиться к живым онлайн-урокам во время их проведения, то запись занятий можно посмотреть позднее. Для закрепления навыков студенты выполняют домашние работы, проходят тесты, решают коммерческие задачи, пишут под руководством наставника код онлайн на сессиях лайфкодинга, работают над проектами по разработке приложений с помощью изучаемого фреймворка. Домашние задания проверяются ментором в формате код-ревью, а задать вопросы преподавателям можно на еженедельных онлайн-встречах. Большая часть обучения приходится на практику по разработке приложений под iOS или Андроид-платформу. К окончанию учебы выпускники будут готовы не только использовать все функциональные возможности и инструменты фреймворка, но и решать бизнес-задачи, работая в коммерческой разработке.
• Разработка на Flutter от Университет «Синергия». Интенсивное обучение продолжительностью 3 месяца подойдет как новичкам, так и IT-специалистам уровня middle, а также разработчикам других направлений. Вы научитесь программировать на Dart, создавать приложения для iOS и Android, разрабатывать пользовательские интерфейсы и создавать адаптивный дизайн, добавлять виджеты в приложение, работать с навигацией внутри многостраничных приложений и использовать дополнительные инструменты разработки. Кроме того, познакомитесь с системой контроля версий, сможете запускать приложения на различных устройствах и платформах, самостоятельно проводить их отладку. В программе, кроме просмотра лекционных материалов, предусмотрено выполнение домашних заданий и работа над проектами. Выпускникам выдается сертификат о прохождении курса.
• Изучаем Flutter от Udemy. Уроки на крупном образовательном сервисе предназначены для обучения Flutter нуля. Подойдут как начинающим, так и опытным специалистам, заинтересованным в использовании этого функционального фреймворка для создания мобильных и веб-приложений. Для обучения потребуется знание общего языка программирования Dart. Курс состоит из 19 разделов, 144 лекций и 7 ресурсов для скачивания, практических заданий и тестов. Учащиеся познакомятся с возможностями и спецификой фреймворка, основами UI-компоновки, научатся проектировать приложение по принципам чистой архитектуры. Автор курса, профессиональный iOS-разработчик, покажет, как использовать виджеты, работать с навигацией, данными и веб-страницами, объяснит, как проводить базовое тестирование и поделится собственным опытом в разработке приложений. Студентам потребуется выделить 22,5 часа на просмотр лекций и найти время для выполнения домашних заданий. На обучение действуют скидки. Доступ к урокам остается навсегда. По окончании учебы выдается сертификат.
• Разработка приложений на Flutter и Dart от Merion. Занятия на платформе IT-образования адресованы фронтенд- и мобильным разработчикам, специалистам с опытом в веб-разработке или со знанием отдельных языков программирования. Программа разработана директором по информационным технологиям крупной фудтех-компании, рассчитана на 2 месяца. Курс состоит из 13 тематических блоков, более 30 часов теории и свыше 50 часов практических задач. После прохождения каждого модуля студенты проходят проверку знаний с помощью теста. Обучение на курсе завершается выполнение выпускного проекта, сдачей финального тестирование и получением сертификата. Для знакомства с учебным форматом можно пройти бесплатное вводное занятие и получить скидку на обучение. Участники изучат Dart на профессиональном уровне, освоят навыки работы с сетью, базами данных и интеграцией, получат опыт разработки на Flutter и смогут самостоятельно создавать кроссплатформенные Android, iOS и Web-приложения. Кроме того, студенты научатся не только писать приложения, но и тестировать их с помощью сторонних библиотек. Доступ к занятиям остается навсегда.
• Разработка приложений с Flutter и Dart для IOS и Android от Stepik.org. Уделяя всего 1-2 часа в день, вы научитесь создавать мобильные приложения с помощью фреймворка и языка программирования от Google. Программа создана командой IT-профессионалов для новичков без опыта в разработке и состоит из 47 уроков общей продолжительностью 15 часов и 10 тестов. Вы познакомитесь с объектно-ориентированным программированием в Dart, научитесь разрабатывать приложения разного уровня сложности, работать с базой данных, создавать и внедрять анимацию с помощью стандартных инструментов. Узнаете, каким образом можно заработать на приложениях с рекламой, как взаимодействовать с Git и многое другое. Приступить к обучению можно сразу после оплаты доступа к урокам по вполне доступной цене — 2 790 рублей.

Бесплатные курсы Flutter

Если у вас пока нет возможности пройти платное обучение, научиться кроссплатформенной разработке помогут Flutter бесплатные курсы. Вы сможете без финансовых затрат приобрести базовые навыки работы с этим востребованным фреймворком или подготовиться к более углубленному изучению на платной программе. Предлагаю вам рассмотреть несколько интересных вариантов таких онлайн-программ.

1. Flutter уроки. От идеи до приложения — Flutter.su

Образовательный веб-ресурс с уроками для начинающих в разработке с помощью Flutter SDK. Вы научитесь создавать мобильные приложения, работать с графикой и анимацией, узнаете в чем заключаются особенности реализации алгоритмов, какие методы и подходы можно использовать для решения практических задач. Ресурс располагает библиотекой документации по изучаемому фреймворку и языку Dart.

Главное о курсе:

• хорошо структурированная информация;
• уроки в текстовом формате;
• удобная навигация по материалам курса;
• обзор инструментов, виджетов и обновлений фреймворка;
• пошаговая инструкция по созданию мобильной игры.

2. Руководство по фреймворку Flutter - METANIT.COM

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

Главное о курсе:

• качественные уроки от экспертов;
• материал уроков адаптирован для обучения с нуля;
• удобная навигация по курсу;
• инструкции по установке необходимых для работы программ;
• пошаговое руководство по созданию мобильных приложений.

3. Открытые уроки. Мобильная разработка на Flutter — OTUS

Бесплатные занятия от одного из лидеров онлайн-образования. Преподаватели-практики расскажут о возможностях фреймворка, научат создавать приложения для iOS, Android и Web, поделятся своим опытом и лайфхаками. За несколько занятий вы не только освоите мобильную разработку, но и получите ценные советы и рекомендации преподавателей по развитию карьеры.

Главное о курсе:

• 10 видеоуроков на YouTube-канале;
• кейсы анимации от простого к сложному;
• устройство, варианты и задачи BLoC;
• создание приложений с управлением сложными жестами;
• тестирование приложений.

4. Flutter уроки для начинающих на русском - Youtube-канал ALEXEY SHPAVDA

Онлайн-занятия для новичков в сфере разработки. Учебный курс подготовлен экспертом-разработчиком и охватывает все необходимые темы для старта карьеры в данном направлении. Разберетесь с функциями фреймворка, узнаете, как создать структуру проекта и работать с виджетами.

Главное о курсе:

• плейлист из 35 уроков;
• поэтапное создание мобильных приложений;
• знакомство с платформой;
• подготовка среды разработки;
• виджеты и их применение.

5. Pro Flutter - Youtube-канал Pro Flutter уроки на русском

Онлайн-курс Flutter, с помощью которого вы познакомитесь с языком программирования Dart, установите фреймворк и создадите приложение. Курс создан разработчиком с более чем десятилетним опытом работы. В уроках представлена только самая важная информация по теме, что делает их лучшим вариантом для быстрого освоения разработки.

Главное о курсе:

• 17 занятий для самостоятельного изучения;
• возможности кроссплатформенной разработки;
• использование виджетов;
• создание и релиз приложения для десктопа;
• маршрутизация и навигация.

6. Изучаем Flutter — Youtube-канал Константина Кокорина

Авторская программа от профессионального разработчика мобильных и веб-приложений. Небольшие по продолжительности, но содержательные занятия для тех, кто делает первые шаги в разработке приложений для iOS и Android. С помощью пошагового руководства вы установите фреймворк и среду разработки, познакомитесь с языком Dart, научитесь применять виджеты, разберетесь со структурой приложения. Несколько уроков посвящены изучению компонентам бизнес-логики BLoC и применению концепции чистой архитектуры.

Главное о курсе:

• 69 видеоуроков;
• обучение в удобном темпе;
• домашние задания;
• хорошо структурированная информация.

7. Курс по Flutter: для входа в профессию Flutter-разработчика — Youtube-канал Mad Brains

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

Главное о курсе:

• 9 видеоуроков продолжительностью от 30 минут до 2 часов;
• практика во время урока;
• домашние задания для закрепления материала;
• настройка окружения и первый запуск;
• знакомство с языком программирования Dart;
• элементы верстки;
• сетевое взаимодействие;
• архитектура и управление состоянием приложения;
• хранение данных.

8. Flutter, уроки - Youtube-канал Владимира Мадудина

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

Главное о курсе:

• 34 занятия для начинающих;
• доступна текстовая версия уроков;
• установка и настройка фреймворка;
• руководство по использованию языка Dart;
• введение в виджеты;
• работа с BLoC;
• применение популярных архитектурных подходов.

9. Flutter (курс простыми словами) - Youtube-канал Дмитрия Столеца

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

Главное о курсе:

• 10 видеоуроков продолжительностью до 24 минут;
• простая и понятная новичкам подача материала;
• разбор приложений;
• функции и использование виджетов;
• верстка экрана;
• навигация, контекст, работа с провайдером.

10. Основы Flutter от LazyLoad

Учебный модуль на платформе YouTube адресован тем, кто делает первые шаги в разработки мобильных приложений с помощью фреймворка от Google. Качественные уроки от сообщества разработчиков дают необходимую базу для самостоятельного создания приложений. Во время обучения вы получите детальный разбор этапов разработки и создадите собственный продукт, включая верстку, создание навигации и элементов управления.

Главное о курсе:

• 34 урока продолжительностью от 5 минут до 1 часа 37 минут;
• преимущества и недостатки фреймворка;
• работа с виджетами;
• обзор системы Layout;
• разработка собственного приложения.

11. Flutter разработка для начинающих. Приложение Quiz от Codeandart Main

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

Главное о курсе:

• занятия для новичков;
• знакомство с фреймворком и языком Dart;
• основы верстки и использование виджетов;
• понятная подача материала экспертом в сфере разработки;
• создание проекта приложения-викторины с нуля.

12. Хэндбук по Flutter от Яндекс Образование

Курс в формате электронного учебника будет полезен тем, кто хочет разобраться в устройстве популярного фреймворка, специфике его инструментов, узнать о подходах к проектированию приложений, освоить Dart и применить полученные знания для реальной разработки. Учебник создан командой специалистов Яндекса, которые делятся своими знаниями, опытом и лучшими практиками использования данного средства разработки. Программа рассчитана на тех, кто знаком с основами объектно-ориентированного программирования.

Главное о курсе:

• 53 тематических текстовых модуля;
• отлично структурированный материал;
• подробные разборы тем;
• знакомство с продвинутыми концепциями разработки;
• постоянные обновления и дополнение учебных материалов;
• участие в сообществе разработчиков.

13. Pro Flutter.

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

Главное о курсе:

• полностью бесплатное руководство;
• подходит для обучения с нуля;
• уроки на русском языке;
• 17 видеолекций общей продолжительностью 1 час 48 минут;
• бонусный урок по созданию десктопных и веб-приложений.

Заключение

Flutter неслучайно считается популярным выбором разработчиков и клиентов во всем мире. Этот бесплатный фреймворк позволяет создавать высококачественные кроссплатформенные приложения с минимальными затратами времени и ресурсов, поэтому компании все чаще выбирают его для разработки своих продуктов. Обучение разработке открывает перед вами множество возможностей. Закончив Flutter курсы, вы научитесь быстро создавать функциональные приложения для iOS, Android, десктопных и веб-приложений, повысите свою конкурентоспособность на рынке труда и сможете выйти на более высокий уровень заработка. Инвестируя сегодня в обучение, вы делаете шаг к успешной и перспективной карьере разработчика в ближайшем будущем.

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

Всем привет! Меня зовут Евгений Ефанов, я мобильный разработчик в Red Collar.

На протяжении последних пяти лет я занимаюсь разработкой приложений на Flutter. За это время я успел поработать над несколькими большими проектами, включая мессенджеры и видео-сервисы, где занимался архитектурой.

Когда я начинал, существовало несколько архитектурных подходов, среди которых можно выделить BLoC и Redux. Позднее появился Provider, а также ряд других, менее распространённых архитектур.

Эти библиотеки были относительно небольшими, и мне не нравилось их использовать, поскольку в каждой из них отсутствовали многие удобные механизмы, которые были в других библиотеках. Некоторые зависели от BuildContext, что затрудняло тестирование, некоторые требовали слишком много кодогенерации, а библиотеки для подключения зависимостей не поддерживали скоупы и другие привычные функции, что замедляло разработку.

Поэтому, параллельно с работой над одним из проектов, я начал создавать собственный набор утилитарных классов для архитектуры приложения.

В итоге хотелось бы сделать архитектурный компонент, который будет способен реагировать и подписываться на события в системе, а также хранить и предоставлять доступ к определённым данным. Этот компонент должен позволять нам изменять эти данные и отслеживать их изменения (BLoC).

Кроме того, хотелось бы реализовать механизм хранения этих компонентов и обеспечить возможность их подключения друг к другу. Это позволит нам заменять компоненты моками при тестировании. По сути, это будет простой DI-контейнер, разделенный на скоупы.

Также мы хотим иметь доступ к компонентам и их состоянию через глобальный объект во всех частях приложения аналогично тому, как это реализовано в Redux.

При этом, в отличие от существующих подходов, получение и использование компонентов должно осуществляться без использования BuildContext.

И наконец по аналогии с виджетами хотелось бы иметь простой цикл жизни компонента: инициализация и деинициализация.

Суммарно это бы заключало все механизмы из существующих библиотек, которые, на мой взгляд, были самыми удобными. Используя такой компонент, можно разделить бизнес-логику проекта на составляющие с заменяемыми зависимостями, что позволит гарантировать полное покрытие unit-тестами. События в системе позволят предотвратить излишнее количество связей, поэтому мы сможем минимизировать количество багов в конечном коде проектов.

Дополнительным преимуществом является то, что описанный подход может быть применён к любой из платформ, позволяя использовать идентичные механизмы как во Flutter, так и в SwiftUI и Compose. Это облегчает переключение между платформами, так как мы используем одинаковые компоненты бизнес логики. В следующих статьях я расскажу, как реализовать эти механизмы для других платформ.

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

В завершение будет информация о том, как провести тестирование всех механизмов, описанных в статье, а также как организовать архитектурные компоненты в соответствии со слоями архитектуры.

Создаем базовый класс

Для начала рассмотрим базовый класс MvvmInstance, который станет основой для всех механизмов. В первую очередь определим в нём два ключевых метода: initialize и dispose, аналогично стандартным виджетам. При инициализации также будет передаваться input для данного объекта. Здесь же можно сразу добавить асинхронный метод для инициализации — initializeAsync.

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

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

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

С такой структурой мы можем начать добавлять в наш класс дополнительные функции, такие как обработка событий, работа с состоянием (стейт) и другие, будучи уверенными, что все ресурсы класса будут инициализированы и освобождены вместе с виджетом или с другим логическим элементом, в котором мы используем наш класс.

Подключим события

События представляют собой один из ключевых элементов во многих архитектурах. Например, во Flutter BloС можно отправлять события и реагировать на них внутри соответствующего блока, обновляя состояние.

Один из наиболее удобных механизмов для отправки событий — это Event Bus. Он, например, активно используется в приложении Signal на платформе Android, что можно увидеть в репозитории с исходным кодом.

Реализовать Event Bus во Flutter очень просто, используя встроенный механизм стримов.

Имея такой класс, мы можем подключить ранее созданный MvvmInstance к получению событий. Сам Event Bus при этом является синглтоном и доступен из любого места в коде.

Для того чтобы подписаться и отписаться от событий, мы можем использовать методы initialize и dispose, которые мы описали на первом шаге.

Теперь мы можем подписаться на события внутри нашего класса и отправлять их из любого места в коде.

Используя только этот механизм, можно реализовать множество логических процессов внутри приложения, например, поставить лайк какому-либо объекту, обработать ошибку сети и т. д.

Теперь мы можем вызывать экземпляр MvvmInstance как напрямую, так и через событие.

Подключаем стейт

Далее необходимо хранить в экземпляре некоторые данные, чтобы была возможность их обновлять и получать в рамках архитектурной структуры проекта.

Мне нравится механизм Redux, в котором есть хранилище, и мы можем подписываться на его обновления. Разница лишь в том, что само хранилище будет находиться внутри каждого экземпляра и содержать только те данные, которые нужны для этого элемента. Чтобы реализовать такой механизм, необходимо прежде всего создать объект, который будет хранить значение, которое мы сможем обновлять, а также подписываться на изменения. Здесь снова на помощь приходят встроенные механизмы Dart.

Здесь мы снова используем broadcast stream и инкапсулируем текущее значение данных.

Имея такой класс, мы можем создать хранилище для данных нашего MvvmInstance.

Стор способен хранить Observable и выдавать обновление значения для конкретного поля state.

Стор также инициализируется и уничтожается по вызову одного метода, поэтому мы можем легко подключить его к нашему MvvmInstance.

Используя этот подход, можно реализовать дополнительные функции, например, сохранение состояния в SharedPreferences или SecureStorage. Для этого достаточно абстрагировать логику работы с хранилищем и подписаться на обновления состояния экземпляра.

Подключаем зависимости

Подключение зависимостей является важным аспектом архитектуры, поскольку позволяет заменять зависимости при написании тестов.

Для реализации этого механизма необходимо создать интерфейс для подключения класса к нашему MvvmInstance, а также сгенерировать код для создания объектов.

Поскольку в нашей реализации мы используем дефолтные конструкторы, мы можем легко сгенерировать код для их создания.

Для хранения экземпляров нам потребуется синглтон, который будет содержать словарь с готовыми экземплярами.

Упрощённая реализация такого класса может выглядеть следующим образом:

Здесь мы храним словарь билдеров, которые будем генерировать, а также контейнер уже созданных объектов, чтобы получить их, если инстанс уже создан.

Словарь объектов также разделим на скоупы, чтобы мы могли разделить наши инстансы. В качестве дефолтных скоупов можно сразу прописать глобальный скоуп, где мы будем хранить синглетоны — они будут инициализироваться сразу при открытии конечного приложения. Так же можно добавить unique скоуп — в таком случае всегда будет создаваться новый экземпляр. Также можно добавить weak скоуп — в этом скоупе будут храниться глобальные объекты, однако в отличие от global скоупа они будут уничтожаться когда все зависимые от них инстансы уничтожены. Остальные скоупы, которые определяет пользователь, будут работать аналогично weak скоупу — когда все зависимые от скоупа экземпляры будут уничтожены, все объекты в скоупе также будут уничтожаться.

Таким образом, если в нашем словаре ещё не создан нужный нам инстанс, мы его конструируем, вызываем initialize для него и возвращаем инициализированный инстанс. Если же он уже существует, то сразу возвращаем этот объект.

Для генерации словаря билдеров будем использовать source_gen. Мы можем сгенерировать метод, который будет добавлять билдеры в коллекцию и вызвать его при запуске приложения.

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

После того как мы получили словарь объектов, мы можем подключить их к нашему MvvmInstance.

Для этого добавим наши зависимости в конфигурацию инстанса. Мы можем включить в конфигурацию список «коннекторов», которые будут содержать параметры, такие как входные данные и скоуп, из которого нужно взять подключаемую сущность.

Зная список зависимостей для нашего MvvmInstance, мы можем также взять их из словаря инстансов при инициализации.

Описываем архитектурные сущности

Теперь имея класс с подключенными событиями, стейтом и зависимостями мы можем разделить нашу архитектуру на слои.

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

В слое domain я выделил interactor — это сущность, которая хранит стейт. Она удобна для изоляции логического компонента, например, для работы со списком постов. Здесь мы можем получать список постов с сервера, а также подписаться на событие лайка на конкретном посте, чтобы обновить коллекцию в состоянии (стейте) объекта.

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

На уровне presentation я выделяю view model — по сути, это interactor, входными данными для которого является view, к которому подключена эта view model. Здесь мы можем подключить интеракторы с нужными данными и прописать binding’и, которые нужны для отображения.

В итоговом варианте мы получаем следующую структуру для загрузки постов:

Как все это протестировать

Для того чтобы протестировать полученную логику, мы можем заменить элементы в нашем DI контейнере на заранее созданные, передав тестовые данные в стейт.

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

Ниже представлены примеры, как можно протестировать каждую сущность.

Вывод

В итоге мы получили набор логических элементов для того, чтобы реализовать каждый слой архитектуры и возможность всё это протестировать. Отдельно стоит отметить, что для внедрения зависимостей и работы с http мы можем применять и другие решения, пользуясь лишь структурой архитектуры.

В своей работе над реальными проектами я активно применяю все компоненты данной архитектуры. Бизнес-логика представляет собой некое количество интеракторов, количество которых даже в крупном проекте позволяет быстро внедрять зависимости в компоненты (например, view models), предотвращая любые возможные зависания при инициализации. Тестировать эти компоненты удобно, поскольку бизнес-логика полностью покрыта unit-тестами.

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

Как реализовать аналогичные механизмы на swiftui и compose , я расскажу в следующих статьях.

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

Если вы хотите присоединиться к числу экспертов и прислать ответ от вашей компании или лично от вас, то пишите на experts@tproger.ru, мы расскажем, как это сделать.

На сегодняшний день, в целом, можно позитивно оценить Flutter. Его основной плюс в том, что это кроссплатформенная среда, позволяющая быстро типировать и экономить время. Гипотетически, один разработчик может обслуживать полностью экосистему iOS и Android, а также создавать кроссплатформенные приложения. С помощью Flutter можно смоделировать нативное приложение под Windows, Linux и iOS, и оно будет запускаться сразу в контейнере на Flutter, адаптированном под операционную систему, на которой оно запускается. Это существенно сокращает затраченное время и количество разработчиков для поддержания разных платформ.

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

Единственным минусом Flutter является то, что для разработки крайне специфических задач, не поддерживаемых экосистемой Flutter, придется прибегнуть к нативной разработке и коду. Однако 99% задач покрываются уже существующими плагинами и библиотеками.

Кроме того, стать серьезным разработчиком на Flutter проще, чем стать экспертом в области Data Science или фронтэнд-разработчиком. Это объясняется наличием обширного комьюнити, поддерживающего этот язык программирования.

На связи Иван Ярославцев, руководитель агентства разработки цифровых продуктов Alto. Мы готовим к запуску новое мобильное приложение, а перед публикацией кейса, хотим рассказать про технологию мобильной разработки Flutter.

А именно, почему Flutter пользуется такой популярностью у программистов и как он помогает экономить бизнесу миллионы рублей на разработке.

Компании используют мобильные сервисы для разных задач: улучшить качество клиентского обслуживания, привлечь больше заказов, автоматизировать производство или избавить сотрудников от рутинной работы.

Но главная цель — оптимизировать ресурсы.

По нашему опыту, Flutter — лучшее решение для этой задачи. Главная его фишка — возможность создавать приложения для iOS и Android, используя один язык программирования и общий код.

Почему заказов на кроссплатформенные решения становится все больше?

1. Цена на разработку. Экономия в среднем составляет 30-50% от нативных решений на Swift и Kotlin. Технология подходит для проектов с бюджетом до 6 млн рублей.
2. Сроки разработки. Использование общей кодовой базы для всех платформ сокращает время разработки на всех этапах. Например, первую версию приложения «Шампурико» мы разработали за 4 месяца.
3. Функциональность. Проработанность и гибкость фреймворка закрывает потребности большинства сфер бизнеса. Flutter-приложения создаются для e-commerce, фудтеха, B2B-продуктов и других направлений.
   
4. Поддержка. Развивать и поддерживать один продукт с общим кодом дешевле и проще, чем несколько параллельных приложений для разных платформ.
   

Почему программисты выбирают Flutter основным стеком?

1. Open-source библиотеки. Flutter сегодня — первый по популярности кроссплатформенный фреймворк. Под него написаны тысячи открытых библиотек, что позволяет быстро добавлять новые функции и возможности в проект.
2. Востребованность на рынке и обучение. Распространенность этого фреймворка открывает большие возможности для трудоустройства. Также для изучения Flutter разработаны сотни образовательных программ.

Вот, о чём идёт речь в видео:

1. Существуют два основных инструмента для создания кроссплатформенных мобильных приложений: Flutter и React Native.
2. Flutter и React Native позволяют разрабатывать приложения для iOS, Android и веб из одной кодовой базы, но они сильно различаются по механизму работы и опыту разработчика.
   
3. Автор сравнил оба инструмента, создав одно и то же чат-приложение с использованием Firebase в качестве бэкенда.
   
4. React Native использует JavaScript или TypeScript, в то время как Flutter использует язык Dart, оптимизированный для компиляции на разные платформы.
   
5. Flutter поставляется с обширной библиотекой виджетов и плагинов, в то время как React Native предоставляет базовые компоненты и полагается на сторонние библиотеки.
   
6. React Native использует родные компоненты платформы и JavaScript-мост для взаимодействия с ними, в то время как Flutter использует собственный движок для рендеринга виджетов.
   
7. Разработка в React Native может включать больше сторонних зависимостей и решений, в то время как Flutter предлагает более унифицированный и интегрированный набор инструментов.
   
8. Инструменты разработки Flutter, такие как горячая перезагрузка и сильная типизация, обеспечивают удобную и надежную разработку.
   
9. Flutter, как правило, обеспечивает более высокую производительность по сравнению с React Native благодаря компиляции непосредственно в машинный код без необходимости JavaScript-моста.
   
10. Для большинства приложений различия в производительности между Flutter и React Native будут незаметны для конечного пользователя.
    

Ниже — транскрибированный перевод ролика на русском языке.

Если вы сегодня создаете кросс-платформенное мобильное приложение, то существуют два главных игрока, борющихся за ваше внимание. В красном углу у нас Flutter, а в синем углу у нас React Native.

Эти инструменты могут достичь той же основной цели: создание приложений для нескольких платформ, таких как iOS, Android и веб, из одного исходного кода.

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

Чтобы выяснить, какой из них лучше, я создал точно такое же чат-приложение как с React Native, так и с Flutter, используя Firebase в качестве бэкэнда. В сегодняшнем видео мы подробно сравним функции, инструменты, опыт разработчика, производительность и, конечно же, код.

К концу видео вы точно узнаете, какой из них лучше подходит для вашей идеологии. Но это не урок построчного кодирования. Если вы хотите научиться создавать эти приложения с нуля, я создал два отдельных профессиональных урока на Fireship, которые научат вас создавать их пошагово.

Языки программирования для React Native и Flutter

Давайте начнем с сравнения языков программирования между этими двумя фреймворками. В React Native мы пишем приложения на JavaScript, при этом React является обязательной библиотекой пользовательского интерфейса, поэтому это почти как расширение языка JavaScript. Также поддерживается TypeScript, если вы хотите добавить систему типов поверх JavaScript. JavaScript на самом деле никогда не был разработан для создания мобильных приложений, поэтому Flutter был реализован с использованием другого языка, называемого Dart, который оптимизирован для компиляции в несколько платформ с компиляцией как во время выполнения, так и до. Это приводит к различным преимуществам производительности, но это язык, который знают не так многие люди за пределами Flutter. У него синтаксис, который в чем-то напоминает TypeScript, поэтому разработчикам, привыкшим к фигурным скобкам, легко начать работу с ним. Но это главный вопрос, который вам нужно задать себе.

Хочу ли я изучить совершенно новый язык, или хочу придерживаться того, что я уже знаю?

Экосистема React Native и Flutter

Теперь давайте посмотрим на экосистему за этими фреймворками. Оба из них являются двумя из самых активно разрабатываемых репозиториев на GitHub в мире.

React Native от F******k, которую критикуют за то, что она является зловредной технологической корпорацией, в то время как Flutter от Google, которую также критикуют за то, что она является зловредной технологической корпорацией. Создание высококачественных кросс-платформенных мобильных приложений - это чрезвычайно сложная техническая задача, и поэтому вам нужно привлечь зловредную технологическую корпорацию, чтобы сделать все правильно.

Философия разработки на React Native и Flutter

Но вы заметите огромную разницу в философии разработки. React Native, как и React для веб-приложений, разработана для минимализма. Он предоставляет некоторые базовые компоненты, но оставляет все остальное сообществу с открытым исходным кодом. И это означает, что для полного проекта React Native обычно требуется много сторонних зависимостей, в зависимости от необходимых функций. Flutter, с другой стороны, поставляется с огромной библиотекой виджетов из коробки. И команда Flutter поддерживает множество плагинов, которые вам обычно понадобятся, например, для доступа к камере устройства.

У Dart также есть менеджер пакетов под названием Pub, и также существует огромная экосистема пакетов с открытым исходным кодом для Flutter. В конечном итоге у них обоих есть огромные сообщества, чтобы сделать практически все, что вы можете себе представить.

Архитектура React Native и Flutter

Теперь давайте посмотрим на их базовые архитектуры. Во-первых, как работает React Native? Под капотом он запускает два отдельных потока JavaScript. Один - основной поток для запуска вашего приложения на любой нативной платформе, а другой - поток для выполнения бизнес-логики вашего приложения.

Эти потоки изолированы друг от друга, но иногда им нужно взаимодействовать, поэтому между ними есть мост, через который они могут передавать сериализованные сообщения туда и обратно. Здесь хорошо то, что это позволяет JavaScript-приложению взаимодействовать с нативной платформой. Таким образом, когда React Native рендерит компонент, это действительно нативный компонент на соответствующей платформе. Это не просто веб-сайт React, упакованный как мобильное приложение, это действительно рендеринг нативных компонентов. И это означает, что ваш пользовательский интерфейс будет выглядеть точно так же, как задуманы эти нативные компоненты, даже когда что-то меняется в будущем. Теперь, как работает Flutter? Вместо использования нативных компонентов пользовательского интерфейса, у Flutter есть собственный высокопроизводительный движок рендеринга, построенный на C++ и Skia, который рендерит свои собственные пиксели на экране с скомпилированным нативным кодом, что позволяет ему рендерить пиксель-перфектные версии виджетов iOS и Android, а также позволяет рисовать свои собственные пиксели на экране. Вроде игрового движка, например, Unity. Это позволяет рисовать плавную графику без необходимости моста, хотя у него есть система под названием платформенные каналы, которая позволяет вам общаться с родной системой, когда вам нужны родные функции или если вы хотите интегрировать родной код. В конце дня, однако, архитектура не имеет большого значения. Важно, чтобы вы создали хороший пользовательский опыт и получили удовольствие от этого.

Опыт разработки на React Native и Flutter

Итак, теперь давайте сравним опыт разработчика, начиная с начальной настройки. Чтобы начать работу с React Native, вы можете создать новое приложение, запустив npx react-native-init из командной строки, и при желании передать шаблон с чем-то вроде native base, чтобы получить красивый интерфейс изначально. И здесь вы также можете использовать Expo вместо стандартного React Native CLI, чтобы получить более полную отправную точку. Когда вы откроете приложение, вы заметите немало файлов здесь в корневом каталоге.

Это в основном файлы конфигурации, такие как Metro и Watchmen для горячей перезагрузки. Buck - ваш инструмент сборки, а Babel - для транспиляции вашего JavaScript. Он даже поставляется с flow по умолчанию, поэтому он очень похож на F******k. Исходный код приложения содержится в одном файле app.js, если мы перейдем и откроем этот файл, вы заметите кучу кода React. Это может показаться знакомым, если вы веб-разработчик, и единственное реальное отличие в том, что мы импортируем специальные компоненты из React Native и используем их в JSX вместо типичных элементов HTML. Это наша отправная точка для React Native. Теперь давайте посмотрим на Flutter. После установки Flutter SDK запустите flutter create из командной строки. Вы заметите, что это значительно быстрее, потому что ему не нужно обращаться к NPM для загрузки кучи пакетов.

Откройте проект в VS Code и убедитесь, что у вас установлено расширение Flutter. Оно фактически автоматически управляет любыми дополнительными пакетами, которые вы устанавливаете, в фоновом режиме. Структура проекта здесь немного упрощена. Ваш основной файл конфигурации - это файл pubspec.yaml, который эквивалентен package JSON в проекте React Native. Здесь вы регистрируете и устанавливаете сторонние пакеты. Исходный код приложения содержится в файле main.dart. Теперь, если вы веб-разработчик, который никогда не работал с TypeScript, этот код может показаться немного сумасшедшим, с ключевыми словами, такими как extends, super и override.

Но если у вас есть опыт работы с TypeScript, Java или C Sharp, то вы, вероятно, будете чувствовать себя как дома с этим кодом.

Инструменты разработки в React Native и Flutter

Теперь, когда у нас есть настроенный проект, я хочу поговорить о инструментах, которые действительно важны при создании кросс-платформенных мобильных приложений, потому что без хороших инструментов ваша жизнь будет мизерной. Давайте начнем с запуска приложения React Native. У меня запущен эмулятор Android, затем мне нужно выполнить эту команду ADB, чтобы подключиться к нему. Затем я запускаю npm start, чтобы запустить Metro для отслеживания изменений в моем коде в фоновом режиме. Затем в отдельном терминале введите npm run android, чтобы построить приложение Android. Это установит приложение на эмулятор и будет отслеживать изменения кода в фоновом режиме для автоматического обновления приложения.

Мы также можем ввести R в терминал watchman, чтобы горячая перезагрузка приложения. Это чрезвычайно полезно, потому что оно сохраняет состояние приложения, сохраняя при этом ваши изменения кода, если вы работаете над дизайном. Это существенно, но когда речь идет о инструментах с React Native, это действительно история "создай свое собственное приключение". Это просто JavaScript ...проект, поэтому вы можете добавить TypeScript или вы можете использовать Ignite CLI для автоматической генерации каркаса, или использовать Expo для быстрого запуска приложения на своем устройстве.

Приятно иметь много вариантов, но это также может привести к усталости от принятия решений и чрезмерной зависимости от сторонних поставщиков. Теперь, если мы переключимся на приложение Flutter, вы заметите кнопку здесь в VS Code, которая позволяет нам взять эмулятор, настроенный в локальной системе. Затем мы можем открыть терминал и ввести flutter run, и мы также можем горячую перезагрузку, потому что Dart поддерживает компиляцию во время выполнения, также введя R в терминал. Теперь, поскольку у Dart есть звуковая система типов, он способен предоставлять действительно хорошие инструменты при написании вашего кода. Обратите внимание, как при наведении на любой класс он предоставляет полную документацию для него. Но, что более важно, Dart делает действительно сложным написание кода, который приводит к ошибкам во время выполнения.

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

Код на React Native и Flutter

И это особенно важно для мобильных приложений, потому что вы живете и умираете от отзывов в магазинах приложений. Теперь вы также можете добавить TypeScript к React Native, чтобы получить похожие результаты, но Dart делает другие вещи, такие как безопасность null, чтобы сделать ваш код еще более надежным. Еще одна интересная вещь в коде заключается в том, что обе фреймворки создают дерево компонентов или виджетов. В React Native это выглядит как HTML или JSX, где у вас есть тег, например, view, и затем вы добавляете другой компонент внутрь этого, а затем, возможно, еще больше компонентов внутри этого.

Компоненты могут иметь состояние, которое меняется на протяжении жизненного цикла приложения, и React Native автоматически перерисует пользовательский интерфейс при изменении состояния. Flutter работает точно таким же образом и на самом деле был очень вдохновлен React, но он делает это совершенно по-другому. Вместо функций у вас есть классы, у которых есть метод build, который возвращает дерево виджетов. Каждый виджет просто является экземпляром класса и может иметь различные свойства, которые принимают другие виджеты в качестве аргументов. Таким образом, он делает то же самое, что и React, но это просто другой подход к созданию декларативных пользовательских интерфейсов.

При ручном кодировании перестройка становится более сложной, на мой взгляд. Вы не можете просто скопировать и вставить компонент, как вы бы сделали в React. Однако у Flutter снова есть очень хорошие инструменты, которые позволяют обернуть и переместить виджеты, просто щелкнув кнопку в VS Code. После создания чат-приложения с обоими фреймворками, одним из недостатков, который я обнаружил в Flutter, является то, что я часто получал глубоко вложенные деревья виджетов, которые трудно... вы всегда можете выделить эту логику в свои собственные пользовательские виджеты, но я просто не нахожу процесс таким интуитивно понятным, как в React, где вы просто создаете новую функцию для каждого пользовательского интерфейса. Теперь проблема с React заключается в том, что часто нет компонента, который делает именно то, что вы хотите сделать.

Это означает, что вам нужно начать с базового компонента, а затем заставить его делать то, что вы хотите, или установить сторонний пакет. Кроме того, многие библиотеки React несовместимы с React Native. Например, если вы хотите потрясающие анимации с frame или motion, это не сработает в React Native.

Производительность React Native и Flutter

Теперь последнее, что я хочу рассмотреть, это производительность. Возможно, вы задаетесь вопросом, быстрее ли Flutter, чем React Native?

И ответ, скорее всего, да. Цель обычно состоит в том, чтобы рендерить 60 кадров в секунду. И поскольку приложения Flutter компилируются непосредственно в машинный код и не требуют моста JavaScript, они, как правило, работают лучше, основываясь на большинстве тестов, которые я смог найти в интернете.

И, как вы можете видеть, Flutter гораздо ближе к нативной производительности. Однако вам нужно спросить себя, действительно ли производительность имеет значение?

Для большинства приложений различия в производительности будут незаметны для конечного пользователя. Но, предположим, в React Native вы можете столкнуться с узкими местами в производительности раньше. И если вам действительно важна производительность, вашим лучшим вариантом будет просто перейти к React Native.

Илья Задябин, разработчик мобильных приложений, специализирующийся на Flutter и Dart.

Что такое Flutter, в чем особенности этой технологии

Flutter — это открытая кросс-платформенная технология от Google, предназначенная для создания приложений для iOS, Android, Web и настольных операционных систем из единой кодовой базы. Она использует язык программирования Dart и предоставляет свой собственный набор виджетов для создания интерфейса. Сейчас Flutter поддерживает iOS, Android, Web, Windows, Linux, macOS и с недавнего времнени WebAssembly.

В основном Flutter применяют для мобильных приложений, потому что фреймворк достаточно недавно обзавёлся поддержкой остальных платформ. Также Flutter поддерживается на “встраеваемых устройствах” (embedded devices), например, Toyota использует эту технологию для мониторов в своих автомобилях.

Технология зарекомендовала себя на рынке и используется в широком спектре приложений. Например, в приложении для электромобилей BMW, Google Pay – команда провела миграцию с нативного кода на Flutter прежде чем выйти на глобальный рынок, Ebay, ByteDance, NuBank, а также в Alibaba.

Теперь немного про “внутренности” Flutter и про то, почему вообще возможно запускать один и тоже же код на принципиально разных платформах.

Было бы очень сложно и долго подстраивать технологию под разные API этих платформ, поэтому команда Flutter пошла другим путём.

1. Архитектура

Flutter использует многоуровневую архитектуру. Верхний слой – фреймворк, состоящий из кода на языке Dart. Нижний слой – движок, написанный преимущественно на языке C++ и обеспечивающий низкоуровневую реализацию основных API Flutter. Наконец, есть Embedder, который интегрирует движок Flutter в различные платформы.

2. Процесс рендера

В отличие от Android и iOS, где используются элементы, специфичные для каждой платформы, Flutter имеет собственный движок рендеринга. Приложения Flutter рендерят пользовательские интерфейсы с помощью Skia Graphics Engine, что означает, что Flutter рисует каждый элемент UI (виджет) на холсте, предоставляемом каждой платформой.

3. Компиляция

Flutter использует язык Dart, который компилируется в нативный код. Компиляция в нативный код позволяет Flutter взаимодействовать с платформой без моста JavaScript (как в некоторых других кросс-платформенных решениях), что обеспечивает производительность, близкую к нативной.

4. Виджеты

Everything in Flutter is a widget, от простого текста до сложной анимации. Эти виджеты не являются родными компонентами Android или iOS, но настроены так, чтобы выглядеть как родные элементы. Из виджетов, как из кирпичей, собирается всё приложение. Такая система может быть более понятной для новых разработчиков.

5. Platform Channels

Для доступа к специфическим для платформы функциям (камера, GPS, микрофон…) Flutter использует Platform Channels. Эти каналы позволяют приложениям Flutter выполнять действия на iOS или Android с использованием их родных языков программирования (Kotlin для Android, Swift для iOS).

Декларативное VS императивное программирование

Одной из особенностей Flutter является декларативный стиль описания UI элементов. Сперва про отличия:

• Декларативное программирование. Основное внимание уделяется вопросу “что” в коде. Вы описываете то, ЧТО хотите получить, а система (фреймворк или библиотека) занимается деталями того, как это реализовать. Этот стиль абстрагирует процесс управления UI, и разработчику не нужно описывать шаги для достижения конечного результата.
• Императивное программирование. Концентрируется на “как”. Процесс состоит из написания кода, описывающего шаги для достижения цели. Разработчик должен описать каждый шаг, который должна выполнить программа, что дает ему больше возможностей для контроля, но также увеличивает сложность.

Итак, Flutter использует декларативный подход к построению UI. Вот как это работает: UI является отражением состояния. Вы определяете состояние, а пользовательский интерфейс автоматически адаптируется и рендерится в соответствии с этим состоянием. Это означает, что при изменении состояния Flutter точно знает, что изменилось, и может эффективно (быстро) обновлять пользовательский интерфейс.

Для построения пользовательского интерфейса используется дерево виджетов. Каждый виджет декларирует часть UI, а всё дерево в целом представляет весь интерфейс. При каждом изменении состояния Flutter автоматически перестраивает дерево виджетов, обеспечивая отображение 1:1 текущего состояния и пользовательского интерфейса.

В отличие от этого, традиционная разработка под Android и iOS использует императивные подходы:

• Android. XML-файлы определяют элементы пользовательского интерфейса, которые затем используются в коде на Kotlin. Разработчики явно изменяют свойства компонентов UI и управляют его состоянием.
• iOS. С помощью UIKit разработчики создают и управляют компонентами UI (например, UIViews) в Swift. Они отвечают за обновление и рендеринг этих компонентов в зависимости от взаимодействия с пользователем или изменения данных.

На данный момент Android и iOS тоже переходят к декларативному стилю, используя Jetpack Compose для Android и SwiftUI для iOS. Оба инструмента находятся в активной разработке.

Язык Dart и его особенности

Во Flutter используется Dart – современный объектно-ориентированный язык программирования, разработанный Google. По словам создателей, Dart оптимизирован для создания пользовательских интерфейсов: в нём используется async-await для изменения UI, в сочетании с возможностью запускать код изолированно от основного потока. Dart использует типизацию с null-safety, сборщик мусора и имеет схожий синтаксис с kotlin, swift, typescript, что делает его простым в изучении.

Одним из ключевых преимуществ Dart является Hot Reload. Из-за возможности Dart компилироваться в двух режимах AOT (ahead of time) and JIT (just in time) язык позволяет динамически обновлять приложение без необходимости перезапуска. Можно мгновенно видеть, как поменялся UI при изменении кода, что очень удобно и ускоряет разработку.

Dart может использоваться как для разработки на стороне клиента, так и на стороне сервера. Это упрощает процесс обучения и разработки, поскольку разработчики могут использовать один язык для всего стека приложений. Однако пока что Dart редко выбирают для backend разработки.

Dart поддерживает асинхронное программирование, что очень важно для современной разработки приложений. Это позволяет приложениям на Flutter выполнять длительные задачи, такие как получение данных из сети, не блокируя UI и не влияя на отзывчивость приложения. Если в других языках для этого используются потоки, то в Dart применяют изоляты.

Плюсы использования кросс-платформы

Есть целый ряд неоспоримых преимуществ использования кросс-платформенной технологии:

1. Гораздо более дружелюбная документация по сравнению с Android и особенно iOS, разработчики Flutter также выпускают еженедельные видео с объяснениями деталей технологии на своём официальном канале.
2. Общий код для разных платформ. Flutter позволяет разработчикам использовать один и тот же код для создания приложений для разных платформ, снижая время и стоимость разработки.
3. Hot Reload. Эта функция позволяет мгновенно видеть результаты изменений в коде, ускоряя процесс разработки.
4. Фреймворки внутри фреймворка. Команда Flutter развивает направление мобильных игр и предлагает воспользоваться Casual Games Toolkit , в котором есть необходимые инструменты для написания собственных игр на 2D движке Flame. Также есть готовый набор решений для написания новостных приложений Flutter News Toolkit. В нем содержатся наиболее популярные компоненты для создания news app: онбординг, создание учетной записи, лента контента и страницы контента, настройки монетизации, поиск и т.д.
5. Экосистема библиотек. Ещё один из плюсов Flutter сообщества – это наличие единого сервиса, на котором хостятся сторонние библиотеки. Они используются далеко не только для работы с нативным кодом платформ, но и для сложных анимаций, облегченной работы с сетью, навигации и полезными инструментами. Любой желающий может создать свой пакет и разметить его на pub.dev.

Ограничения использования кросс-платформы и пути их решения

Однако, безусловно, есть и определенные трудности в использовании кросс-платформы при разработке. Часть из них преодолима, другую же часть остается пока только принять как данность.

Проблема №1. Большой размер приложения

Приложения Flutter могут иметь больший размер файла по сравнению с нативными приложениями. Можно использовать стандартные средства для сжатия ресурсов и ассетов. Также для Android есть возможность догрузить ассеты после установки через Сloud delivery of assets.

Проблема №2. Несоответствие “родному” пользовательскому интерфейсу

Достичь “родного” поведения экрана может быть сложно, так как Flutter управляет собственным рендерингом. Для решения этой проблемы можно настроить виджеты таким образом, чтобы они в точности соответствовали языку дизайна каждой платформы, и следить за последними тенденциями и рекомендациями по UI для iOS и Android. Большая часть компонентов уже подогнаны командой Flutter под привычный UI платформы.

Проблема №3. Задержка при появлении обновлений платформ

Иногда в iOS или Android может появиться новая функциональность (например, dynamic island в iOS) и приходится ждать, пока её завезут во Flutter. Благо такие обновления не носят критический характер, а чаще всего другие разработчики оперативно создают пакет для работы с новыми возможностями платформы.

Проблема №4. Невозможность разработки мобильных игр

Flutter не оптимизирован для 3D игр, но есть возможность создавать 2D игры, используя движок Flame, о котором написано выше.

Проблема №5. Ограниченная поддержка некоторых функций устройств.

Некоторые встроенные функции устройств могут быть недоступны или требуют дополнительной работы для интеграции. Из-за того, что Flutter не использует активно API платформы, а просто отрисовывает самостоятельно нужные элементы, могут возникнуть проблемы с доступом к функциями устройства, таким как камера, уведомления, микрофон, GPS, шифрованная память и т.д. Для решение этой проблемы можно использовать platform channels, которые позволяют вызывать код платформы (например, Kotlin для Android или Swift для iOS) прямиком из кода Flutter. Это усложняет процесс разработки, потому что помимо языка Dart ещё нужно понимать, как устроена платформа, код в которой нужно вызывать напрямую. Но такие ситуации редки, потому что для большинства случаев уже написаны packages (сторонние библиотеки) членами сообщества.

Есть и еще одна особенность, о которой мы уже говорили ранее – язык программирования. Dart – нишевый язык, изначально разрабатывался Google как замена JavaScript, но что-то пошло не так. Язык оставался в тени, пока в 2017 году Google не создали на его основе фреймворк Flutter, тем самым дав ему второе дыхание. Dart похож на JavaScript, поэтому будет понятен и большинству новичков, и опытным разработчикам.

Недостатки языка Dart компенсируются кодогенерацией, к примеру в языке отсутствуют дата классы (аналог data class в Kotlin), но при помощи сторонних пакетов можно воспроизвести нужные методы, сгенерировав их для обычных классов Dart. Также кодогенерацию можно использовать для сериализации/десериализации. В Dart даже есть аналог Retrofit, который будет знаком разработчикам Android. До недавнего времени разработчики генерировали даже функциональность sealed классов, но их ввели в Dart 3, и необходимость отпала.

Ещё один из плюсов Dart это возможность замкнуть на нём весь цикл разработки приложения и использовать Dart для написания backend при помощи Dart Frog. Тем самым язык может стать более популярным и привлечь больше разработчиков, что скажется в положительном ключе на развитии Flutter.

Ресерчили интернет в поисках классных материалов по Flutter и поняли, что подробных и понятных дайджестов мало. Поэтому собрали все самые полезные ссылки, книги и каналы о Flutter и заодно Dart. Надеюсь, будет полезно!

Кстати, мы тоже ведем свой телеграм-канал о Flutter —  Flutter.Много. Там мы рассказываем о рабочих моментах, факапах и достижениях, делимся своим мнением и помогаем разобраться с Flutter. Подписывайтесь!

YouTube-каналы о Flutter

FlutterDev — официальный канал о Flutter от создателей этой кроссплатоформы. Ролики на английском языке, но есть субтитры на русском. Еще со знанием английского можно посмотреть канал Johannes Milke, он делает сравнения фичей, рассказывает об обновлениях и не самых очевидных решениях в разработке.

Обучение Flutter на русском языке есть на канале Константина Кокорина, там в среднем несколько раз в неделю выходят выпуски с обучением разработки на Flutter на русском языке. Еще неплохие уроки есть на канале LazyLoad Dart & Flutter.

На канале NetNinja можно найти уроки по анимации на Flutter, туториал для начинающих или уроки по применению Firebase на Flutter. В целом у NetNinja много обучалок о разных технологиях: они понятные, простые и красиво оформлены.

Телеграм-каналы о Flutter

Flutter for Dev — русскоязычный канал, который публикует статьи по Flutter, актуальные анонсы, статьи и многое другое из мира кроссплатформы.

Oh, my flutter — тематика схожа с каналом выше, материалы выходят каждый день, есть удобный поиск по тегам. А еще у канала есть англоязычная версия.

Flutter.Много. — канал, в которым я и мои коллеги пишем о том, что такое быть Flutter-разработчиками, рассказываем о внутренней кухне проектов, погружаем в историю и разработку на Flutter.

Dart side — англоязычный ресурс с полезными ссылками на различные статьи и видео, причем подборки достаточно большие.

Дневник Flutter-разработчика — в формате дневника Flutter-dev делиться не только полезными ссылками, но и рассказывает о своем дне (куда ходил, что ел и что делал).

Чаты по Flutter в русскоговорящем сообществе у нас более активные, чем каналы. Если нужно о чем-то спросить — можно задать вопрос в Dart & Flutter или Dart/Flutter. А для вопросов по поводу обучения Flutter или Dart можно писать Dart и Flutter.

А еще есть целое хранилище данных у LazyLoad Dart & Flutter. Внутри группы есть несколько отдельных чатов о Flutter, Dart, процессах обучения и еще много всего.

Книги

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

«Flutter in action» Эрика Виндмилла. Очень «для начинающих», но довольно неплохая.

А еще советуем почитать «Чистая архитектура» и «Чистый код» Роберта Мартина. Это база. Буквально заповеди толкового разработчика.

Еще полезные ссылки

Маст рид: официальный сайт с документацией Flutter и официальный сайт с документацией Dart. Точно понадобится. Официальный Medium Flutter и коммьюнити там.

В интервью для Android Broadcast Евгений рассказал, как решился на смену деятельности. В этой статье мы отобразили лишь часть интервью — про первые шаги во Flutter и плюсы фреймворка. Если вам интересны технические детали, инструменты и сравнения, послушайте подкаст.

Как маленькое хобби стало работой

Евгений пять лет работал разработчиком на нативном Android. Однажды на конференции он узнал про Flutter, а через некоторое время решил попробовать написать код.

Flutter — кросс-платформа Google, которую получили в результате рефакторинга Chrome. Разработчики выпилили оттуда практически все: тонны legacy code, кучу непонятных проверок. Chrome потерял возможность рендерить HTML, но стал в 20 раз быстрее. Недолго думая, Google презентовал Flutter в качестве отдельного мобильного фреймворка. Сейчас на Flutter можно писать приложения практически на все доступные платформы.

Surf, в котором Евгений был тимлидом Android-разработчиков, исповедовал только нативную разработку. Поэтому на первых порах Flutter был просто хобби.

После релиза платформы в 2018 году в Surf начались серьёзные разговоры о том, как применить Flutter в продакшене. Так хобби начало становиться работой.

Чтобы наработать опыт и набить руку, команда Евгения переписала на Flutter один из прошлых проектов Surf. Ребята хотели проверить, смогут ли они сделать настоящее приложение сами — с имеющимися у них на тот момент знаниями и ресурсами. Сейчас, когда Евгений смотрит на код, ему кажется, что он ужасен. Но через этот этап проходят все разработчики.

Вскоре ребята получили от руководства разрешение опробовать технологию на реальном проекте. На эксперимент согласилась региональная сеть продуктовых магазинов — для них это была хорошая возможность сэкономить.

Проект был простой: на 15—20 экранов. В нём можно было посмотреть каталог, акции, баланс карты лояльности, оценить покупку, найти ближайший магазин на карте. Также была возможность отсканировать штрих-код товара на полке, чтобы быстро найти его в каталоге.

Пока что этот проект не вышел в публичный релиз — заказчик проводит закрытое тестирование. Тем не менее, это был отличный старт.

Сейчас у Surf в портфеле пять Flutter-проектов: и небольшие, и огромные — на 150 экранов и больше. Это приложения для ритейла, e-commerce и финтеха. Несмотря на то, что клиенты из банковской сферы достаточно консервативны, ребятам удалось донести плюсы Flutter-разработки даже до них.

Фото с мероприятия CodeFestX

Мученики и новаторы — заказчики приложений на Flutter

Не у всех компаний есть деньги, чтобы поддерживать долгосрочные нативные мобильные проекты. Особенно когда речь идет о двух больших приложениях на Android и iOS. Ведь код нужно написать, протестировать, зарелизить, поддерживать, апдейтить и так далее. Это очень и очень дорого. Поэтому так или иначе заказчики приходят к кросс-платформе — но делают это не всегда от хорошей жизни.

Евгений делит клиентов, которые интересуются Flutter, на две категории.

• Мученики. Они мучительно долго тянут нативные проекты. Тратят время, силы, деньги, ругаются с подрядчиком. Мечтают об оптимизации и новой прекрасной жизни. Речь идет не только о средних по размеру компаниях. Иногда и большие компании располагают ограниченным бюджетом на проекты и ищут кросс-платформенное решение. Так они находят Flutter.
• Новаторы. Быстро перевели проект на какую-то кросс-платформу — но не на Flutter — и столкнулись с проблемами. Они настрадались с новыми технологиями, но идея кросс-платформы для них либо не имеет альтернатив из-за стоимости, либо просто нравится.

В обоих случаях клиентам хочется оптимизировать процессы и снизить затраты на разработку — и в этом им пригодится Flutter.

Подкапотная магия Flutter

Приложения на Flutter отличаются плавностью и разнообразием анимации, рендерингом экрана с частотой до 120fps. При этом от программиста не требуется особых усилий по специальной оптимизации кода. Евгений рассказал, за счëт чего достигается этот вау-эффект.

C технической стороны Android-сборка Flutter-приложения является Single Activity приложением. В нем есть единственный view, в котором и происходит «подкапотная магия». Само приложение подключается туда через NDK. А дальше разработчик уже работает с Dart-кодом так, как будто бы он является частью Android-приложения.

Благодаря Single activity вы получаете возможности проигрывать любые анимации перехода и прочие вещи. Android-разработчики поймут, насколько это облегчает жизнь программисту.

Ещё один плюс Flutter — упрощение жизненного цикла виджетов, который спрятан глубоко под капот. Вместо различных view-элементов, как в Android, у Flutter всё приложение — это виджет, который состоит из абсолютно иерархически идентичных виджетов (1-й экран, 2-й экран и т.д.) Внутри каждого у вас будут другие виджеты, которые представляют собой конкретные элементы: кнопки, checkbox, textview, картинки и т.д.

Механика рендеринга Flutter очень похожа на рендеринг элементов списка в RecyclerView: у каждого элемента есть идентификатор, который вычисляется по хешам состояния. Речь именно про state, про слепок данных, который соответствует элементу интерфейса. Если при очередном такте отрисовки предыдущий state отличается от текущего, это значит, что наш UI нужно перерисовать.

Например, в некотором поле counter, которое относится к состоянию нашего виджета, было число 1, а теперь число 2. Получается, что цифру 1 нам надо перерисовать на цифру 2. В итоге виджет будет отрисован заново. Но если обнаружится соответствие наших state, то виджет никто трогать не будет. Никакой перерисовки не произойдёт.

Таким образом, мы перерисовываем только ту часть дерева виджетов, которая реально изменилась. За счёт этого достигается быстродействие Flutter-приложения.

Терминатор против робокопа: чем Dart лучше Kotlin

Android-разработчики часто спрашивают, почему во Flutter используется язык Dart, а не Kotlin, который стал глотком свежего воздуха после Java. Они даже шутят: «Если там надо точку с запятой писать обязательно, то нет, пожалуй, я Flutter в следующей жизни позанимаюсь».

Разработчики уже искали Dart на кладбище проектов Google, а в конце прошлого года внезапно обнаружили его в рейтинге самых быстрорастущих языков в мире по версии GitHub.

Евгений выделяет две причины, почему во Flutter используется Dart, а не Kotlin:

1. Dart — детище Google. Если Flutter-команде Google что-то надо, она идёт к коллегам из Dart-отдела и говорит: «Ребята, сделайте». Они говорят «окей» — вот и всё. Вот эта простота, контроль над языком — это очень большой плюс. Kotlin не является собственностью компании Google — это разработка JetBrains.
2. Dart умеет и в AOT-, и в JIT-компиляцию. Это можно прочувствовать буквально на первом «Hello,  world!» после скачивания Android Studio и установки туда Dart SDK и Flutter SDK. Любые изменения видны на девайсе через 1-2 секунды после нажатия на hot reload. Плюс этот hot reload еще и stateful: даже если вы перезапустите приложение в момент, когда ввели текст в текстовое поле, состояние экрана вы не потеряете.

Сейчас каждая версия, каждая новая итерация приносит что-то новое. И, что ещё интересно, выход новой версии Dart привязан к выходу новой версии Flutter.

В текущих версиях идет процесс Kotlin-изации языка. Это связано с тем, что в Dart-community очень много мобильных разработчиков, которые привыкли к плюсам Kotlin. При этом им нравится Flutter, но не нравится Dart.

К счастью, разработчики Dart воспрянули духом от наплыва людей, которые захотели писать на языке, и решили, что нужно радовать публику. Поэтому время от времени они выкатывают фичи, которые все так просят. К примеру, в версии 2.7 появились extension-функции. Null-Safety уже в работе и выглядит точь-в-точь, как в Kotlin: синтаксис идентичен, с виду всё абсолютно так же. Extensions чуточку отличаются, но несущественно.

Команда Dart идет на диалог на GitHub. У языка есть открытый репозиторий dart-lang, где происходит разработка и предлагаются новые фичи. Есть публичный Roadmap, где перечислены планы на ближайшие версии и обозримое будущее.

Архитектура Flutter: ваниль, хардкор и ящички

Когда появился Android, про архитектуру вообще мало кто слышал. Приложения достаточно долго писались без какой-то глубокой архитектурной мысли: вот activity, пишем там код бизнес-логики. Лет пять назад начали внедрять Model-View-Presenter архитектуру (МVP). Потом Model-View-View Model (MVVM), потом другие архитектуры.

Фото Сергея Короткова

Во Flutter комьюнити пришло уже с серьёзным багажом знаний. Нормой стало писать приложения на 100+ экранов командой из 10+ человек — без архитектуры тут никак. В сообществе популярны несколько паттернов.

• Vanilla — для тех, кто не заморачивается с архитектурой и использует стандартные подходы, которые предлагает фреймворк. Суперпримитивная архитектура для максимально простых приложений. Подойдёт для того, чтобы сделать что-то несложное — какие-то обучающие сэмплы.
• Архитектура-блок — в основе концепции лежит идея разбиения приложения на ящички с бизнес-логикой и построение связей между ними.
• Redux — хардкорный вариант, который пришёл во Flutter из веба. У такого подхода уже есть много вариаций, например Fish Redux. В основном его используют ребята из Поднебесной со всеми вытекающими последствиями в виде репозиториев на иероглифах и отсутствия внятной информации.

Во Flutter-команде Surf есть собственный архитектурный модуль. Он базируется на идее, которую ребята позаимствовали из Android-проектов. На его основе можно очень быстро развернуть и начать писать приложение с удобной архитектурой.

Евгений говорит, что во Flutter можно реализовать всё что угодно — любую концепцию, которая вам близка. При этом лучше опираться на нужды проекта и поменьше думать о том, что «на Android надо было бы сделать вот так».

В чем кайф и выгода для разработчика

Flutter — новая технология. На рынке труда ничтожно мало разработчиков: по ключевому слову «Flutter» — около 160 резюме на всё СНГ. Из них подавляющее большинство — самоучки и люди с самым разным бэкграундом. В команде Surf есть люди, пришедшие во Flutter из React Native, Spring, Delphi и т.д. Это отличный шанс войти в новую технологию на начальном этапе и быстро стать востребованным специалистом. Конкуренция почти нулевая.

Переход на Flutter — это возможность изучить что-то новое и получить толчок к развитию. Обычно в разработке используются наработанные решения. C каждым проектом процесс становится примитивнее: реже появляются мысли копать глубже, узнавать, как всё работает. Начинается гонка за скоростью. Это неплохо с точки зрения бизнеса, но тормозит профессиональное развитие: технологии быстро меняются, а разработчик застревает на месте.

Изображение Евгения Сатурова

Хочу во Flutter, что дальше

Бытует мнение, что, изучив Dart и фреймворк, можно быстро начать писать Flutter-приложения любой сложности. Это серьезное заблуждение. Для сложных кросс-платформенных проектов нужны знания в iOS и Android. Всегда будут какие-то платформенные возможности устройств, с которыми нужно работать по-особенному, писать уникальный код для управления интерфейсами девайса. Изучение всех этих нюансов требует значительного количества времени.

Если вы решите дать Flutter шанс, то мы рекомендуем начать с пары простых вещей.

Во-первых, нужно изучить Dart. Синтаксис похож на все остальные объектно-ориентированные языки. Например, перейдя с Java на Dart вы, скорее всего, даже немножко воспрянете духом. С другой стороны, перейдя с Kotlin на Dart, вы почувствуете лёгкий даунгрейд.

Рекомендуем посмотреть Language Tour на официальном сайте Dart — это поможет быстро сориентироваться, познакомиться с основными конструкциями и особенностями языка. Также там есть DartPad (онлайн Code Editor), где можно запускать сниппеты и смотреть результаты.

Во-вторых, познакомьтесь с Flutter. У фреймворка просто феноменальная документация, написанная с большой любовью. Её можно читать, как книгу. Переходя по ссылкам и якорям туда-сюда, вы постепенно изучите всё, что нужно для старта. Есть даже Cookbook c конкретным примерами: поработать с сетью, кинуть запрос на сервер, скачать картинку, показать её, поработать с GPS, с камерой и так далее — всё подробно описано.

У Flutter есть публичное хранилище библиотек, и сообщество активно им пользуется. Если вам не удалось найти подходящий пакет там, значит, его попросту нет.Ежедневно там появляются десятки новых библиотек самого разного качества. Чтобы отделить зерна от плевел, Google ввёл две программы сертификации.Сертификация доверенных авторов — кандидаты выполняют ряд требований, проходят проверку и получают соответствующую отметку в профиле.Бейджик для лучших библиотек — награда за качественный материал, некий state of art. Библиотеки оцениваются по большому чек-листу, автор должен иметь статус доверенного разработчика.В хранилище — порядка 15-20 тысяч библиотек, и доверенных авторов достаточно много. Но лучших библиотек — около 15 штук на весь паб.

Хотите узнать больше про технические фишки Flutter — советуем прочитать вводную статью Евгения Сатурова и Артёма Зайцева «Flutter — новый взгляд на кроссплатформенную разработку».

Чтобы быть в курсе трендов Flutter и поближе познакомиться с комьюнити, рекомендуем подписаться на Flutter Dev Podcast, который Евгений Сатуров ведёт с коллегами.