Обучение 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 #программирование #обучение
Пікірлер: 136
Всё, чем могу быть полезен, по данной ссылке appbusters.io/
Игнат, благодарю за проделанную работу. Отличая подача материала, продолжай в том же духе, желаю успехов!
Очень круто!! На понятном языке) Спасибо Ignat!
Игнат, спасибо огромное! Все очень полезно и отличная подача материала. Пусть интерфейс FF за прошедшее время немного изменился, учебный проект удалось повторить довольно легко.
Очень крутой материал , жду не дождусь 2 видео . Спасибо вам огромное
Игнат, привет! Очень круто, спасибо тебе! Ждем второй урок )))
Большое спасибо Вам за ролик! Выпускайте побольше контента, очень круто получается! Комментарий в поддержку канала
Ну это прям заслуживает высших похвал,тупо даже чайнику стало понятно куда и как!Удачи в продвижении канала и ждём больше видосико по Флаттеру и прилегающих к нему!
Боже, вау!!! Даже не знал, что НАСТОЛЬКО крутой уровень уже можно делать. Это же естественно намного проще, чем в Андроид студио с кодом и вечными сборками. Спасибо тебе!
Спасибо большое 🤝 желаю тебе много 🍋 я как раз искал обучающее видео материал и вот оно. Благодарю 💪❤️
Спасибо за урок, Игнат! Только недавно узнал про такую штуку как FF, но понятия не имел как его можно изучить. Тем более, что я далек от программирования. Школы всякие ломят какие-то сумасшедшие деньги. А ты бесплатно сделал такой замечательный урок. Ещё не проходил, но верю что он сделан с толком и душёй. Иначе ты бы запилил какое-нить промо для платного курса и ждал учеников. Очень надеюсь, что это не так. Мало кто делает вклад в развитие общества и образования. Все хотят получать. На свой банковский счёт. Спасибо за уроки! Будем изучать. :О)
Спасибо за уроки, отличная подача материала
Супер урок. Понятный !!!!! Очень актуально спасибо.
Игнат, видео супер, очень жду вторую часть
Спасибо, познавательно и полезно! Прекрасная работа! Но есть небольшие недочеты, на которые Вам ,Игнат , следует обратить внимание. А он в принципе один - это очень и очень быстрая (лютая) подача материала без акцента на ключевых местах, как будто Вы пытаетесь время обогнать либо забросать оппонента аргументами в споре. Игнат, зачем? Довольно часто клики на записи экрана компьютера опережают ваши слова на несколько секунд либо делаются параллельно скороговоркой, поэтому даже на стоп кадре только с 10 раза можно поймать нужный момент, чтобы все сделать самому.....Как пользователя меня это побуждает искать того, кто подает материал комфортней. Но Ваш материал редкий, высокого уровня и полезности. Поэтому альтернатив у Вас практически нет сейчас. а если Вы быстро говорите и кликаете и стараетесь не растягивать части видео во времени , то можно просто их сделать больше и короче))) Как человек с 2 высшими образованиями имею моральное право Вам подсказать - разделите видео на конкретные тематические блоки (так будет удобнее всем и торопиться не надо будет). Благодарю за внимание, надеюсь на понимание.
Молодец! Большое спасибо!
Спасибо большое за твою работу
Огонь! Спасибо за урок)))
Очень здорово, спасибо!
Игнат, вы молодец. Отличные знания и подача.
@sprestay
8 күн бұрын
благодарю!
Крутое видео. Мотивирует к изучению. Спасибо.
Отличное новое лицо. Молодец. Спасибо за труд.
Вообще ТОП! Автор спасибо! 🔥
вауууууу, только сейчас понял какую важную и нужную информацию даете в этом видео. начал делать приложение сразу наткнулся на трудности по базе и в разных вещах, сверстать дизайн проще простого, а вот функциональность дать, сложновато, но ваше видео просто бесподобно!!! только сейчас, посмотрев еще раз, понял многие нюансы!!! СПАСИБО ВАМ!!!!! ОЧЕНЬ ПОМОГАЕТЕ! просьба, по возможности еще делайте и делайте такие бесподобные уроки! еще раз спасибо огромное!!!!!
Храни тебя господь, Игнат: столько инфы в единицу времени и так наглядно объясняешь.
Круто! Ждем вторую часть!
Лайк + подписка. Спасибо - мало подобных видео в рунете.
Толковый парень! Очень уж понравилось твоё повествование) Добра тебе и мира! ;) Подписался+✌️
Огромное спасибо!) Очень сильно помог!)
Лайк и коммент в поддержку молодого канала!👍
чувак ты лучший! на ютубе кроме тебя нет вобще ничего по флаттеру, очень жду от тебя роликов, подписка лайк однозначно! твои ролики ещё обязательно выстрелят, поверь!
Чувак! Ты просто монстр! 💥💥💥 Мне как раз нужен разработчик 🥸
Полезное видео. Спасибо.
Оооу, круто, жду уроки 👍
Мне было полезно, все получилось, хотя и многое уже изменилось во FlutterFlow. Стало еще проще - например, уже не нужно даже заходить ни в Firebase, ни в Google Cloud Console, все настраивается автоматически, после того как авторизуешься в своем гугл аккаунте. Просто праздник какой-то! Иду на второй урок!
Игнат Спасибо большое! очень полезно, и понятно получается у тебя донести мысли. Если получиться запиши пожалуйста видео как сделать простой магазин на Flutter Flow. Это инфа взорвёт.
Игнат, спасибо большое за видео! А что если нужно подключить свою БД или же не подключать ее так как логика на собственном backend java написана? Нужно сделать во FF UI и приконнектить апи + отправку запросов и парс ответов с бека. Сможете посоветовать видео подобные или будут ли у вас обзоры для FF?
Очень полезно, спасибо
Собирала рабочее приложение чисто на flutter. В процессе поняла, что оно не будет конкурентоспобным, потому что не могу сделать тот дизайн, который нужен. Попробовала на Flutter Flow + Figma, действительно удобно и получается конфетка 😍 Спасибо за видео! Но замечу, что есть некоторые ограничения в функционале, например, push-уведомления на телефон могу присылать только через Firebase, а для этого еще требует платную подписку на Firebase 😢 Даже не дает подключить уведомления для тестирования, что странно: раньше пуши на firebase именно на flutter подключала бесплатно
Большое спасибо!
Просто красава!!! жаль толко один лайк можно поставить так бы закидал, ничего похожего нет в ютубе👍🏻👍🏻👍🏻
Поднимаю актив)
Спасибо, интересно и понятно. Firebase позволяет создать базу в бесплатном аккаунте?
Отличный урок! Продолжай- тема очень интересная! Дружище, может ты подскажешь- как сделать чтобы инфу из FF сохранить в гугл таблицах? Вторую неделю c API борюсь- ничего не выходит
Спасибо за урок Игнат ! Админку как делать ? Можешь сделать урок ?
Урок классный! На сколько я понял, в бесплатном варианте нет возможности выгрузить код ил скомпилировать/протестировать приложение?
Похоже, они очень быстро обновляют FlutterFlow. За тот месяч, что прошел с тренинга, они ввели маски для ввода, в т.ч. телефонные, и при загрузке фото добавили путь - не только в Firebase, но и в на устройство. И вид добавления кастомных функций отличается.
@user-mg4ej2qd9e
3 ай бұрын
да, пришлось из-за этого в некоторых моментах голову поломать))
Слышно, видно, все отлично
Спасибо за урок! Подскажите, а как можно в FlutterFlow использовать magnetometer ?
Очень здорово, большое спасибо!!! Позволье небольшой вопрос- в видео иногда переходите к дизайну- это какая-то отдельная прога или можно в FF?
@radomilll
Жыл бұрын
Это Figma
А на бесплатном тарифе из FlatterFlow как-то можно будет потом выгрузить создать приложение для Гугл Плей, не напрямую (напрямую только в платных тарифах), а мбыть через копирование кода?
Вот бы побольше видео по flutterflow для тех кто вообще 0:)
Большое спасибо! Отличные уроки. Сейчас обучаюсь и затолкнулась на проблему которую не могу решить уже 3 дня. Делаю трекер настроения где человек создает документ с полем типа лист референсов. Референсы идут в таблицу emotions где собраны штук 50 чувств и эмоций. И мне надо чтобы в ходе создания документа человек выбрал несколько эмоций (я вывела их через choise chips) а потом сохранила несколько этих значений в поле. Такое вообще реализуемо? А то я уже подумываю вернуться в баббл где такие вещи решаются за 2 минуты 😂😂😂😂
1001 душевный лайк в копилку)
@user-lj2is1fk4h
Жыл бұрын
1024
@lanstromedamusic4976
Жыл бұрын
Тартарский соус!
Я в данный момент изучаю флаттер, и мне в этом видео предельно все ясно. Я в восторге на сколько сильно FF экономит время. Для меня оно однозначно профитное. Но вот мне кажется, что для людей которые далеки от программирования и без знаний хотя бы базовых знаний Флаттера, а так же без базового понимания Баз Данных это видео будет тяжелым в понимании. А так этот видос шикарен.
@sprestay
28 күн бұрын
спасибо за обратную связь, рад, что полезно!)
Добрый день, на этой платформе можно сделать доску объявлений?
А можно после создания приложения, выгрузить код и интегрировать Яндекс карты, и определение геопозиции?
Спасибо за видео. Интересный конструктор. Подскажите, пожалуйста, я хочу сделать приложение для организации различных заметок и текстовых блоков по определенным правилам, группам, тегам, папкам: инструмент для создания сценариев или сюжетов для написания книг. Пытался найти что-то готовое в магазине приложений, но там простые блокноты или почти блокноты. Единственное, что понравилось это story plotter, но не хватает его функционала. С помощью данного конструктора модно реализовать задуманное?
@sprestay
9 ай бұрын
В целом да
Доброго времени! Спасибо за столь подробный рассказ. Сейчас конечно немного дизайн FlutterFlow отличается, тем н менее интуитивно можно разобраться. Я новичок и на одном моменте споткнулся: на 30:28 нужно выбрать список (массив), но его нет сейчас, что выбирать?
@Heart_of_Society
3 ай бұрын
Разобрался, спасибо) Утро вечера мудренее)
А Firebase можно использовать для хранения данных пользователей из РФ? Это не нарушает 152-ФЗ?
На фоне, очень атмосферный звук, Турция?
Генерация кода вообще убила. Так можно и Dart выучить😁
@sandrocg84
Жыл бұрын
ваще прикол)
Игнат скажите пожалуйста как лично вы учили ФФ.?
Супер
Здравствуйте. Скажите, когда ожидать вторую часть? Первая очень понравилась.
@sprestay
Жыл бұрын
Опубликовано =)
Привет, у меня как у начинающего первый вопрос ставит в ступор, как лучше зарегаться на какой тариф? в итоге на бесплатный пока, но незнаю пойдет для разработки , есть ли возможность настроить русский интерфейс?
вместо баз firebase моно подключать airtable?
Ребят привет. Только начинаю путь программирования. Подскажите видео урок правильной установки flutter на Ubuntu. Или его лучше на винду ставить?
здравствуйте Игнат. у меня про обновлении бесплатного плана на. платные появляется сообщение we can't offer FlutterFlow in you region due to legal reason что это такое и как исправить
Супер чел 😎
Игнат, спасибо за туториал. Когда ждать вторую часть?
@sprestay
Жыл бұрын
21ого декабря
@user-dc1vk4fp7q
Жыл бұрын
@@sprestay Расскажи полный цикл набора команды, поиск проекта, реализация проекта, сроки, оплата, общение с клиентом и оставьте хотя бы почту куда можно обратиться
Масло в огонь разрабов добавляет ИИ, а теперь ещё и это чудо😂
Игнат, почему-то не загружается фото профиля, при этом Name и Profile_is_Full записываются. То есть как будто не срабатывает экшн Upload Media to Firebase. Уже и пересобирала и сравнивала с проектом, где все работает, не могу понять в чем может быть дело. Заранее благодарю за ответ
Добрый день Скажите пожалуйста как сделать радио и возможно ли это
Обсьясняешь все отлично.Я конечно уже месяц работаю на Флаттер и все что на этом знаю.Мне интересно одно,как ты сделаешь регистрацию по номеру,если не ошибаюсь там обязательны ключи 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$ за обучение,и не понятно как они обучают)
При запуске теста авторизации столкнулся с проблемой: в firebase не создается коллекция users, но в authentication телефон появляется. Подскажите пожалуйста
Почему эта тема так не популярна ? В чем прикол , это же раз в 10 ускоряет весь процесс разработки ПО , в чем подвох? Есть ли ограничения по возможностям приложений?
Project uses Firebase Performance Monitoring but Android config file is not uploaded вылезает ошибка((((
👍👍👍👍
Почему при создании новой страницы в Flutter Flow у меня нет вкладки чат?
А как задать списочный тип (enum) массива?
подписка
Почему у меня flatter flow работает супер медленно, пустой проект открывается минут 5, скролиттся страница так как будь-то я в 98 году через модем в интернет зашел, это от компьютера зависит? Спасибо!
Игнат, спасибо за урок,но, конечно, сразу не запомнишь все манипуляции.
Привет всем. Ошибка при запуске "Phone Number value is not properly set." в чем проблема? подскажите пожалуста...)))
цена? Что можно сделать на бесплатной версии?
Flutterflow изменили некоторые функции в интерфейсе, никак немог сделать ontap фото профиля
У меня вопрос: а как ведёт себя веб версия сайта, но на смартфоне? Выглядит точно также , как приложение?
@sprestay
7 ай бұрын
Ну как сайт =) вопрос непонятен. Попробуй посмотреть aviasales их сайт и их мобильное приложение
НЕ ТРАТЬТЕ ВРЕМЯ ИЩИТЕ ДРУГОЙ РЕСУРС . ПОКАЗЫВАЮТ ОКНА И НЕПОКАЗЫВАЮТ КАК в них ходить, и часами ищешь
А на каком приложении делал дизайн (эскиз)?
@sprestay
Жыл бұрын
figma
Подскажите, в CircleImage никак не могу настроить Conditional Visibility, а именно в Widget State у меня нет Uploaded File URL, уже раз 7 посмотрел, все делаю по видео... Видимо за месяц поменяли что-то, как теперь это делается?
@user-tb2so8qu8g
Жыл бұрын
А они его переименовали, теперь это просто PhotoURL Я сначала тоже перепутал и нарвался на UploadedFile, а нужен -то url в общем, надо в WidgetState искать по слову url, тогда выдаст нужную переменную
Игнат, тут с генерацией кода не могу разобраться, версия 3.1
Получается вообще нельзя сделать подстановку маски для номера телефона? и еще вопросы: 1. Можно ли сделать подпись ЭЦП через криптопро в FF 2.Есть ли возможность создавать канвас изображения с редактированием? 3. Есть ли возможность подключать кастомный голосовой помощник на web socket или на webRTC
@Evgeny..
7 ай бұрын
если нет то похоже наше приложение достаточно уникально) НАписано на JS, но вот появилось желание сделать его на FF.
@Evgeny..
7 ай бұрын
и еще получается что flutter flow конструктор есть только в веб версии? А есть ли он для пк?
@Evgeny..
7 ай бұрын
маску уже понял как сделать, все оказывается просто)
Может кто-нибудь подсказать час, где есть комьюнити по FF?
Скажите, есть ли разница в скорости приложений между Flutter и FlutterFlow?
@sprestay
Жыл бұрын
FlutterFlow генерирует тот же Flutter код, поэтому разницы нет =)
@rnturntu8648
Жыл бұрын
@@sprestay Ок, спасибо
Я, может, где-то пропустила, но откуда вы взяли номер телефона и код 111111? Ввожу свой номер - смс не приходит
@eugener1088
Жыл бұрын
В firebase есть тестовые номера телефонов, там же можно указать код который будешь вводить. Смс при использовании тестового номера не приходит
почему ты говоришь иногда файрбэйс а иногда фэйрбэйс?
Не могу оформить подписку кроме бесплатной =( причина указана как "невозможно подключить в вашем регионе по юридическим причинам". Сталкивался кто с таким?! как активировать подписку
@user-ng2lq8do4l
9 ай бұрын
У меня такая же проблема...
Otlichnij video. Na dannij moment FlutterFlow predlogajet firebase projekt otkritj za polzivatjelja.
У флаттера чистый код?