Живой урок о том, как создать приложение со списком дел без кодирования с использованием FlutterFlow и Firebase

YOUTUBE · 27.11.2025 03:18

Ключевые темы и таймкоды

Введение

0:10
  • Видео начинается с приветствия и объявления о том, что это занятие по программе "Без кода в Африке".
  • Затем автор объясняет, что сегодняшнее занятие будет быстрым, но он постарается объяснить все подробно.

Создание проекта в Flutterflow

1:41
  • Автор объясняет, что они будут использовать Flutterflow для создания простого списка дел.
  • Он объясняет, что Flutterflow позволяет создавать приложения быстрее, чем когда-либо, и что это платформа, которая позволяет пользователям учиться на основе проектов.
  • Он также упоминает, что они будут использовать Firebase для создания проекта.

Создание проекта в Firebase

6:15
  • Автор объясняет, как создать проект в Firebase, включая выбор названия проекта и настройку параметров.
  • Он также объясняет, как подключить проект к Flutterflow и настроить начальную страницу.

Создание приложения

9:10
  • Автор начинает создавать приложение, добавляя элементы, такие как контейнер, строки и текст.
  • Он также объясняет, как дублировать и изменять элементы в приложении.
  • В конце автор обсуждает некоторые проблемы, с которыми он столкнулся при создании приложения, и как он их решил.

Создание страницы

13:56
  • Автор объясняет, как создать страницу с помощью виджетов и контейнеров.
  • Он исправляет ошибки в коде и добавляет отступы и текст.

Создание второго экрана

22:08
  • Автор создает второй экран, добавляя текстовые виджеты и кнопки.
  • Он выравнивает элементы и добавляет отступы.

Создание третьего экрана

26:16
  • Автор создает третий экран, продублировав контейнеры и добавив отступы.
  • Он добавляет текст и выравнивает элементы.

Создание списка дел

27:50
  • Создание текста, дублирование его и перемещение в нужное место.
  • Создание кнопки "Назад" и настройка панели приложений.

Настройка базы данных Firebase

30:05
  • Создание коллекции в проекте Firebase.
  • Отключение аутентификации и настройка хранилища.

Создание структуры данных в Firebase

31:49
  • Создание коллекции с полями "день", "дата", "текст 1", "текст 2", "текст 3".

Настройка виджетов для работы с данными из Firebase

33:53
  • Создание действия для обновления данных в Firebase.
  • Добавление действия для отображения закусочной с сообщением "создать что-то новое".

Создание списка дел с использованием базы данных Firebase

35:53
  • Добавление контейнера с виджетом "просмотр списка" для генерации данных из базы данных Firebase.
  • Создание действия для добавления дочернего элемента в виджет "просмотр списка".

Создание приложения

37:17
  • Создание списка дел с возможностью добавления новых задач и просмотра уже созданных.
  • Использование серверной части для запроса коллекции и создания документов.

Добавление действий и проверка работы приложения

42:07
  • Создание плавающей кнопки действия для создания новых задач.
  • Тестирование приложения и исправление ошибок.

Вопросы и ответы

44:18
  • Обсуждение значений и полей документов.
  • Удаление документа и проверка его доступности.
  • Передача параметра для просмотра списка дел.
  • Добавление значков и уведомлений о закусочной.

Создание всплывающего окна

49:58
  • В видео обсуждается создание всплывающего окна в программе.
  • Автор объясняет, что всплывающее окно может быть создано, но оно будет простым и не таким функциональным, как обычное всплывающее окно.

Определение дня недели по дате

50:34
  • Автор объясняет, как можно использовать временную метку для определения дня недели по дате.
  • Он предлагает использовать календарь для выбора даты и времени.

Создание календаря

53:53
  • Автор обещает создать руководство по созданию календаря для определения дня недели по временной метке.
  • Он также предлагает подписаться на его канал на YouTube для получения дополнительных видеоуроков.