Serverless Twilio Create a complete video call app w/ React

Focused View

Icaro Lavrador

2:35:31

97 View

1 - Creating our Twilio account and Installing Twilio CLI

1 - Before we signup to Twilio and Repo.html

1 - github repo.zip

2 - Creating a Twilio Account and Installing the TwilioCLI.mp4

09:08

3 - Installing Twilio Serverless plugin.mp4

01:43

2 - Twilio Serverless NodeJs function

4 - Initialising and deploying a Twilio Serveless function.mp4

07:36

5 - Cleaning up the function and adding the API key and secrete.mp4

01:58

6 - Create a serverless function to get the vide access token.mp4

11:00

7 - Adding grant to the token.mp4

05:46

8 - Passing our Identity and Room on the request using Postman.mp4

02:06

3 - Twilio Serverless React Frontend app

9 - Creating a new React app.mp4

02:11

10 - Deploying our React app into Twilio Serverless functions.mp4

03:49

11 - Creating our first component and installing Axios and Twilio Video.mp4

04:52

12 - Creating the signin form.mp4

05:10

13 - Fixing out controlled component.mp4

00:54

14 - Using Axios to make a request to our serverless function.mp4

07:16

15 - Fixing the CORS issues when working from localhost.mp4

05:51

16 - Connecting to Twilio.mp4

15:07

17 - Adding our video feed to the screen.mp4

02:40

18 - Add other participants to the room.mp4

06:58

19 - Deploying our serverless application to Twilio.mp4

04:50

20 - Fixing attaching later subscribed tracks.mp4

03:52

21 - Adding a id to your video reference.mp4

04:44

22 - Removing disconnected users.mp4

05:01

23 - Lets not forget to deploy our final version.mp4

03:28

24 - Wow Are you already here.html

4 - Appendix 1

25 - Installing VSCode modules.mp4

10:52

26 - Configuring VSCode Prettier.mp4

02:50

27 - Emmet and speed up coding.mp4

04:19

28 - Add extension tools for chrome.mp4

01:43

29 - Installing Docker Extension.mp4

01:09

30 - Connecting to MongoDB inside Docker using Compass.mp4

02:16

31 - Using MongoDB Compass Update Delete Clone Drop Collections and Databases.mp4

02:07

5 - Appendix 11 Mac Specific Setup Configurations Installations and etc

32 - Installing Node Chrome VSCode Yarn.mp4

04:09

33 - Installing Brew on Mac.mp4

01:33

34 - Installing Deno and Denon on Mac.mp4

04:38

35 - Installing Docker.mp4

02:25

36 - Install Postman.mp4

01:30

6 - Bonus Section Including Black Friday Deals

37 - Bonus Because the learning can never stop.html

Description

Use Twilio CLI to create and deploy a new Twilio serverless video conference app using React / Javascript / JWT tokens

What You'll Learn?

How to create a complete serverless app in Twilio
How to create a serverless app in Twilio to issue JWT tokwes
How to create and serve a React application using Twilio serverless functions
Understand JWT tokens
Use NodeJs to create a serverless function to issue JWT tokens

Who is this for?

Anyone with a brain that know the fundamentals at programing

Basic understand of React and JavaScript may help but not essential

More details

Description
Twilio the world's leading cloud communications platform as a service (CPaaS) that enables you to develop solutions for SMS, WhatsApp, Voice, Video, email, and even IoT. Twilio powers communications for more than 190,000 businesses, and enables nearly 932 billion human interactions every year.
In this course, we will leverage some of those capabilities to create a fully functional Video Conference app leveraging Twilio Video Call capabilities and Twilio serverless function to create a fully functional React Video Conference App without the need of any extra services.
In this course we will learn about:
Programmable Video is a cloud platform that allows developers to add video and audio chat to Web, Android and iOS applications. The platform provides REST APIs, SDKs, and helper tools that make it simple to capture, distribute, record, and render high-quality audio, video, and screen shares. Twilio Programmable Video has been built on WebRTC.
Other important details:
Twilio Functions replaces your need to find hosting or stand up a server to serve TwiML or any other HTTP based responses. With Functions, you no longer have to worry about maintaining or scaling web infrastructure - it's all managed seamlessly by Twilio, scaling with your use case.

Other important details:

Frontend:
We will create the front end in React using hooks, such as useState, useEffect, useContext, useCallback among many other custom hooks we will create, to make our application look amazing we will use Semantic UI and to help with the state management we will use Immet

Serverless Function:
Will be created using NodeJS, we will create a JWTÂ token and add grants to it before responding to the front end app.

Who this course is for:
Anyone with a brain that know the fundamentals at programing
Basic understand of React and JavaScript may help but not essential

User Reviews

Rating

average 0

Total votes0

Focused display

React

Icaro Lavrador

Instructor's Courses

I am an "eternal student", I started programming when I was just 10 years old and to this day I still learning new things every day.Because of my passion for learning new things I developed a passion to teach as well, I start helping people at Stack Overflow where I am ranked as the top 5% Developer Help for Swift and top 10% Developer Help for iOS.You will not see my name in many apps as I am the go-to guy to fix problems, I offer my work mainly as a contractor solving problems that the other professional cannot solve.I start to develop software and give consultancy when I was 15 years old and never stop, today I want to help people. I read other people's codes every day, code produced by the professionals in the field and I can honestly say they are mostly JUNK, and I want you to be different.One of my clients tries to use an Udemy iOS course to argue about some strategies he took in his code. After seeing so many WRONG explanations, so much BAD advice I decided to create my own courses. I watch over 15 top-rated courses at Udemy and took no time for me to before I decide to take actionMy courses are created to make YOU the best in the field, I can guarantee that if you take my courses you will drop jaws and knocked socks off in interviews, companies are desperately looking for good developers and they will pay you over $100k/year for you to work for them.But you have will have just one shot to impress, so make it the right one, learn right, learn it once, make money forever and be proud of your codebase. (Avangate)

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.