egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Создайте приложение для видеочата с Twilio и Gatsby
Build a Video Chat App with Twilio and Gatsby
★5 (всего оценок - 5)
Продолжительность
0 ч 47 мин
Категория
GatsbyКоличество уроков
10 Видео
Дата добавления
19 дек. 2019 г., 22:52
Язык
Английский
Дата обновления
29 апр. 2026 г., 06:08
Освойте полный цикл разработки видеочата — от пустой папки проекта до полноценного приложения на базе Twilio и Gatsby. Этот курс поможет вам погрузиться в современные подходы к созданию веб‑приложений, объединяя реалтайм‑функциональность, серверлесс‑архитектуру и мощные возможности React.
Что вы создадите на курсе
Под руководством Джейсона Ленгсторфа вы шаг за шагом развернёте рабочее приложение видеочата. Увидите, как интегрировать Twilio в стек Gatsby и React, а также поймёте ключевые принципы построения интерфейсов с поддержкой видео в реальном времени.
Ключевые технологии и концепции
Работа с Gatsby
- Динамическая генерация маршрутов;
- Интеграция клиентских функций в статический сайт;
- Оптимизация структуры проекта.
React для реалтайм‑приложений
- Управление формами на основе React Hooks;
- Создание собственных кастомных хуков для повторно используемой логики;
- Использование контекста и редюсеров для управления состоянием;
- Обработка событий в реальном времени в интерфейсе.
Интеграция Twilio
- Создание и развертывание бессерверных функций;
- Настройка Twilio для поддержки видеосвязи;
- Безопасная работа с токенами и сессиями.
Результаты обучения
После прохождения курса вы сможете самостоятельно:
- Создавать видеочат‑приложения на базе Twilio;
- Применять Gatsby и React для разработки интерактивных интерфейсов;
- Использовать серверлесс‑функции в реальных проектах;
- Проектировать архитектуру приложений с поддержкой WebRTC и реалтайм‑коммуникаций.
Полезные материалы
Исходный код проекта доступен по ссылке:
- Урок 1.00:01:57Build a Page Layout in Gatsby
- Урок 2.00:03:12Create a React Form in Gatsby
- Урок 3.00:06:16Generate Dynamic Routes in Gatsby with Reach Router
- Урок 4.00:05:57Manage Application State in Gatsby with React Hooks
- Урок 5.00:06:17Generate an Access Token for Users with Twilio Serverless Functions
- Урок 6.00:02:48Consume a Generated Twilio Token in Gatsby with React Hooks
- Урок 7.00:04:23Restrict Access in Gatsby with Protected Routes
- Урок 8.00:06:02Connect Video to a Room with React Hooks in Gatsby
- Урок 9.00:05:03Show Video in Gatsby from Remote Participants with React Hooks
- Урок 10.00:05:23Handle Disconnected Participants with React Hooks and the Twilio API
Автор - egghead
Комментарии