Обучение FlutterFlow, с нуля до про. Часть 2 из 2. API, работа с базой даных, local state, backend
ฝัง
- เผยแพร่เมื่อ 13 มิ.ย. 2024
- Нужно приложение? Сайт? Научить? Помочь? Трудоустроить? Все здесь: appbusters.io/
Мой тг канал про разработку: t.me/+YgoymZc2k5I3ZmIy
Инстаграм: / sprestay
ВК: sprestay
Первая часть обучения: • Обучение FlutterFlow, ...
FlutterFlow: app.flutterflow.io/create-acc...
Figma с дизайном: www.figma.com/file/MZH3ziNYTi...
Postman: www.postman.com/
Документация к API: developers.google.com/maps/do...
Как создать ключ google maps:
developers.google.com/maps/do...
Таймкоды:
00:00 Привет!
00:15 Верстка главного экрана
05:00 Local state
10:46 Страница выбора города
11:50 API
17:20 Получение данных из API
23:40 Передача параметров на страницу
28:36 Страница создания поездки
30:22 Получение данных по ссылке
31:43 Логика получения данных во Flutterflow
35:25 Страница добавления машины
38:00 Создание компонента во Flutterflow
38:43 Получение данных из базы, фильтры
48:38 Смотрим результат
51: 07 Действие для создания поездки
51:57 Страница поиска поездки
53:07 Как работает single time query?
54:52 Страница поездки
57:58 Логика изменения данных в Flutterflow
58:55 Страница "Мои поездки"
01:01:22 Смотрим результат
01:04:27 Демонстрация
01:06:16 Еще раз про realtime обновление базы данных (stream)
![บุกร้านไอศกรีม VJ วุ้นเส้น !!!! [ดูคลิปเต็มหน้าช่อง] #Short | PANG ORNHIRA](http://i.ytimg.com/vi/g549nEhKZdc/mqdefault.jpg)
Всё, чем могу быть полезен, по данной ссылке appbusters.io/
Это просто роскошная выжимка знаний по FlutterFlow! Автору глубочайший респект и удачи в начинаниях!
Игнат, выражаю Вам большущее уважение! Очень классно! Я, правда, второй урок смотрел на скорости 0.75, а иногда и на 0.5 (🙂), постоянно нажимал паузу и перематывал обратно. 🙂🙂🙂 Но, зато, без лишней "воды" - только "по делу". Спасибо!
тот момент когда смотрел на скорости 3х
Видно, как Игнат устал от медленного повествования где-то в первой половине этого урока и остаток видео уже просто спешил поскорее закончить. От этого сильно пострадали обучающие свойства контента. Приходится постоянно останавливать, замедлять и перематывать.
Очень круто! Просто мощь и огромное уважение автору за безвозмездное освещение данного инструмента разработки! Пишу диплом, основываясь на этих видео и ссылках автора на интересные возможности, советы и обучения, спаси Бог, очень здорово, и выручил!
Спасибо за обратную связь и удачи с дипломом!
Супер! Спасибо большое.
Было бы интересно посмотреть, как приложение размещается в сторах.
Идея вам для следующих видео)
Мега гайд, большое спасибо, Игнат!
Игнат, благодарю! Отличное видео, сам только начинаю разбираться с FF. Серия видео помогла получить общее представление и увидеть реальные сценарии для приложения. Таких бы больше видео было! Очень быстро объяснял, но если бы эти видео по 2 часа были, то их было бы тяжелее смотреть. Кто захочет повторить, тот будет постоянно ставить на паузу и повторять!
Спасибо за проделаную работу !
Игнат, благодарю за вашу работу. У меня вторую неделю открыты ваши видео и я делаю с них конспекты. К слову, благодаря вашим видео я уже начал собирать собственную апку
Урок классный, но когда пошла вся эта маета с json, начался ужас. Да и бесплатных api фиг найдешь сейчас. что-то нашла, а потом во всем это страшно запуталась. Запрос сначала работал при тесте первый день, а на второй перестал. Не ясно, в чем причина, да и структура данных в json оказалась совсем другой, имя города было на третьем уровне, так что спуститься к нему так и не смогла. возможно, не хватает знаний и соображалки, но все это обилие полей просто вынесло мозг. я считаю, объяснено не очень понятно, что, куда и зачем. надо было схемку дать и популярно разжевать, что и зачем мы делаем, чтобы получить данные по api. И потом, сколько раз я останавливала видео и пыталась уследить за мышью - не перечесть. из-за этого в голове полная каша. мне таких десять проектов надо сделать, чтобы понять что и зачем, хотя я и программирование когда-то изучала. хотелось бы мини-курс, более подробный, менее суетливый, с упором на работу с запросами.
Тут человек в комментах написал, про скорость на которой смотрел, 0,75 и 0,5, так вот в этом вся проблема этого видео, автор молодец и для него понятно, когда он мечется с указателем мышки за которым не уследить, получается квест, куда же он нажал и вот это раздражает, если это видео по обучению, так и объяснять нужно подробно, очень трудно для восприятия начинающих. А так конечно автору большое спасибо!
Материал-улетный!!!! Большой респект! НО ЕСТЬ ОДИН НЕДОЧЕТ - и он довольно тяжелый! И ЭТО ЖЕСТЬ - постоянные метания со скоростью звука по экрану, очень и очень быстрая (лютая) подача материала без акцента на ключевых местах, как будто Вы пытаетесь время обогнать либо забросать оппонента аргументами в споре или, чтоб ,как на работе новичок, не смог бы повторить за вами после ваших объяснений
, чтобы не стать умнее "старичков", либо это сознательное создание проблем для восприятия материала, чтобы перейти на платный контент. Игнат, зачем? Зачем сознательно создавать такую проблему, чтобы пользователи на втором видео просто бросали смотреть и обучаться, потому что сотню раз перематывать видео назад только из-за скорости подачи это реально перебор. Либо выкладываете грамотное обучающее видео либо не выкладываете вообще. Все просто. Интересно , в платном контенте такая же лютая скорость и опережающие метания мышки?)))) Практически постоянно клики на записи экрана компьютера опережают ваши слова на несколько секунд (еще говорите о текущуем действии , а уже несколько кликов сделано под абсолютно другие действия - и это реально КВЕСТ) ) либо клики делаются параллельно скороговоркой, а смена экранов при этом (иногда неоднократная) делается за 1/10 секунды, поэтому даже на стоп кадре только с 75 раза можно поймать нужный момент, чтобы все сделать самому....а иногда и поймать даже не удается)))) Как пользователя меня это раздражает и побуждает искать того, кто подает материал понятней и комфортней. Но Ваш материал в русскоязычном сегменте пока редкий, высокого уровня и полезности . Поэтому альтернатив у Вас практически нет сейчас. а если Вы быстро говорите и кликаете и стараетесь не растягивать части видео во времени , то можно просто их сделать больше и короче))) В качестве подсказки и реального варианта купирования под корень поднятой проблемы предложил бы Вам каждый раз (или на крайняк при первой визуализации действия) обозначать словами место куда нужно кликать мышкой на панели управления , это было бы ооочень полезно, особенно для новичков. Благодарю за внимание, надеюсь на понимание и исправление этого главного недочета. Тогда народ к Вам больше потянется)))
PS. Яркий пример - это фрагмент видео с 11:00 по 11:30 минуту..... В нем 800 действий, а пытаться разобраться в этих 30 секундах можно 2 часа минимум.....
Круто! Спасибо!
Придется все таки оформлять иностранную карту. Без нее вообще никак сейчас...
Круто, ....оч круто!
Большое спасибо, очень круто!
Спасибо большое за это видео!
Очень хорошее обьяснение! Сделайте пожалуйста видео как вы создали google map api и привязали с postman, так как в видео с этим совсем не понятно было. Благодарю
5 дей разбирался, кучу видосов (в том числе буржуйских) посмотрел, даже gpt привлек и только спустя 5 дней смог интегрировать во FF) у меня несколько другая задача и с параметрами жесть какая-то была. FF напрочь не принимал.
То, что показывает Игнат, там не сложно, я 0 в разработках, но там несколько видосов по теме посмотреть, можно понять.
Желательно еще быстрее все нажимать, что бы все понятнее было🤣
Здравствуйте, спасибо за уроки. Подскажите пожалуйста есть ли возможность сделать невидимым системным nav bar
сделайте пожалуйста серию про адаптивы)...)))
красавчик
Ну Игнат!!! Тебе надо школу свою вести! Лучший препод это ты!
Закончил. Крутой проект. Так прикольно видеть жалобы на кастомные функции буквально месяц назад и слышать, что FF быстро развивается, и вот уже спустя две недели вместо функций можно использовать выражения. Спасибо.
Артем поделитесь пожалуйста информацией как выражения заменяют кастомные функции!
Благодарю!
Игнат действительно Вы молодец. Было бы очень круто если бы действительно скорость была поменьше и вы сами были бы повнимательнее. Не забывайте, что быть хорошим специалистом и хорошим учителем это разные вещи и разные ВУЗы. Учить людей это очень благородно.
Спасибо за уроки, интересно, актуально. Сложились вопросы к средству разработки.
Вопрос 1: Можешь показать механизм добавления данных для формы, который сохраняет контент в пзу, которого изначально при скачивании не было. Частично как понимаю этот механизм отражен на 31 минуте видео. Это для случаев, когда человеку нужно что-то отражать в оффлайн, он должен это предварительно приобрести за $, и только после оплаты это прилетает ему в память телефона и становится доступным через приложение... Желательно пример текст + картина... то есть как их отдельно хранить разные типы данных на телефоне и связывать при запросе пользователя. Может должна быть локальная БД или проще закатать json. Тоже интересно посмотреть варианты. Как понимаешь без опыта быстро не разберешься.
Вопрос 2: ты используешь облачную базу данных. Так понимаю она прикреплена к аккаунту разработки. И она же улетает на коммерческое приложение? Там есть какие-то тарифы для хранения и как она выдерживает поток, если например происходит приток пользователей, может ли она гарантировать, что не отвалится..
Вопрос 3: можно ли через FF работать с внешним оборудованием, камеры, микрофоны, bluetooth или данное средство FF исключительно для работы с веб частью, то есть качественный перенос сайтов на мобильную платформу.
Вопрос 4: Что за язык используется для написания функций... у тебя в примере они простейшие с return, но как понимаю там есть и больший размах?
Вопрос 5: Что можешь сказать про Kotlin, особенно в сравнении с FF, плюсы минусы.
----------------------------------------------------
Выбираю во что углубиться.. хорошо попал на твой разбор про bubble.io. А то первые запросы ставят его в топ3. И люди, которые не имеют опыта в разработке, даже походу не ведают, что он отрисовывает им html+js и никакое это не мобильное приложение. Не хватает качественных обзоров на подобные темы... а люди, которые туда залетают используют собирающие воронку просмотров заголовки - топ 5 средств для мобильных приложений.. Так что рекомендую иногда подхейчивать таким образом... В топ списках на поиск должны стоять люди с твоим опытом, а не рыбки с nocode.
Касательно индикатора загрузки при поиск горда (17:21). Как его можно повесить? Ведь показать надо, когда запрос отправляется в Карты, а скрыть - когда ListView начинает заполняться. Непонятно, есть ли такие события и как их отслеживать.
У меня вопрос. Это возможно в боттомщит выбрать марку. А потом в том же или в другом следующим ботомщит выбрать модель ? И только после этого открыть следующий экран уже с полученными маркой и моделью ? Меня интересует именно настройка этих двух ботомщитов и перенос выбранных данных марки и модели в следующий экран. Буду благодарен за ответ.
Привет Игнат Как создать и запустить программу во flutterflow
А как сохранить проект, чтобы можно было потом скачать на Айфон?
Салют, на FF можно сделать голосовые сообщения ?
вопрос,а что делать если не получается с ключом 15:00 , то как сделать по firebase города
Здравствуйте, а стоимость обучения это секретная тайна?) на сайте цен не увидел.
@sprestay Игнат, подскажи а в примере с марками и моделями автомобилей, ведь в списке может не быть подходящей, тогда необходимо пользователю дать права на добавление модели, но тут уже риски возникают про дубликацию данных, это частный пример, но как лучше выходить из подобных требований грамотно?
Если вы дадите пользователю возможность, добавлять что угодно, то там будут "mercedes", "мерс", "мерседес" и тд. Не надо так делать
В случае с машинами нужно найти базу всех автомобилей и внести ее в список. Если у человека какое-то авто, которого даже в списке нет - то можно этим пренебречь, кейс невероятно редкий
@@sprestay спасибо за оперативный ответ! Вопрос еще один, для полного охвата: апликашки в сторах, веб-сайта и для PWA стоит использовать FF+FB? Или вебки в чем-то другом. Есть множество идей, но я только начинаю осваивать no-code
Не очень понял вопрос) Само собой ни приложение в сторе, ни веб-сайт не раскрутится. Вам придется тратиться на рекламу - чем больше платформ, тем больше придется вкладываться
Как на авито можно сделать, есть общая база к примеру телефонов, если в этой базе нет твоей марки телефона, появляется кнопка предложить добавить модель, потом модераторы авито рассмотрят и вручную добавят модель твоего телефона, лучше пожалуй никак не сделать
а как сделать чтобы смс код и номера работали?
👏👏👏👏♥️
Уже 2 недели прошло)))Где видосик?)
Игнат , хотел спросить , работает ли аунтификация по номеру телефона в firebase , а то говорят что в РФ ее отключили , и оплату подписки в РФ невозможно продлить . То что аунтификацию можно обойти по API , а вот оплату я не могу обойти , если знаешь сможешь подсказать ? Спасибо!
Аутентификация работает, оплата подписки тоже. Для подписки просто нужна НЕроссийская банковская карта
Подскажи, пожалуйста, можно ли как-то сделать авторизацию по телефону и паролю? Чтобы при регистрации человек указал телефон, пароль, потом подтвердил код, но потом при авторизации вводил телефон и пароль, а не опять через код заходил
Можно, но только кодом. Например, писать firebase cloud functions, которая бы выдавала JWT токен пользователю. В самом FF ты будешь делать запрос к этой функции, получать токен и использовать авторизацию по кастомному токену
Сколько стоит обучение???
Как скачать apk, если ты в России?
как связаться с вами?
А скажите пожалуйста, можно ли приложение на FF не публиковать в сторах, а делать доступным по QR-коду, как, например, приложения на Glide?
Можете не публиковать приложение в стор) а просто делиться ссылкой на рабочую версию (эту ссылку можно обернуть в qr)
добрый вечер не могу бьюсь уже неделю на одном месте не отображаются авто из addCars в create Trips с чем может быть проблема? Все сделал как у вас но безрезультатно!
Так ответить не получится - надо погружаться в ваш проект и искать ошибку. Но, все таки - что-то не по инструкции)) Невнимательность, недоглядели, что-то съехало, галочку какую может не нажали, но ошибка точно есть
Попробуйте, может поможет, поковыряться в firestore rules (обновите правила из flutterflow)
@@sprestay спасибо буду пробовать!
Куда они спешат,тем более для обучения
не даёт мне добавить i.imgur.com/2aGMElc.jpeg там где 46 минута