1
00:00:00,540 --> 00:00:05,850
In this section, we're going to be focusing on interactive applications, so some of the applications

2
00:00:05,850 --> 00:00:11,520
that we're going to be creating are going to be interacting with end points, and these are going to

3
00:00:11,520 --> 00:00:19,290
be able to be able to list the content from the endpoints and then also select the content and update

4
00:00:19,290 --> 00:00:20,560
each individual item.

5
00:00:20,820 --> 00:00:26,700
So sending the update request back to the server, we get the response back from the server that it's

6
00:00:26,700 --> 00:00:31,520
updated, the time that it was updated, the name, the email of the content that was updated.

7
00:00:31,680 --> 00:00:35,940
We get the path for the update of the users with the ID.

8
00:00:36,240 --> 00:00:41,580
And as long as we're sending a put method request, we're able to make the update to it.

9
00:00:41,820 --> 00:00:46,560
And for this endpoint, it's returning back the user's information.

10
00:00:47,070 --> 00:00:53,760
And then we can also go back and list out the additional users and loop through multiple users.

11
00:00:53,910 --> 00:01:00,300
So multiple pages of users selecting and then also updating the content for those users.

12
00:01:00,420 --> 00:01:02,220
And that's coming from an end point.

13
00:01:02,410 --> 00:01:04,860
This is a simulation of the updated content.

14
00:01:04,870 --> 00:01:10,620
So it's not actually updating as the server data is still static, but it's simulating the response

15
00:01:10,620 --> 00:01:13,440
that you would typically get back from a server for the updates.

16
00:01:14,190 --> 00:01:21,060
Another application that we're going to be building is going to be a dynamic input area where we can

17
00:01:21,060 --> 00:01:26,840
send and make requests over to the server with a request parameters.

18
00:01:26,850 --> 00:01:32,430
So making some updates to these and what the server is doing as it's simply responding back with the

19
00:01:32,430 --> 00:01:35,420
response object and outputting it to the page.

20
00:01:35,430 --> 00:01:37,080
So that's the values that we see there.

21
00:01:37,300 --> 00:01:43,470
Another iteration, another take on that is the same idea where we're sending and we're posting data

22
00:01:43,470 --> 00:01:48,660
over to the server and the servers, responding back with whatever data that we've posted to.

23
00:01:48,840 --> 00:01:55,290
And then at that point, we have the opportunity to take that response data and output it to the page.

24
00:01:55,290 --> 00:02:02,270
So constructing the page objects dynamically depending on the data that gets submitted to the endpoint.

25
00:02:02,880 --> 00:02:09,060
So it's doing a full round trip from our Web page Ajax request without the page reload and sending it

26
00:02:09,060 --> 00:02:09,710
to the server.

27
00:02:10,140 --> 00:02:14,500
We've got another example of how we can list out items.

28
00:02:14,520 --> 00:02:19,740
So this is another endpoint that's got quite a bit of data that's available within it.

29
00:02:20,250 --> 00:02:23,160
We can also select items by its post.

30
00:02:23,160 --> 00:02:25,290
I'd sort of want to select by it.

31
00:02:25,530 --> 00:02:26,990
It just adds to the top.

32
00:02:27,150 --> 00:02:33,210
And we also have the opportunity to interact with the content, simulating that we're saving the content

33
00:02:33,210 --> 00:02:35,850
to the server and then as well.

34
00:02:35,880 --> 00:02:38,910
So that's just updating the content saved to the server.

35
00:02:38,910 --> 00:02:42,600
And then also for the items, we have an opportunity to delete the items.

36
00:02:42,960 --> 00:02:50,850
We can also create items and add them to the database, simulating the addition of the adding of the

37
00:02:50,850 --> 00:02:51,440
items.

38
00:02:51,450 --> 00:02:57,270
So click add items and then we have the same opportunity to make updates to it.

39
00:02:58,770 --> 00:03:01,860
Say that and delete the item from the page.

40
00:03:02,850 --> 00:03:09,020
Another application that we're going to be working on is using our GitHub repository.

41
00:03:09,300 --> 00:03:13,710
So creating a DB JSON file and creating customized.

42
00:03:15,200 --> 00:03:23,280
JSON object that we can then pull back into our Web page, so we're making a request over to the GST

43
00:03:23,990 --> 00:03:30,530
data, and this gives us an opportunity to create our own testing data online that we can return back

44
00:03:30,530 --> 00:03:36,020
within our Web application and then make use of the respondent data that's coming back.

45
00:03:36,560 --> 00:03:44,630
All of the source code is included and all of the endpoints you should be able to connect to just using

46
00:03:44,630 --> 00:03:46,190
the fetch request.

47
00:03:47,660 --> 00:03:53,410
We're also going to be discussing headers and how to do posts to the server.

48
00:03:53,420 --> 00:03:59,060
So using the post method and a whole lot more source code is included and one of the best ways to learn

49
00:03:59,060 --> 00:04:00,640
is to try the code out for yourself.

50
00:04:01,250 --> 00:04:02,260
So let's get started.

51
00:04:02,270 --> 00:04:04,870
If you have any questions or comments, I'm always happy to hear from you.