1 00:00:00,330 --> 00:00:00,750 All right. 2 00:00:00,790 --> 00:00:09,150 And up next, we have pagination project where we're going to fetch GitHub followers online instead 3 00:00:09,150 --> 00:00:13,680 of displaying this long list of followers because we'll purposely fetch hundred followers. 4 00:00:14,160 --> 00:00:15,570 We will unite them. 5 00:00:16,110 --> 00:00:19,800 So notice here how I have pages online. 6 00:00:19,830 --> 00:00:22,410 We're going to decide how many items prepared you would want to show. 7 00:00:22,740 --> 00:00:25,270 And then, of course, depending on that, we'll have pages. 8 00:00:25,650 --> 00:00:31,460 So since we have 100 items and if I would want to have 10 items per page, that's why I have 10 pages. 9 00:00:32,130 --> 00:00:37,530 Please keep in mind, if you go with five items, then of course you'll have 20 pages and so on and 10 00:00:37,530 --> 00:00:38,010 so forth. 11 00:00:38,400 --> 00:00:45,960 Now, if I click not how we're changing and nicely pages and also display well, which one is the active 12 00:00:45,960 --> 00:00:46,290 page. 13 00:00:46,710 --> 00:00:53,550 And also we can go back and forth so I can click on Next which will display next page and I'll still 14 00:00:53,550 --> 00:00:55,110 indicate which it is. 15 00:00:55,530 --> 00:01:01,810 And then of course we can do the same thing with paper before we start working on a project. 16 00:01:01,830 --> 00:01:07,740 Let me just mention that when it comes to pagination, we have two flavors. 17 00:01:08,130 --> 00:01:16,830 Essentially we have pagination on the front and on a client and this is it where we request some batch 18 00:01:16,830 --> 00:01:21,360 of data, whether is 30, whether that is 100 or whether that is 5000. 19 00:01:21,870 --> 00:01:24,870 And we just patroni on our end. 20 00:01:25,290 --> 00:01:29,560 And second flavor is Bagian adding on a server. 21 00:01:30,090 --> 00:01:35,510 So in that case, we are requesting different pages from the server. 22 00:01:35,820 --> 00:01:37,710 So it's already generated on a server. 23 00:01:37,740 --> 00:01:41,390 For example, I don't know, there's 20 items per page and then there's 100 pages. 24 00:01:41,730 --> 00:01:46,690 And then when we're setting up the request, we are looking for those different pages. 25 00:01:47,100 --> 00:01:55,730 So this is pagination on fronton one flavor where we get batch of data and then we do it on our own. 26 00:01:56,010 --> 00:02:00,140 And then there's one where server already has done everything for us. 27 00:02:00,150 --> 00:02:02,820 We just need to request a certain page. 28 00:02:03,120 --> 00:02:10,350 And yes, don't worry, the future project will include the pagination on a server where essentially 29 00:02:10,560 --> 00:02:12,270 we won't have to do the pagination. 30 00:02:12,510 --> 00:02:18,750 We'll just have to tell the server, hey, listen, get me this specific page of that is clear. 31 00:02:18,970 --> 00:02:24,840 This is going to be the front end pagination, the pagination on the client and then later on will work 32 00:02:24,990 --> 00:02:26,400 with pagination. 33 00:02:26,580 --> 00:02:28,670 That is done already on server. 34 00:02:28,980 --> 00:02:33,390 And once that is clear and of course, we can start working on a project.