Сёрф Flutter-разработка
前往频道在 Telegram
Комьюнити Flutter-разработчиков Сёрф. 📚 Делимся полезными материалами и обучаем стажёров 💬 Чат → t.me/+HL9Xac3ChFhmMmZi 🧑🏻💻 Вакансии: career.surf.ru 📲 По вопросам @SurfAskBot
显示更多3 125
订阅者
无数据24 小时
+57 天
+1130 天
帖子存档
Privacy Manifest
Не понимаешь, как соответствовать новым требованиям Apple при публикации Flutter-приложений в сторах? Не переживай, сейчас всё расскажем.
В новой статье ты узнаешь, что такое декларации конфиденциальности, или Privacy Manifest-ы, как их заполнять и как всё-таки пройти ревью приложения для публикации в App Store!
➡️Читать статью в Telegraph
Полезные ссылки:
🔵Видео с WWDC2023 про Privacy Manifest
🔵Декларация использования API — документация Apple
#surf_flutter #surf_telegraph
Как добавить Flutter-модуль в нативное приложение
🏄♀️ Сергей, Senior Flutter Developer в Surf, поделился на Хабре опытом работы с Flutter Add-to-App. Это не просто ознакомительная статья, а большой и подробный туториал с примерами в коде. Вот кое-что из содержания:
🔵инструкция по добавлению Flutter-модуля в Android и iOS;
🔵виды интеграции Flutter в натив — как экран, фрагмент, модальное окно;
🔵обмен данными между Flutter-модулем и нативным кодом;
🔵использование нескольких Flutter-модулей в одном приложении.
➡️Го читать и комментировать
#surf_flutter #surf_habr
+9
Формы во Flutter
Для одного проекта дизайнеры создали любопытный интерфейс приложения, в котором было много необычных полей:
🔵 текстовые;
🔵 для пикинга файлов;
🔵 с мультиселектом;
🔵с формой (форма внутри формы, привет Xzibit) и другие.
Го смотреть, как мы с этим справились.
Полезные ссылки:
➡️ Forms
➡️ Валидация форм
#surf_flutter
+1
Запустили регистрацию на летнюю школу Flutter 🐦
22-26 июля будем делиться экспертизой во Flutter и отбирать ребят в стажёрский резерв Surf!
Что за летние школы:
📌 Ты сделаешь первый шаг в IT-сферу и профессию;
📌 Пообщаешься с крутыми спецами в своей сфере и заведёшь полезные знакомства;
📌 Расширишь кругозор и сделаешь выбор в сторону той или иной профессии;
📌 Добавишь проекты в своё портфолио;
📌 И самое главное — получишь возможность стажировки в топовой IT-компании!
❗️ В этом году школа пройдёт офлайн — приглашаем ребят из Воронежа, стажировка после школы также пройдёт в офисе в Воронеже. Подробности о том, как всё будет устроено, мы отправим тебе на почту после регистрации. Наши преподаватели с нетерпением ждут встречи с молодыми и амбициозными студентами!
Чтобы участвовать, выполни несколько простых действий:
1️⃣ Регистрируйся на сайте;
2️⃣ После 15 июня начнём рассылать анкеты — чекай почту;
3️⃣ Жди приглашения на школу!
❓ По вопросам и FAQ пиши в нашего бота.
#surf_flutter #surf_events
+9
Базовые и продвинутые возможности дебаггера
Дебаггер — неотъемлемая часть жизни разработчика. Его предназначение — давать возможность быстро и эффективно выявлять причины ошибок. А ещё он позволяет понять, как работает код.
Без навыков работы с дебаггером (сюрпрайз!) сложно написать хорошо работающее приложение. Поэтому если ты ещё в начале разработческого пути и пока не работал с дебаггером, настоятельно рекомендуем внимательно прочитать этот пост и опробовать дебаггер.
Если ты уже на опыте, то, возможно, найдёшь в карточках что-то новое.
#surf_flutter
Записи докладов с митапа в Москве. Да, они готовы!
Ещё раз спасибо всем участникам митапа, а теперь узнать о том, что происходило в Москве, можно и онлайн! Приятного просмотра 🐦
📹 Surf Flutter Team. Технологический обзор
📹 5 лет с Flutter. Эволюция кроссплатформенности
📹 Flutter-диета. Как сбросить вес, выпиливая модули
#surf_flutter #surf_events
Едем на Mobius
🏄♀️ Surf Flutter EM Марк поделится опытом проектирования white-label приложения на Flutter и размышлениями о том, стоит ли вкладываться в их разработку. Будешь на Мобиусе, заходи!
📅 31 мая, 11:45
➡️ Подробнее о докладе
🔵 Купить билет
#surf_flutter #surf_events
+7
Каркас фичи за 7 секунд. Чем может быть полезен mason?
В какой-то момент у всех появляются лучшие подходы к написанию кода, которые кочуют из проекта в проект. Они превращаются в шаблонный код, который мы привыкли называть бойлерплейт.
Никто не любит бойлерплейт: для старта проектов появляются шаблоны, как, например, Surf Flutter App Template, для небольших кусков кода существуют Snippets (VSCode) и Live Templates (IntelliJ IDEA, Android Studio).
Но что, если этих инструментов недостаточно? Если есть потребность в более гибком инструменте для генерации шаблонного кода?
Мы во Flutter-команде Surf задались этими вопросами, и пришли к mason — мощному и гибкому генератору кода по шаблонам. И сейчас покажем, как его использовать.
Ссылки из карточек:
🔵 mustache
🔵 mason_cli
🔵 BrickHub
🔵 Синтаксис brick
#surf_flutter
Что нового во Flutter 3.22 🐦
14 мая Flutter зарелизил новую версию 3.22. И мы сделали целых две статьи на Хабр — перевод официального анонса и комментарии наших разработчиков. Скорее читай и делись своим мнением о релизе в комментариях!
➡️ Перевод статьи
➡️ Мнение Surf Flutter Team
#surf_flutter #surf_habr
+9
Сериализация и десериализация. Часть 2
Продолжаем тему и раскрываем её с практической стороны — иначе зачем мы вообще всё это делаем? 🤷♀️
Здесь мы:
🔵 Свяжем теорию с практикой на примере запроса в сеть;
🔵 Познакомимся с пакетами:
➡️ https://pub.dev/packages/json_serializable
➡️ https://pub.dev/packages/freezed
➡️ https://pub.dev/packages/retrofit
Они упростят нам жизнь — избавят от написания рутинного кода.
#surf_flutter
Про ключи во Flutter
Во Flutter много виджетов и в каждом есть свойство key — ключ. Используется оно не так часто и, на первый взгляд, может показаться несущественным. Но если использовать его неправильно, настанет хаос, разведутся баги, а приложение начнет вести себя неподобающе.
Выбрать правильный тип ключа для конкретной ситуации — сложная задача даже для опытных разработчиков. 🏄♀️ Женя, Surf Flutter Developer, рассказала в статье на Хабр, как правильно использовать ключи и избежать потенциальных проблем в работе приложения.
➡️ Читать статью
#surf_flutter #surf_habr
Будем на митапе Юзтеха
🏄♀️ Surf Head of Flutter Евгений Сатуров расскажет, как за 5 лет изменился Flutter — его сильные и слабые стороны и сферу применения. Все участники митапа получат джентельменский набор для быстрого старта разработки твоего следующего Flutter-приложения.
📅 6 мая, 15:00, онлайн
➡️ Зарегистрироваться на митап
#surf_events #surf_flutter
+6
Сериализация и десериализация. Часть 1
Если посмотреть абстрактно, то всё, что мы делаем в IT — передаём и отображаем данные в нужной форме.
Знание, как эти данные трансформируются и передаются на прикладном уровне во Flutter-разработке, поможет нам в выборе подходов для реализации дальнейшей логики.
В этом посте — теоретическая часть:
🔵 рассмотрим пример из жизни;
🔵 определим понятие;
🔵 познакомимся с подходами.
В следующем:
🔵 свяжем теорию и практику на примере обычного запроса в сеть;
🔵 познакомимся с пакетами, которые автоматизируют и упрощают нам жизнь и избавляют от потребности писать шаблонный код.
#surf_flutter
Как финтеху использовать PWA
Собрали выжимку из выступления 🏄♀️ Surf Head of Flutter Жени на конференции MobiFinance. Рассказали в статье на VC про технологию PWA, показали демо-версию банковского PWA-решения и примеры банков, которые уже перешли на PWA.
🔵 Читать статью
#surf_vc #surf_flutter
+5
Митап в Москве done 👍
Спасибо всем участникам московского митапа — рады вашей активности и вовлечённости! Делимся отзывами спикеров:
🔵 Марк, Surf Flutter EM:
Главное достижение этого митапа — нам удалось перенести внутреннюю атмосферу нашей команды, а у зрителей получилось её прочувствовать. Очень жаль, что не получилось пообщаться со всеми. Рад был увидеть студентов нашего курса, которые говорили столько приятных слов! Само это событие стало очередным доказательством того, что подобных мероприятий в сообществе должно стать больше.🔵 Сергей, Surf Flutter Team Lead:
Мне очень понравилась атмосфера — с такими слушателями я даже перестал заикаться уже на второй минуте доклада, а после него и вовсе начал полноценно получать удовольствие от происходящего. Получил очень интересные вопросы, хотя я вообще не ожидал, что мне зададут хотя бы один, а также кайфанул от докладов остальных спикеров — и понял, как надо выступать.🔵 Константин, Senior Flutter Dev, Yandex Pro:
Surf Flutter Meetup — чудесное мероприятие. Мой дебют в роли докладчика прошёл замечательно, в дружелюбной и открытой атмосфере. Множество горящих глаз, интересные доклады и бурные обсуждения. Огромное спасибо организаторам — это было шикарно! ❤️Записи докладов coming soon 🐦 #surf_events #surf_flutter
+6
Чем может быть полезен пакет nested?
Все знакомы с деревьями виджетов с глубокой вложенностью в Flutter. Такой код трудно читать и рефакторить, но можно ли сделать его лучше? Да, с помощью пакета nested: он поможет получить более линейную структуру дерева виджетов.
Как его использовать, ищи в карточках ⬆️
P. S. nested находится «под капотом» у provider, поэтому полезно понимать принципы его работы.
Ссылки из карточек:
🔵 Пакет nested
🔵 Пакет provider
🔵 Surf Flutter App Template
#surf_flutter #surf_opensource
+8
Для каких ещё, кроме e-com, приложений можно использовать Flutter? Сейчас расскажем.
Вообще мы решили чаще делиться нашими кейсами разработки, особенно если это что-то необычное.
Ловите первый — приложение для цифровизации производственных процессов в компании Evraz Steel Building.
Общее описание проекта в карточках, а полный кейс — по ссылке.
Немного технических и организационных подробностей:
🔵 MVP сделали за 3 недели;
🔵 Реализовали систему кеширования с использованием СУБД, для работы с которой использовали библиотеку drift;
🔵 Одну из фичей реализовали с применением WebSocket на базе пакета ws (Миша @PlugFox, респект 🩵);
🔵 Сделали сканирование QR-кодов с применением пакета mobile_scanner;
🔵 Чтобы оставлять пометки на фотографиях, использовали пакет image_painter с нашими доработками;
🔵 Ну и конечно, использовали стандартные для нас: elementary, auto_route и provider для DI.
📱 Приложение в RuStore
#surf_case #surf_flutter
Закрыли регистрацию на митап, всем спасибо!
Ждём тебя завтра в лофте Idealista по адресу: ул. Нижняя Сыромятническая, 11/1, офис 316 (м. Чкаловская).
В видео показали, как пройти в лофт от метро ⬆️
🏄♀️ Surf Flutter Developer Айнур делится впечатлениями от Стачки
13 апреля Айнур выступал на Стачке в Ульяновске и рассказывал про навигацию во Flutter. А вот его впечатления от конференции:
В целом конференция прошла супер-круто, я был удивлён масштабами и организацией: 🔵 ~300 спикеров 🔵 ~4000 участников 🔵 12-15 докладов параллельно по разным тематикам, из-за чего не успел всё, что хотел, посмотреть Мой доклад был в субботу утром после after party, поэтому аудитории было не густо, но прошло всё хорошо. Задавали вопросы, после выступления пообщались с ребятами по поводу навигации. Другие доклады по Flutter были, к сожалению, не супер интересными, кроме одного — про многомодульность. Как первое моё выступление и вообще поездка на такую конференцию — мне очень понравилось. Пообщался с кучей крутых ребят, послушал много интересных докладов, полюбовался Волгой. Для нас, в честь Дня космонавтики, даже выступал космонавт, который 3 раза летал. Некст стачка будет в СПб, так что тоже съезжу, только уже на метро :)Кто был на Стачке, пишите в комментариях, как оно? 🐦 #surf_flutter #surf_events
Repost from Сёрф Технологии
Будем на ещё одной конференции в Москве 📅
Расскажем, как банкам и финансовым компаниям сохранить доступность мобильных приложений при помощи PWA на Flutter. 🏄♀️ Surf Head of Flutter Евгений расскажет:
🔵 Что такое PWA и почему оно остаётся доступным даже под санкциями;
🔵 Почему стоит делать PWA именно на Flutter;
🔵 Что важно в приложении для пользователей, а что для бизнеса;
🔵 Почему больше нельзя полагаться только на классические магазины приложений.
Когда и где:
📅 16 апреля, offline
📍 Москва, СтартХаб (Красный октябрь), Берсеневская набережная, 6, стр. 3, 4 этаж
📌 Регистрация
Приходи узнать про PWA и задать интересующие вопросы! Для представителей банков и финансовых компаний вход бесплатный.
#surf_events #surf_flutter
现已上线!2025 年 Telegram 研究 — 年度关键洞察 
