Обучение FlutterFlow, с нуля до про. Часть 1 из 2

Нужно приложение? Сайт? Научить? Помочь? Трудоустроить? Все здесь: appbusters.io/
Мой тг канал про разработку: t.me/+YgoymZc2k5I3ZmIy
Инстаграм: / sprestay
ВК: sprestay
Вторая часть обучения: • Обучение FlutterFlow, ...
FlutterFlow: app.flutterflow.io/create-acc...
Firebase: firebase.google.com/
Figma с дизайном: www.figma.com/file/MZH3ziNYTi...
Таймкоды:
00:00 Вступление
01:12 Что разрабатываем?
02:37 Создание проекта FF
02:55 Обзор и создание firebase
03:42 Firebase Authentication
04:35 Firebase Firestore
08:28 Firebase Storage
09:30 настройка Firebase и FlutterFlow
11:05 интерфейс FlutterFlow
16:00 верстка
24:20 база данных
34:40 авторизация в приложении
35:20 действия
41:08 условия
41:38 программирование во flutterflow
43:20 дорабатываем условия
49:45 conditional visibility
56:10 неочевидные ошибки
58:44 финал
#flutterflow #программирование #обучение

[@sprestay]

Всё, чем могу быть полезен, по данной ссылке appbusters.io/

[@trmo72]

Игнат, благодарю за проделанную работу. Отличая подача материала, продолжай в том же духе, желаю успехов!

[@mikasaakkerman8935]

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

[@user-ik8xq2ct1b]

Очень круто!! На понятном языке) Спасибо Ignat!

[@victorkasyanov1540]

Игнат, привет! Очень круто, спасибо тебе! Ждем второй урок )))

[@user-ir3lb5sx4f]

Большое спасибо Вам за ролик! Выпускайте побольше контента, очень круто получается! Комментарий в поддержку канала

[@marinaivanova5078]

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

[@learn9416]

Спасибо за уроки, отличная подача материала

[@yuriykonkov5170]

Игнат, видео супер, очень жду вторую часть

[@user-xo9ks9bc6j]

Супер урок. Понятный !!!!! Очень актуально спасибо.

[@dima.666]

Боже, вау!!! Даже не знал, что НАСТОЛЬКО крутой уровень уже можно делать. Это же естественно намного проще, чем в Андроид студио с кодом и вечными сборками. Спасибо тебе!

[@user-jh7yx4dy7c]

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

[@AliAli-bm6pc]

Спасибо большое 🤝 желаю тебе много 🍋 я как раз искал обучающее видео материал и вот оно. Благодарю 💪❤️

[@vi6033]

Огонь! Спасибо за урок)))

[@user-xq6cv1we9j]

Круто! Ждем вторую часть!

[@kastiell93]

Вообще ТОП! Автор спасибо! 🔥

[@GrigoryRepin]

Крутое видео. Мотивирует к изучению. Спасибо.

[@BomaDzin]

Очень здорово, спасибо!

[@maxxxtermind]

Храни тебя господь, Игнат: столько инфы в единицу времени и так наглядно объясняешь.

[@user-sb9fq5ov3h]

Молодец! Большое спасибо!

[@StanislavObrazcoff]

Отличное новое лицо. Молодец. Спасибо за труд.

[@Mental_Support]

Спасибо большое за твою работу

[@user-or9sg4wl7n]

Огромное спасибо!) Очень сильно помог!)

[@user-rn4tc9tq9e]

Лайк и коммент в поддержку молодого канала!👍

[@Mr.iBrain]

Спасибо за урок, Игнат! Только недавно узнал про такую штуку как FF, но понятия не имел как его можно изучить. Тем более, что я далек от программирования. Школы всякие ломят какие-то сумасшедшие деньги. А ты бесплатно сделал такой замечательный урок. Ещё не проходил, но верю что он сделан с толком и душёй. Иначе ты бы запилил какое-нить промо для платного курса и ждал учеников. Очень надеюсь, что это не так. Мало кто делает вклад в развитие общества и образования. Все хотят получать. На свой банковский счёт. Спасибо за уроки! Будем изучать. :О)

[@quantower7714]

Толковый парень! Очень уж понравилось твоё повествование) Добра тебе и мира! ;) Подписался+✌️

[@bulychbrothers1758]

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

[@yveryi]

Оооу, круто, жду уроки 👍

[@arisweb]

Лайк + подписка. Спасибо - мало подобных видео в рунете.

[@yug_fm7223]

Чувак! Ты просто монстр! 💥💥💥 Мне как раз нужен разработчик 🥸

[@gorgulij]

Мне было полезно, все получилось, хотя и многое уже изменилось во FlutterFlow. Стало еще проще - например, уже не нужно даже заходить ни в Firebase, ни в Google Cloud Console, все настраивается автоматически, после того как авторизуешься в своем гугл аккаунте. Просто праздник какой-то! Иду на второй урок!

[@BETEP_TV]

Игнат Спасибо большое! очень полезно, и понятно получается у тебя донести мысли. Если получиться запиши пожалуйста видео как сделать простой магазин на Flutter Flow. Это инфа взорвёт.

[@3220523]

Поднимаю актив)

[@Marina-vt5pv]

Собирала рабочее приложение чисто на flutter. В процессе поняла, что оно не будет конкурентоспобным, потому что не могу сделать тот дизайн, который нужен. Попробовала на Flutter Flow + Figma, действительно удобно и получается конфетка 😍 Спасибо за видео! Но замечу, что есть некоторые ограничения в функционале, например, push-уведомления на телефон могу присылать только через Firebase, а для этого еще требует платную подписку на Firebase 😢 Даже не дает подключить уведомления для тестирования, что странно: раньше пуши на firebase именно на flutter подключала бесплатно

[@user-kl6ye4nc8l]

Полезное видео. Спасибо.

[@DBor]

Очень полезно, спасибо

[@gridgum]

вауууууу, только сейчас понял какую важную и нужную информацию даете в этом видео. начал делать приложение сразу наткнулся на трудности по базе и в разных вещах, сверстать дизайн проще простого, а вот функциональность дать, сложновато, но ваше видео просто бесподобно!!! только сейчас, посмотрев еще раз, понял многие нюансы!!! СПАСИБО ВАМ!!!!! ОЧЕНЬ ПОМОГАЕТЕ! просьба, по возможности еще делайте и делайте такие бесподобные уроки! еще раз спасибо огромное!!!!!

[@user-ng7gq9fz3l]

Большое спасибо!

[@allenidza7528]

Вот бы побольше видео по flutterflow для тех кто вообще 0:)

[@movsadihaj2509]

Просто красава!!! жаль толко один лайк можно поставить так бы закидал, ничего похожего нет в ютубе👍🏻👍🏻👍🏻

[@alekseykas]

Игнат, спасибо большое за видео! А что если нужно подключить свою БД или же не подключать ее так как логика на собственном backend java написана? Нужно сделать во FF UI и приконнектить апи + отправку запросов и парс ответов с бека. Сможете посоветовать видео подобные или будут ли у вас обзоры для FF?

[@kroganfemale9579]

Слышно, видно, все отлично

[@milagendelman]

Игнат, почему-то не загружается фото профиля, при этом Name и Profile_is_Full записываются. То есть как будто не срабатывает экшн Upload Media to Firebase. Уже и пересобирала и сравнивала с проектом, где все работает, не могу понять в чем может быть дело. Заранее благодарю за ответ

[@practical-skills-school]

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

[@user-mg4ej2qd9e]

да, пришлось из-за этого в некоторых моментах голову поломать))

[@granitsaonline]

Спасибо, познавательно и полезно! Прекрасная работа! Но есть небольшие недочеты, на которые Вам ,Игнат , следует обратить внимание. А он в принципе один - это очень и очень быстрая (лютая) подача материала без акцента на ключевых местах, как будто Вы пытаетесь время обогнать либо забросать оппонента аргументами в споре. Игнат, зачем? Довольно часто клики на записи экрана компьютера опережают ваши слова на несколько секунд либо делаются параллельно скороговоркой, поэтому даже на стоп кадре только с 10 раза можно поймать нужный момент, чтобы все сделать самому.....Как пользователя меня это побуждает искать того, кто подает материал комфортней. Но Ваш материал редкий, высокого уровня и полезности. Поэтому альтернатив у Вас практически нет сейчас. а если Вы быстро говорите и кликаете и стараетесь не растягивать части видео во времени , то можно просто их сделать больше и короче))) Как человек с 2 высшими образованиями имею моральное право Вам подсказать - разделите видео на конкретные тематические блоки (так будет удобнее всем и торопиться не надо будет). Благодарю за внимание, надеюсь на понимание.

[@user-dm4zn1bx7e]

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

[@bohdanstyslo]

Спасибо, интересно и понятно. Firebase позволяет создать базу в бесплатном аккаунте?

[@lanstromedamusic4976]

1001 душевный лайк в копилку)

[@user-lj2is1fk4h]

1024

[@lanstromedamusic4976]

Тартарский соус!

[@user-mt3hx9ym5b]

А можно после создания приложения, выгрузить код и интегрировать Яндекс карты, и определение геопозиции?

[@yevgeniykan9379]

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

[@user-nu3qb6zk3u]

Супер

[@ruslansad]

А Firebase можно использовать для хранения данных пользователей из РФ? Это не нарушает 152-ФЗ?

[@ArtemTapaev]

Супер чел 😎

[@andreitrg]

Урок классный! На сколько я понял, в бесплатном варианте нет возможности выгрузить код ил скомпилировать/протестировать приложение?

[@LeraMulina]

Большое спасибо! Отличные уроки. Сейчас обучаюсь и затолкнулась на проблему которую не могу решить уже 3 дня. Делаю трекер настроения где человек создает документ с полем типа лист референсов. Референсы идут в таблицу emotions где собраны штук 50 чувств и эмоций. И мне надо чтобы в ходе создания документа человек выбрал несколько эмоций (я вывела их через choise chips) а потом сохранила несколько этих значений в поле. Такое вообще реализуемо? А то я уже подумываю вернуться в баббл где такие вещи решаются за 2 минуты 😂😂😂😂

[@zhenikosha]

вместо баз firebase моно подключать airtable?

[@Mebellevel]

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

[@hemchik]

Спасибо за урок Игнат ! Админку как делать ? Можешь сделать урок ?

[@ivanovserg8795]

Спасибо за урок! Подскажите, а как можно в FlutterFlow использовать magnetometer ?

[@Cyneprepou]

Спасибо за видео. Интересный конструктор. Подскажите, пожалуйста, я хочу сделать приложение для организации различных заметок и текстовых блоков по определенным правилам, группам, тегам, папкам: инструмент для создания сценариев или сюжетов для написания книг. Пытался найти что-то готовое в магазине приложений, но там простые блокноты или почти блокноты. Единственное, что понравилось это story plotter, но не хватает его функционала. С помощью данного конструктора модно реализовать задуманное?

[@sprestay]

В целом да

[@Boykinson88]

Добрый день, на этой платформе можно сделать доску объявлений?

[@sergeykorsakoff9801]

А на бесплатном тарифе из FlatterFlow как-то можно будет потом выгрузить создать приложение для Гугл Плей, не напрямую (напрямую только в платных тарифах), а мбыть через копирование кода?

[@medvedevaludmila]

Ребят привет. Только начинаю путь программирования. Подскажите видео урок правильной установки flutter на Ubuntu. Или его лучше на винду ставить?

[@alexeyryaguzov3951]

здравствуйте Игнат. у меня про обновлении бесплатного плана на. платные появляется сообщение we can't offer FlutterFlow in you region due to legal reason что это такое и как исправить

[@hzdis]

Игнат скажите пожалуйста как лично вы учили ФФ.?

[@alternative4438]

Почему у меня flatter flow работает супер медленно, пустой проект открывается минут 5, скролиттся страница так как будь-то я в 98 году через модем в интернет зашел, это от компьютера зависит? Спасибо!

[@user-yu5rm6gs5m]

Доброго времени! Спасибо за столь подробный рассказ. Сейчас конечно немного дизайн FlutterFlow отличается, тем н менее интуитивно можно разобраться. Я новичок и на одном моменте споткнулся: на 30:28 нужно выбрать список (массив), но его нет сейчас, что выбирать?

[@user-yu5rm6gs5m]

Разобрался, спасибо) Утро вечера мудренее)

[@user-dp7eu9jc2x]

Очень здорово, большое спасибо!!! Позволье небольшой вопрос- в видео иногда переходите к дизайну- это какая-то отдельная прога или можно в FF?

[@radomilll]

Это Figma

[@MR.Grives]

На фоне, очень атмосферный звук, Турция?

[@royarmstrong6]

Я в данный момент изучаю флаттер, и мне в этом видео предельно все ясно. Я в восторге на сколько сильно FF экономит время. Для меня оно однозначно профитное. Но вот мне кажется, что для людей которые далеки от программирования и без знаний хотя бы базовых знаний Флаттера, а так же без базового понимания Баз Данных это видео будет тяжелым в понимании. А так этот видос шикарен.

[@sprestay]

спасибо за обратную связь, рад, что полезно!)

[@sinomagstrom351]

А как задать списочный тип (enum) массива?

[@adilkassymov3584]

Игнат, тут с генерацией кода не могу разобраться, версия 3.1

[@user-yd3tf7dw2e]

Добрый день Скажите пожалуйста как сделать радио и возможно ли это

[@Foryou-cu8yd]

подписка

[@creationspace]

Здравствуйте. Скажите, когда ожидать вторую часть? Первая очень понравилась.

[@sprestay]

Опубликовано =)

[@user-vz8kl4fp5y]

Масло в огонь разрабов добавляет ИИ, а теперь ещё и это чудо😂

[@user-vy5on4ju5b]

цена? Что можно сделать на бесплатной версии?

[@atrservicemsk]

Игнат, спасибо за туториал. Когда ждать вторую часть?

[@sprestay]

21ого декабря

[@user-dc1vk4fp7q]

@@sprestay Расскажи полный цикл набора команды, поиск проекта, реализация проекта, сроки, оплата, общение с клиентом и оставьте хотя бы почту куда можно обратиться

[@user-bd3rt1yl2o]

Может кто-нибудь подсказать час, где есть комьюнити по FF?

[@alikhanmurzayev4784]

Генерация кода вообще убила. Так можно и Dart выучить😁

[@sandrocg84]

ваще прикол)

[@stefanclear]

👍👍👍👍

[@user-ef6eb4tx6v]

Project uses Firebase Performance Monitoring but Android config file is not uploaded вылезает ошибка((((

[@BuluuBelex]

Привет всем. Ошибка при запуске "Phone Number value is not properly set." в чем проблема? подскажите пожалуста...)))

[@umidbabayev3453]

Обсьясняешь все отлично.Я конечно уже месяц работаю на Флаттер и все что на этом знаю.Мне интересно одно,как ты сделаешь регистрацию по номеру,если не ошибаюсь там обязательны ключи SHA,подтверждение устройста,и это нужно делать в терминале.Уже больше 8 часов над этим мучаюсь,не получается,было бы отлично если твое видео поскорее набрало 100 лайков,я помогу как смогу с этим))

[@sprestay]

Привет! Во втором видео ответа на этот вопрос не будет) Можно сюда покопать: coderwall.com/p/r09hoq/android-generate-release-debug-keystores с помощью команд, что указаны в ссылке, сгенерировать SHA ключи и загрузить их в firebase support.google.com/firebase/answer/9137403?hl=en

[@umidbabayev3453]

@@sprestay Спасибо Игнат.Удачи тебе в твоих начинаниях,верю что ты сможешь затронуть более сложные моменты в функционале Flutter Flow.На данный момент очень мало документации и особенно видео на эту тему,а "курсы" просят по 500-600$ за обучение,и не понятно как они обучают)

[@aarudolf]

Подскажите, в CircleImage никак не могу настроить Conditional Visibility, а именно в Widget State у меня нет Uploaded File URL, уже раз 7 посмотрел, все делаю по видео... Видимо за месяц поменяли что-то, как теперь это делается?

[@user-tb2so8qu8g]

А они его переименовали, теперь это просто PhotoURL Я сначала тоже перепутал и нарвался на UploadedFile, а нужен -то url в общем, надо в WidgetState искать по слову url, тогда выдаст нужную переменную

[@relaxinglish]

Почему эта тема так не популярна ? В чем прикол , это же раз в 10 ускоряет весь процесс разработки ПО , в чем подвох? Есть ли ограничения по возможностям приложений?

[@catfrommoscov]

Почему при создании новой страницы в Flutter Flow у меня нет вкладки чат?

[@densru78]

У меня вопрос: а как ведёт себя веб версия сайта, но на смартфоне? Выглядит точно также , как приложение?

[@sprestay]

Ну как сайт =) вопрос непонятен. Попробуй посмотреть aviasales их сайт и их мобильное приложение

[@user-ik8xq2ct1b]

А на каком приложении делал дизайн (эскиз)?

[@sprestay]

figma

[@rnturntu8648]

Скажите, есть ли разница в скорости приложений между Flutter и FlutterFlow?

[@sprestay]

FlutterFlow генерирует тот же Flutter код, поэтому разницы нет =)

[@rnturntu8648]

@@sprestay Ок, спасибо

[@zydexzaz]

почему ты говоришь иногда файрбэйс а иногда фэйрбэйс?

[@SKS51087]

Не могу оформить подписку кроме бесплатной =( причина указана как "невозможно подключить в вашем регионе по юридическим причинам". Сталкивался кто с таким?! как активировать подписку

[@user-ng2lq8do4l]

У меня такая же проблема...

[@boris7051941]

Игнат, спасибо за урок,но, конечно, сразу не запомнишь все манипуляции.

[@zalkar-info]

У флаттера чистый код?

[@milagendelman]

Я, может, где-то пропустила, но откуда вы взяли номер телефона и код 111111? Ввожу свой номер - смс не приходит

[@eugener1088]

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

[@LatvianViking]

Otlichnij video. Na dannij moment FlutterFlow predlogajet firebase projekt otkritj za polzivatjelja.

[@Evgeny..]

Получается вообще нельзя сделать подстановку маски для номера телефона? и еще вопросы: 1. Можно ли сделать подпись ЭЦП через криптопро в FF 2.Есть ли возможность создавать канвас изображения с редактированием? 3. Есть ли возможность подключать кастомный голосовой помощник на web socket или на webRTC

[@Evgeny..]

если нет то похоже наше приложение достаточно уникально) НАписано на JS, но вот появилось желание сделать его на FF.

[@Evgeny..]

и еще получается что flutter flow конструктор есть только в веб версии? А есть ли он для пк?

[@Evgeny..]

маску уже понял как сделать, все оказывается просто)

[@user-xv6zf9fd9e]

import 'dart:math' as math; bool chekphone (String phone) { return phone.length == 12; }

[@serginioalados4459]

кто нибудь смог этот проект запустить?

[@oleg-potapov]

Жаль что нет уроков по интеграции FlutterFlow с Яндекс.Облаком и аналогами (российскими). По законодательству РФ, данные пользователей нельзя хранить на серверах за рубежом.