1 00:00:01,620 --> 00:00:02,920 Welcome back, ladies and gentlemen. 2 00:00:02,940 --> 00:00:11,340 I hope you are OK, and I'm here to tell you that this will be the super interesting section of our 3 00:00:11,340 --> 00:00:12,480 course here. 4 00:00:12,480 --> 00:00:18,780 We're going to learn about Aspies, how we can fetch this and how we can use that information in order 5 00:00:18,780 --> 00:00:20,630 to present it nicely here. 6 00:00:20,640 --> 00:00:20,910 Right. 7 00:00:21,090 --> 00:00:26,730 So I've just created this one page website and this one page website is like that because we're going 8 00:00:26,730 --> 00:00:29,980 to use the data from the API that's going to provide the API. 9 00:00:30,240 --> 00:00:31,990 So this is about movies, by the way. 10 00:00:32,310 --> 00:00:40,900 And so what we can do is we can just use that data asynchronously and without page refresh. 11 00:00:40,920 --> 00:00:42,300 So that is our goal. 12 00:00:42,630 --> 00:00:45,150 For example, here I do have a search in the surge. 13 00:00:45,150 --> 00:00:48,240 One is surge bar position fixed. 14 00:00:48,240 --> 00:00:48,590 Right. 15 00:00:48,870 --> 00:00:50,990 So that's why when I scroll down, it's going to stay. 16 00:00:51,010 --> 00:00:54,870 What state is going to go down together with the with a window. 17 00:00:54,890 --> 00:00:55,150 Right. 18 00:00:55,350 --> 00:00:59,460 So, for example, you can search any movies that you want. 19 00:00:59,460 --> 00:01:04,110 For example, I'm going to search Batmen and here it is. 20 00:01:04,560 --> 00:01:07,820 You see that we're going to create a loader as well before. 21 00:01:07,830 --> 00:01:17,340 So it's waiting asynchronously until the the server that returns us, the data so is going to return 22 00:01:17,340 --> 00:01:17,750 us. 23 00:01:17,760 --> 00:01:23,160 Usually at the moment it's returning 10 movie titles for for the betterment. 24 00:01:23,160 --> 00:01:26,240 So we search Bettmann and it's going to give us ten results. 25 00:01:26,850 --> 00:01:31,320 So if you for this change, it will still work right now here. 26 00:01:31,320 --> 00:01:37,740 If you click on any of the movies, it's going to load the same movie is going to give you the overview, 27 00:01:37,740 --> 00:01:40,830 the reviews, the cars, the media, the rating. 28 00:01:40,830 --> 00:01:42,030 We're going to do this, the reading. 29 00:01:42,300 --> 00:01:47,610 You going to calculate how to get this Starz so you can watch the trailer, you can buy the tickets. 30 00:01:47,790 --> 00:01:51,630 So if I click buy the tickets actually here you can increase and decrease the tickets. 31 00:01:51,930 --> 00:01:58,680 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 32 00:01:58,680 --> 00:02:00,180 have selected for buying. 33 00:02:00,180 --> 00:02:00,420 Right. 34 00:02:00,540 --> 00:02:04,610 So also I can do I can delete this movie also. 35 00:02:04,620 --> 00:02:08,160 This is hard, so I can like the movie and it's going to be here. 36 00:02:08,310 --> 00:02:09,420 I can like this one. 37 00:02:09,900 --> 00:02:13,900 Batman Begins and it's going to be there too. 38 00:02:14,610 --> 00:02:21,630 Now we also going to use local storage because if you don't use local storage, when we refresh the 39 00:02:21,630 --> 00:02:26,370 data that we just like or saved in the cart, it will be it will not be there. 40 00:02:26,370 --> 00:02:30,840 That's why we're going to use local storage and you can go here and like this one. 41 00:02:30,850 --> 00:02:36,410 So when your life is actually decreasing the number here, see, that's pretty much it. 42 00:02:36,660 --> 00:02:38,520 Now we are just back to normal. 43 00:02:38,970 --> 00:02:44,130 And that's why we're going to use the local storage to help us to save the data and after that, to 44 00:02:44,130 --> 00:02:49,470 persist the data from that local storage back to the to our website. 45 00:02:49,470 --> 00:02:51,540 So that's pretty much it for this one. 46 00:02:51,540 --> 00:02:56,820 But it's going to be super interesting and we're going to start building it from the next lecture. 47 00:02:56,970 --> 00:02:58,650 I hope you're going to enjoy it and like it. 48 00:02:58,650 --> 00:03:02,550 Now, you can change this one according to your needs. 49 00:03:02,550 --> 00:03:06,540 But first, I want you to start working with me. 50 00:03:06,540 --> 00:03:12,030 If you don't want to work, just sit back and watch what I'm doing. 51 00:03:12,060 --> 00:03:18,000 And after that, you can use that knowledge to grab any API free API and just use it here. 52 00:03:18,030 --> 00:03:21,180 Now, these API at the moment is for the movies. 53 00:03:21,180 --> 00:03:21,630 It's free. 54 00:03:21,900 --> 00:03:24,090 It's been free for a very long time. 55 00:03:24,420 --> 00:03:25,770 I hope it's going to stay free. 56 00:03:25,770 --> 00:03:31,500 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 57 00:03:31,500 --> 00:03:33,330 from now, I'm very sorry about this. 58 00:03:33,330 --> 00:03:36,720 And but you still need to watch what I'm doing. 59 00:03:36,720 --> 00:03:42,240 And if you get to the point where we have fetching the data, you can do pretty much anything. 60 00:03:42,570 --> 00:03:42,930 Right. 61 00:03:42,930 --> 00:03:47,400 You can just adjust this concept that I'm doing here with NBC. 62 00:03:47,400 --> 00:03:53,370 We're going to use NBC models, view and controller, and you're going to learn how to use those modules. 63 00:03:53,610 --> 00:04:01,020 And you can just apply that knowledge anywhere or on any API that you're going to find for free. 64 00:04:01,140 --> 00:04:10,280 OK, that's pretty much that's what I want to show to you in these, is I'm getting the app for MGB 65 00:04:10,290 --> 00:04:10,950 API. 66 00:04:11,100 --> 00:04:12,330 That's why I linked to here. 67 00:04:13,560 --> 00:04:14,340 And that's pretty much it. 68 00:04:14,340 --> 00:04:19,740 We're going to start working on these on this project next time, and I hope you're going to like it. 69 00:04:19,740 --> 00:04:20,840 And here it is. 70 00:04:20,850 --> 00:04:22,020 Tarzan still works. 71 00:04:22,440 --> 00:04:23,520 You can just load it. 72 00:04:24,000 --> 00:04:24,810 That's pretty much it. 73 00:04:24,810 --> 00:04:27,180 So I will see you in the next one.