udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Serverless Twilio. Создайте приложение для видеозвонков с React
Serverless Twilio Create a complete video call app w/ React
Продолжительность
2 ч 36 мин
Категория
React.jsКоличество уроков
34 Видео
Дата добавления
9 сент. 2022 г., 22:53
Язык
Английский
Дата выхода
14 апр. 2021 г., 01:00
Дата обновления
29 апр. 2026 г., 15:21
Этот курс поможет вам быстро и уверенно освоить создание видеоконференций на базе Twilio без серверной инфраструктуры. Вы узнаете, как объединить мощь Twilio Programmable Video и React, чтобы создать современное, масштабируемое и полностью функциональное приложение для видеозвонков.
Что вы создадите в ходе обучения
Курс проведет вас через весь путь разработки: от понимания принципов CPaaS и WebRTC до реализации фронтенда на React и написания бессерверных функций Twilio для генерации токенов и авторизации.
- Полноценное приложение для видеоконференций
- Бэкенд на бессерверных функциях Twilio
- Современный интерфейс на React с хуками и Semantic UI
Основные технологии курса
Twilio Programmable Video
Это мощная облачная платформа, которая позволяет легко интегрировать видео- и аудиозвонки в веб- и мобильные приложения. Вы научитесь работать с:
- REST API и SDK для браузера
- Инструментами захвата и стриминга видео/аудио
- Общим доступом к экрану
- Основами WebRTC, лежащими в основе Twilio Video
Бессерверные функции Twilio
Вы избавитесь от необходимости поддерживать собственный сервер — Twilio Functions берет на себя управление инфраструктурой, масштабирование и безопасность. В рамках курса мы:
- Создадим функцию на Node.js
- Сгенерируем JWT‑токены для подключения к видеокомнатам
- Настроим гранты доступа и корректные ответы для клиента
Разработка клиентской части
Интерфейс на React
Фронтенд приложения будет разработан на React с использованием хуков для управления логикой и состоянием:
- useState, useEffect, useContext, useCallback
- Пользовательские хуки для видеопотоков и комнат
- Semantic UI для быстрого создания удобного интерфейса
Управление состоянием
Для удобного и предсказуемого управления сложным состоянием приложения вы будете использовать библиотеку Immer, которая упрощает работу с неизменяемыми структурами данных.
Преимущества прохождения курса
- Освоите практическое применение Twilio в реальном приложении
- Поймете принципы работы WebRTC и видеоконференций
- Научитесь создавать масштабируемые фронтенд‑ и бэкенд‑решения
- Получите навык разработки serverless‑архитектуры
Кому подойдет этот курс
- Начинающим и средним фронтенд‑разработчикам
- Разработчикам, которые хотят освоить Twilio
- Тем, кто хочет создавать приложения для видеозвонков
- Разработчикам, изучающим serverless‑подходы
Итог
После завершения курса вы сможете самостоятельно создавать приложения для видеоконференций с использованием React, Twilio Programmable Video и бессерверных функций. Этот навык востребован в современных коммуникационных решениях — от корпоративных встреч до телемедицины и образовательных платформ.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:09:09Creating a Twilio Account and Installing the Twilio-CLI
- Урок 2. 00:01:44Installing Twilio Serverless plugin
- Урок 3. 00:07:37Initialising and deploying a Twilio Serveless function
- Урок 4. 00:01:59Cleaning up the function and adding the API key and secrete
- Урок 5. 00:11:01Create a serverless function to get the vide access token
- Урок 6. 00:05:47Adding grant to the token
- Урок 7. 00:02:07Passing our Identity and Room on the request using Postman
- Урок 8. 00:02:12Creating a new React app
- Урок 9. 00:03:50Deploying our React app into Twilio Serverless functions
- Урок 10. 00:04:53Creating our first component and installing Axios and Twilio Video
- Урок 11. 00:05:11Creating the sign-in form
- Урок 12. 00:00:55Fixing out controlled component
- Урок 13. 00:07:17Using Axios to make a request to our serverless function
- Урок 14. 00:05:52Fixing the CORS issues when working from localhost
- Урок 15. 00:15:08Connecting to Twilio
- Урок 16. 00:02:41Adding our video feed to the screen
- Урок 17. 00:06:59Add other participants to the room
- Урок 18. 00:04:51Deploying our serverless application to Twilio
- Урок 19. 00:03:53Fixing attaching later subscribed tracks
- Урок 20. 00:04:45Adding a id to your video reference
- Урок 21. 00:05:02Removing disconnected users
- Урок 22. 00:03:29Lets not forget to deploy our final version
- Урок 23. 00:10:53Installing VSCode modules
- Урок 24. 00:02:51Configuring VSCode Prettier
- Урок 25. 00:04:20Emmet and speed up coding
- Урок 26. 00:01:44Add extension tools for chrome
- Урок 27. 00:01:10Installing Docker Extension
- Урок 28. 00:02:17Connecting to MongoDB inside Docker using Compass
- Урок 29. 00:02:08Using MongoDB Compass - Update, Delete, Clone, Drop Collections and Databases
- Урок 30. 00:04:10Installing Node, Chrome, VSCode, Yarn
- Урок 31. 00:01:34Installing Brew on Mac
- Урок 32. 00:04:39Installing Deno and Denon on Mac
- Урок 33. 00:02:26Installing Docker
- Урок 34. 00:01:31Install Postman
Автор - udemy
Комментарии
flefgfffff