Обучение FlutterFlow, с нуля до про. Часть 1 из 2
ฝัง
- เผยแพร่เมื่อ 20 พ.ค. 2024
- Нужно приложение? Сайт? Научить? Помочь? Трудоустроить? Все здесь: 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 #программирование #обучение
Всё, чем могу быть полезен, по данной ссылке appbusters.io/
Игнат, благодарю за проделанную работу. Отличая подача материала, продолжай в том же духе, желаю успехов!
Очень крутой материал , жду не дождусь 2 видео . Спасибо вам огромное
Очень круто!! На понятном языке) Спасибо Ignat!
Спасибо, познавательно и полезно! Прекрасная работа! Но есть небольшие недочеты, на которые Вам ,Игнат , следует обратить внимание. А он в принципе один - это очень и очень быстрая (лютая) подача материала без акцента на ключевых местах, как будто Вы пытаетесь время обогнать либо забросать оппонента аргументами в споре. Игнат, зачем? Довольно часто клики на записи экрана компьютера опережают ваши слова на несколько секунд либо делаются параллельно скороговоркой, поэтому даже на стоп кадре только с 10 раза можно поймать нужный момент, чтобы все сделать самому.....Как пользователя меня это побуждает искать того, кто подает материал комфортней. Но Ваш материал редкий, высокого уровня и полезности. Поэтому альтернатив у Вас практически нет сейчас. а если Вы быстро говорите и кликаете и стараетесь не растягивать части видео во времени , то можно просто их сделать больше и короче))) Как человек с 2 высшими образованиями имею моральное право Вам подсказать - разделите видео на конкретные тематические блоки (так будет удобнее всем и торопиться не надо будет). Благодарю за внимание, надеюсь на понимание.
Игнат, привет! Очень круто, спасибо тебе! Ждем второй урок )))
Спасибо за уроки, отличная подача материала
Большое спасибо Вам за ролик! Выпускайте побольше контента, очень круто получается! Комментарий в поддержку канала
Игнат, спасибо огромное! Все очень полезно и отличная подача материала. Пусть интерфейс FF за прошедшее время немного изменился, учебный проект удалось повторить довольно легко.
Игнат, видео супер, очень жду вторую часть
Супер урок. Понятный !!!!! Очень актуально спасибо.
Спасибо большое 🤝 желаю тебе много 🍋 я как раз искал обучающее видео материал и вот оно. Благодарю 💪❤️
Ну это прям заслуживает высших похвал,тупо даже чайнику стало понятно куда и как!Удачи в продвижении канала и ждём больше видосико по Флаттеру и прилегающих к нему!
Молодец! Большое спасибо!
Вообще ТОП! Автор спасибо! 🔥
Крутое видео. Мотивирует к изучению. Спасибо.
Огонь! Спасибо за урок)))
Круто! Ждем вторую часть!
Спасибо за урок, Игнат! Только недавно узнал про такую штуку как FF, но понятия не имел как его можно изучить. Тем более, что я далек от программирования. Школы всякие ломят какие-то сумасшедшие деньги. А ты бесплатно сделал такой замечательный урок. Ещё не проходил, но верю что он сделан с толком и душёй. Иначе ты бы запилил какое-нить промо для платного курса и ждал учеников. Очень надеюсь, что это не так. Мало кто делает вклад в развитие общества и образования. Все хотят получать. На свой банковский счёт. Спасибо за уроки! Будем изучать. :О)
Очень здорово, спасибо!
Боже, вау!!! Даже не знал, что НАСТОЛЬКО крутой уровень уже можно делать. Это же естественно намного проще, чем в Андроид студио с кодом и вечными сборками. Спасибо тебе!
Спасибо большое за твою работу
Огромное спасибо!) Очень сильно помог!)
Лайк и коммент в поддержку молодого канала!👍
Отличное новое лицо. Молодец. Спасибо за труд.
Оооу, круто, жду уроки 👍
чувак ты лучший! на ютубе кроме тебя нет вобще ничего по флаттеру, очень жду от тебя роликов, подписка лайк однозначно! твои ролики ещё обязательно выстрелят, поверь!
Толковый парень! Очень уж понравилось твоё повествование)
Добра тебе и мира! ;)
Подписался+✌️
Храни тебя господь, Игнат: столько инфы в единицу времени и так наглядно объясняешь.
Игнат, вы молодец. Отличные знания и подача.
благодарю!
Лайк + подписка. Спасибо - мало подобных видео в рунете.
вауууууу, только сейчас понял какую важную и нужную информацию даете в этом видео. начал делать приложение сразу наткнулся на трудности по базе и в разных вещах, сверстать дизайн проще простого, а вот функциональность дать, сложновато, но ваше видео просто бесподобно!!! только сейчас, посмотрев еще раз, понял многие нюансы!!! СПАСИБО ВАМ!!!!! ОЧЕНЬ ПОМОГАЕТЕ! просьба, по возможности еще делайте и делайте такие бесподобные уроки! еще раз спасибо огромное!!!!!
Чувак! Ты просто монстр! 💥💥💥
Мне как раз нужен разработчик 🥸
Поднимаю актив)
Мне было полезно, все получилось, хотя и многое уже изменилось во FlutterFlow. Стало еще проще - например, уже не нужно даже заходить ни в Firebase, ни в Google Cloud Console, все настраивается автоматически, после того как авторизуешься в своем гугл аккаунте. Просто праздник какой-то!
Иду на второй урок!
Собирала рабочее приложение чисто на flutter. В процессе поняла, что оно не будет конкурентоспобным, потому что не могу сделать тот дизайн, который нужен. Попробовала на Flutter Flow + Figma, действительно удобно и получается конфетка 😍 Спасибо за видео! Но замечу, что есть некоторые ограничения в функционале, например, push-уведомления на телефон могу присылать только через Firebase, а для этого еще требует платную подписку на Firebase 😢 Даже не дает подключить уведомления для тестирования, что странно: раньше пуши на firebase именно на flutter подключала бесплатно
Полезное видео. Спасибо.
Большое спасибо!
Игнат, спасибо большое за видео!
А что если нужно подключить свою БД или же не подключать ее так как логика на собственном backend java написана?
Нужно сделать во FF UI и приконнектить апи + отправку запросов и парс ответов с бека. Сможете посоветовать видео подобные или будут ли у вас обзоры для FF?
Игнат Спасибо большое! очень полезно, и понятно получается у тебя донести мысли.
Если получиться запиши пожалуйста видео как сделать простой магазин на Flutter Flow. Это инфа взорвёт.
Очень полезно, спасибо
Игнат, почему-то не загружается фото профиля, при этом Name и Profile_is_Full записываются. То есть как будто не срабатывает экшн Upload Media to Firebase. Уже и пересобирала и сравнивала с проектом, где все работает, не могу понять в чем может быть дело. Заранее благодарю за ответ
Спасибо, интересно и понятно.
Firebase позволяет создать базу в бесплатном аккаунте?
Спасибо за урок Игнат ! Админку как делать ? Можешь сделать урок ?
Вот бы побольше видео по flutterflow для тех кто вообще 0:)
Отличный урок! Продолжай- тема очень интересная! Дружище, может ты подскажешь- как сделать чтобы инфу из FF сохранить в гугл таблицах? Вторую неделю c API борюсь- ничего не выходит
Слышно, видно, все отлично
Просто красава!!! жаль толко один лайк можно поставить так бы закидал, ничего похожего нет в ютубе👍🏻👍🏻👍🏻
1001 душевный лайк в копилку)
1024
Тартарский соус!
Урок классный!
На сколько я понял, в бесплатном варианте нет возможности выгрузить код ил скомпилировать/протестировать приложение?
Привет, у меня как у начинающего первый вопрос ставит в ступор, как лучше зарегаться на какой тариф? в итоге на бесплатный пока, но незнаю пойдет для разработки , есть ли возможность настроить русский интерфейс?
Похоже, они очень быстро обновляют FlutterFlow. За тот месяч, что прошел с тренинга, они ввели маски для ввода, в т.ч. телефонные, и при загрузке фото добавили путь - не только в Firebase, но и в на устройство. И вид добавления кастомных функций отличается.
да, пришлось из-за этого в некоторых моментах голову поломать))
Спасибо за урок! Подскажите, а как можно в FlutterFlow использовать magnetometer ?
Большое спасибо! Отличные уроки. Сейчас обучаюсь и затолкнулась на проблему которую не могу решить уже 3 дня. Делаю трекер настроения где человек создает документ с полем типа лист референсов. Референсы идут в таблицу emotions где собраны штук 50 чувств и эмоций. И мне надо чтобы в ходе создания документа человек выбрал несколько эмоций (я вывела их через choise chips) а потом сохранила несколько этих значений в поле. Такое вообще реализуемо? А то я уже подумываю вернуться в баббл где такие вещи решаются за 2 минуты 😂😂😂😂
При запуске теста авторизации столкнулся с проблемой: в firebase не создается коллекция users, но в authentication телефон появляется. Подскажите пожалуйста
А можно после создания приложения, выгрузить код и интегрировать Яндекс карты, и определение геопозиции?
Очень здорово, большое спасибо!!! Позволье небольшой вопрос- в видео иногда переходите к дизайну- это какая-то отдельная прога или можно в FF?
Это Figma
Ребят привет. Только начинаю путь программирования. Подскажите видео урок правильной установки flutter на Ubuntu. Или его лучше на винду ставить?
Спасибо за видео. Интересный конструктор. Подскажите, пожалуйста, я хочу сделать приложение для организации различных заметок и текстовых блоков по определенным правилам, группам, тегам, папкам: инструмент для создания сценариев или сюжетов для написания книг. Пытался найти что-то готовое в магазине приложений, но там простые блокноты или почти блокноты. Единственное, что понравилось это story plotter, но не хватает его функционала.
С помощью данного конструктора модно реализовать задуманное?
В целом да
вместо баз firebase моно подключать airtable?
Супер чел 😎
А на бесплатном тарифе из FlatterFlow как-то можно будет потом выгрузить создать приложение для Гугл Плей, не напрямую (напрямую только в платных тарифах), а мбыть через копирование кода?
Добрый день, на этой платформе можно сделать доску объявлений?
А Firebase можно использовать для хранения данных пользователей из РФ? Это не нарушает 152-ФЗ?
Доброго времени! Спасибо за столь подробный рассказ. Сейчас конечно немного дизайн FlutterFlow отличается, тем н менее интуитивно можно разобраться. Я новичок и на одном моменте споткнулся: на 30:28 нужно выбрать список (массив), но его нет сейчас, что выбирать?
Разобрался, спасибо) Утро вечера мудренее)
Супер
Игнат скажите пожалуйста как лично вы учили ФФ.?
На фоне, очень атмосферный звук, Турция?
здравствуйте Игнат. у меня про обновлении бесплатного плана на. платные появляется сообщение we can't offer FlutterFlow in you region due to legal reason что это такое и как исправить
Здравствуйте. Скажите, когда ожидать вторую часть? Первая очень понравилась.
Опубликовано =)
Генерация кода вообще убила. Так можно и Dart выучить😁
ваще прикол)
Добрый день Скажите пожалуйста как сделать радио и возможно ли это
Я в данный момент изучаю флаттер, и мне в этом видео предельно все ясно. Я в восторге на сколько сильно FF экономит время. Для меня оно однозначно профитное. Но вот мне кажется, что для людей которые далеки от программирования и без знаний хотя бы базовых знаний Флаттера, а так же без базового понимания Баз Данных это видео будет тяжелым в понимании. А так этот видос шикарен.
спасибо за обратную связь, рад, что полезно!)
А как задать списочный тип (enum) массива?
Игнат, тут с генерацией кода не могу разобраться, версия 3.1
Почему у меня flatter flow работает супер медленно, пустой проект открывается минут 5, скролиттся страница так как будь-то я в 98 году через модем в интернет зашел, это от компьютера зависит? Спасибо!
подписка
Обсьясняешь все отлично.Я конечно уже месяц работаю на Флаттер и все что на этом знаю.Мне интересно одно,как ты сделаешь регистрацию по номеру,если не ошибаюсь там обязательны ключи SHA,подтверждение устройста,и это нужно делать в терминале.Уже больше 8 часов над этим мучаюсь,не получается,было бы отлично если твое видео поскорее набрало 100 лайков,я помогу как смогу с этим))
Привет! Во втором видео ответа на этот вопрос не будет)
Можно сюда покопать: coderwall.com/p/r09hoq/android-generate-release-debug-keystores
с помощью команд, что указаны в ссылке, сгенерировать SHA ключи и загрузить их в firebase
support.google.com/firebase/answer/9137403?hl=en
@@sprestay Спасибо Игнат.Удачи тебе в твоих начинаниях,верю что ты сможешь затронуть более сложные моменты в функционале Flutter Flow.На данный момент очень мало документации и особенно видео на эту тему,а "курсы" просят по 500-600$ за обучение,и не понятно как они обучают)
Может кто-нибудь подсказать час, где есть комьюнити по FF?
Игнат, спасибо за туториал. Когда ждать вторую часть?
21ого декабря
@@sprestay Расскажи полный цикл набора команды, поиск проекта, реализация проекта, сроки, оплата, общение с клиентом и оставьте хотя бы почту куда можно обратиться
👍👍👍👍
Flutterflow изменили некоторые функции в интерфейсе, никак немог сделать ontap фото профиля
Почему эта тема так не популярна ? В чем прикол , это же раз в 10 ускоряет весь процесс разработки ПО , в чем подвох? Есть ли ограничения по возможностям приложений?
цена? Что можно сделать на бесплатной версии?
Привет всем. Ошибка при запуске "Phone Number value is not properly set." в чем проблема? подскажите пожалуста...)))
Project uses Firebase Performance Monitoring but Android config file is not uploaded вылезает ошибка((((
У меня вопрос: а как ведёт себя веб версия сайта, но на смартфоне? Выглядит точно также , как приложение?
Ну как сайт =) вопрос непонятен. Попробуй посмотреть aviasales их сайт и их мобильное приложение
Масло в огонь разрабов добавляет ИИ, а теперь ещё и это чудо😂
Почему при создании новой страницы в Flutter Flow у меня нет вкладки чат?
НЕ ТРАТЬТЕ ВРЕМЯ ИЩИТЕ ДРУГОЙ РЕСУРС . ПОКАЗЫВАЮТ ОКНА И НЕПОКАЗЫВАЮТ КАК в них ходить, и часами ищешь
Подскажите, в CircleImage никак не могу настроить Conditional Visibility, а именно в Widget State у меня нет Uploaded File URL, уже раз 7 посмотрел, все делаю по видео... Видимо за месяц поменяли что-то, как теперь это делается?
А они его переименовали, теперь это просто PhotoURL
Я сначала тоже перепутал и нарвался на UploadedFile, а нужен -то url
в общем, надо в WidgetState искать по слову url, тогда выдаст нужную переменную
Игнат, спасибо за урок,но, конечно, сразу не запомнишь все манипуляции.
А на каком приложении делал дизайн (эскиз)?
figma
Не могу оформить подписку кроме бесплатной =( причина указана как "невозможно подключить в вашем регионе по юридическим причинам".
Сталкивался кто с таким?! как активировать подписку
У меня такая же проблема...
почему ты говоришь иногда файрбэйс а иногда фэйрбэйс?
Скажите, есть ли разница в скорости приложений между Flutter и FlutterFlow?
FlutterFlow генерирует тот же Flutter код, поэтому разницы нет =)
@@sprestay Ок, спасибо
У флаттера чистый код?
import 'dart:math' as math;
bool chekphone (String phone) {
return phone.length == 12;
}
Получается вообще нельзя сделать подстановку маски для номера телефона?
и еще вопросы:
1. Можно ли сделать подпись ЭЦП через криптопро в FF
2.Есть ли возможность создавать канвас изображения с редактированием?
3. Есть ли возможность подключать кастомный голосовой помощник на web socket или на webRTC
если нет то похоже наше приложение достаточно уникально) НАписано на JS, но вот появилось желание сделать его на FF.
и еще получается что flutter flow конструктор есть только в веб версии? А есть ли он для пк?
маску уже понял как сделать, все оказывается просто)
Otlichnij video. Na dannij moment FlutterFlow predlogajet firebase projekt otkritj za polzivatjelja.