Живой урок о том, как создать приложение со списком дел без кодирования с использованием 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 для получения дополнительных видеоуроков.