Name: Using a Public API - Tutorial for Beginners
Uploaded: 2020-03-28T17:20:09.000Z
Duration: 17 min 46 s
Description: Thousands of YouTube videos with English-Chinese subtitles! Now you can learn to understand native speakers, expand your vocabulary, and improve your pronunciation...

Modal verbs - A2

And in this video, I want to show you how you can use a public Ap.

So for Disney video, we're gonna be using open weather map dot Orc.

So if you go there and then you click a P I you will see all these options right here.

But the one that I want is this one first one, the current weather data.

I'm the one that we're gonna use is the free version, which is gonna work for this video.

Any words for, like, a professional website and stuff like that.

So click on to get a P I ke and start, So you need to sign up just like a normal website.

Does your email on password, all that stuff and they're gonna give you an A p i ke.

Um so that way you can request all that data, So let's test the AP, I So let's see if it works.

I have here in the U R L that they provide, which is this one right here.

All right, so now we need to add a question mark.

Q equals to whatever CD, and you can see that I haven't already there.

And then And ap have I d equals do whatever a p I ke they gave you.

Don't try to use mine, because it's not gonna work for you.

So I have all the data from the current weather in Orlando is great.

One thing that I want to do right now is because if you can see here on temperature, that's isa different unit.

We use a different unit, so I'm just gonna put it right here after Jews.

And so he's gonna be unit equals to imperial.

And then and I'm gonna leave the app i d I'm gonna hit enter again.

You can change it, but is it what we use in the United States?

Now that we have these oil ready to go, I'm just gonna go to my text editor and start coating here have on a steel mill file.

The only thing I have is requesting J Query was gonna We're gonna use it to request the data.

So the first thing I'm gonna do, I'm gonna add a container.

Everything's gonna be inside that container so you can be like, weather container.

And inside there, we can do paragraph, and then we can add, like, a class off.

First I'm gonna add an icon like if it's raining.

If it's raining, we can do like a rain cloud with some drops or whatever.

If it's sunny, we can add, you know, a son or something like that.

So best icon there's put Icon is a class is gonna be like the name.

So if it's raining is gonna be like rain.

I don't know whether whatever you can name it whatever you want.

And this one eyes gonna be a temperature.

Like, if I want the weather, I just want, like, you know, whatever is happening in the temperature.

You know, that we like to see it's a message for HTML.

And then four d Jeff, a script go here because we have Jake Query.

We can use something called Get Jason and get Jason is going to get all these data for us because this is Jason is Jason file.

So let's go back there and let's do I'm dollar sign dot Get Jason just like this, and then we're gonna do inside here.

We're going to the u R l coma and then function.

All right, so we need to include that your l Here, let's go back and get it.

I'm gonna put data all the data is gonna be inside there so I can do something like Consul.

Don't log data, so I'm going to save that and let's go back here.

I'm gonna reload my page, and here you go.

We can see all the data, the same thing we have here.

We have it now available for us on the website.

And here inside the function we're gonna do like, let's create the variable of the icon toe lift variable icon.

And I have a your l that they provided for everyone to get the icon.

So if we go here, let's see if they have here on weather.

So you can see that there is a icon here and there is like a number in the letter.

You understand how we gonna use days in a minute?

So they provided a euro for that I consulate, see, was open here and let's go back.

And what was the code is what 11 dealers copy and paste it dot PNG.

So every single thing It's a different thing.

Depending on the weather, that icon is going to change and it's gonna be these euro cool.

Subtitles ListPlay Video

Using a Public API - Tutorial for Beginners

stuff

attempt

bold

script