Welcome back, ladies and gentlemen.
I hope you are OK, and I'm here to tell you that this will be the super interesting section of our
course here.
We're going to learn about Aspies, how we can fetch this and how we can use that information in order
to present it nicely here.
Right.
So I've just created this one page website and this one page website is like that because we're going
to use the data from the API that's going to provide the API.
So this is about movies, by the way.
And so what we can do is we can just use that data asynchronously and without page refresh.
So that is our goal.
For example, here I do have a search in the surge.
One is surge bar position fixed.
Right.
So that's why when I scroll down, it's going to stay.
What state is going to go down together with the with a window.
Right.
So, for example, you can search any movies that you want.
For example, I'm going to search Batmen and here it is.
You see that we're going to create a loader as well before.
So it's waiting asynchronously until the the server that returns us, the data so is going to return
us.
Usually at the moment it's returning 10 movie titles for for the betterment.
So we search Bettmann and it's going to give us ten results.
So if you for this change, it will still work right now here.
If you click on any of the movies, it's going to load the same movie is going to give you the overview,
the reviews, the cars, the media, the rating.
We're going to do this, the reading.
You going to calculate how to get this Starz so you can watch the trailer, you can buy the tickets.
So if I click buy the tickets actually here you can increase and decrease the tickets.
So if I buy the tickets, I'm going to have this card with one on top so I can see what movie that I
have selected for buying.
Right.
So also I can do I can delete this movie also.
This is hard, so I can like the movie and it's going to be here.
I can like this one.
Batman Begins and it's going to be there too.
Now we also going to use local storage because if you don't use local storage, when we refresh the
data that we just like or saved in the cart, it will be it will not be there.
That's why we're going to use local storage and you can go here and like this one.
So when your life is actually decreasing the number here, see, that's pretty much it.
Now we are just back to normal.
And that's why we're going to use the local storage to help us to save the data and after that, to
persist the data from that local storage back to the to our website.
So that's pretty much it for this one.
But it's going to be super interesting and we're going to start building it from the next lecture.
I hope you're going to enjoy it and like it.
Now, you can change this one according to your needs.
But first, I want you to start working with me.
If you don't want to work, just sit back and watch what I'm doing.
And after that, you can use that knowledge to grab any API free API and just use it here.
Now, these API at the moment is for the movies.
It's free.
It's been free for a very long time.
I hope it's going to stay free.
I don't want you to pay any money of this, but if it's not free, for example, in a year or two years
from now, I'm very sorry about this.
And but you still need to watch what I'm doing.
And if you get to the point where we have fetching the data, you can do pretty much anything.
Right.
You can just adjust this concept that I'm doing here with NBC.
We're going to use NBC models, view and controller, and you're going to learn how to use those modules.
And you can just apply that knowledge anywhere or on any API that you're going to find for free.
OK, that's pretty much that's what I want to show to you in these, is I'm getting the app for MGB
API.
That's why I linked to here.
And that's pretty much it.
We're going to start working on these on this project next time, and I hope you're going to like it.
And here it is.
Tarzan still works.
You can just load it.
That's pretty much it.
So I will see you in the next one.