1
00:00:00,300 --> 00:00:07,980
Not bad ones, we can fetch of the jobs knowledge display the first one, so our initial job and then

2
00:00:07,980 --> 00:00:15,180
of course, eventually we worry about of displaying buttons for all the jobs online once we click on

3
00:00:15,180 --> 00:00:15,690
a button.

4
00:00:15,910 --> 00:00:20,960
And of course, we change the job that we display for the time being.

5
00:00:21,210 --> 00:00:24,180
I just want to display this one job.

6
00:00:24,390 --> 00:00:31,830
I'm going to be shooting for the first job, but it can be any of the jobs as long as it is only one.

7
00:00:32,260 --> 00:00:40,530
So if I navigate back to my abcess, I can see that I have my value correct and by default that is set

8
00:00:40,530 --> 00:00:41,170
to zero.

9
00:00:41,610 --> 00:00:48,000
So what I could do after the loading, I can access that first job.

10
00:00:48,000 --> 00:00:54,840
In my sense, it's not any more empty and grab the properties of that I'm looking for.

11
00:00:55,170 --> 00:00:56,790
What properties more specifically?

12
00:00:56,820 --> 00:00:59,760
Well, I would want to get the company.

13
00:01:00,180 --> 00:01:01,730
So that is, of course, going to display.

14
00:01:01,750 --> 00:01:03,470
Won't what is the company then?

15
00:01:03,480 --> 00:01:04,410
All sort of duties.

16
00:01:04,440 --> 00:01:07,910
So when I was doing the dates as well as the title.

17
00:01:08,280 --> 00:01:16,650
Now, keep in mind one thing where this needs to happen after loading, and I'll show you that in a

18
00:01:16,650 --> 00:01:16,990
second.

19
00:01:17,280 --> 00:01:24,270
So right after loading, what I would want is the structure from my first job, those properties.

20
00:01:24,570 --> 00:01:33,150
So in here I can go with CONSED and then company, then dates and duties and then of course the title.

21
00:01:33,360 --> 00:01:37,380
And that is coming from jobs, which is not anymore.

22
00:01:37,620 --> 00:01:44,010
And I'm Tiaro since we purchased the jobs and more specifically, I'm looking for the item.

23
00:01:44,520 --> 00:01:50,870
And in my case, since the value is zero, that just means that I'm going to get the first item.

24
00:01:51,180 --> 00:01:55,770
And if you want, you can log the properties and you'll see that they are there.

25
00:01:56,070 --> 00:02:01,710
But I'll right away move to my return and I'll say S..

26
00:02:01,710 --> 00:02:08,580
Or here are a class name also of Section Laakso online.

27
00:02:08,580 --> 00:02:11,920
One by one, we can just display those properties.

28
00:02:12,150 --> 00:02:18,630
Now, I'll start with the title, something we have done already before, where we go with an interview.

29
00:02:19,050 --> 00:02:20,850
And I'm going to call this experience.

30
00:02:22,750 --> 00:02:29,740
I'll say with that underlined just because I like it, so I'm going to go with that and then underline

31
00:02:30,400 --> 00:02:37,660
their work, so, OK, we have the experience and then after that, we're going to have our jobs center

32
00:02:38,420 --> 00:02:39,640
right next to the title.

33
00:02:40,010 --> 00:02:43,360
We're going to go with another jobs center.

34
00:02:43,630 --> 00:02:50,170
And then inside of this there, there's going to be a button container that currently, of course,

35
00:02:50,260 --> 00:02:52,570
won't be there since we'll deal with that last.

36
00:02:52,960 --> 00:02:55,910
We're going to go with a button container, OK?

37
00:02:56,230 --> 00:02:58,610
And then the next thing is the job info.

38
00:02:58,670 --> 00:03:01,200
So we go here with a job info.

39
00:03:01,540 --> 00:03:08,180
Now, inside of the job info, there's going to be an article with a class of job info, you guys that.

40
00:03:08,180 --> 00:03:09,070
Yes, correct.

41
00:03:09,370 --> 00:03:13,690
So job info article online in here.

42
00:03:13,720 --> 00:03:16,470
Let's display those of ours.

43
00:03:16,750 --> 00:03:20,350
So if you're looking at the complete project, this is what we're building right now.

44
00:03:20,770 --> 00:03:22,360
I would want to display the title.

45
00:03:22,360 --> 00:03:29,550
I would want to display the company the date, and then I would want to iterate over my duties as well.

46
00:03:29,830 --> 00:03:33,970
So hiring three is going to be a list that I don't hear.

47
00:03:35,290 --> 00:03:41,170
So title then, once we serve, we should see the lowering first and we have the experience and then

48
00:03:41,170 --> 00:03:42,820
of course we have the title.

49
00:03:43,260 --> 00:03:50,140
Then after that, there's going to be a company starting four and we're looking for a company like Shell.

50
00:03:50,560 --> 00:03:56,680
And then like I said, I would want to have a date, but it's going to be in the paragraph's or job

51
00:03:57,370 --> 00:03:57,850
date.

52
00:03:58,000 --> 00:03:59,560
And then we're going to display the.

53
00:04:00,640 --> 00:04:06,640
And lastly, we're going to iterate over our duties now why we're ignoring our duties, because duties

54
00:04:06,970 --> 00:04:09,280
is on our sense.

55
00:04:09,610 --> 00:04:14,980
In most cases, you would want to list multiple things that you are doing on a job.

56
00:04:14,980 --> 00:04:19,920
And I also would want to add this little icon here as well.

57
00:04:20,410 --> 00:04:26,650
So right after the paragraph, let's just say duties and then map remapping over that.

58
00:04:26,650 --> 00:04:34,030
I need to come up with a variable name, of course, for my primer and I'm going to say duty in here

59
00:04:34,330 --> 00:04:37,480
and then the index as well, since I have the list.

60
00:04:37,840 --> 00:04:45,400
And then as far as the return while I'm going to go with a div here, the key will be equal to my next.

61
00:04:45,700 --> 00:04:47,860
Now let's add a class name here as well.

62
00:04:48,230 --> 00:04:56,860
Job description like so on the inside of this div, we're going to go with our icon.

63
00:04:57,160 --> 00:05:00,000
So F.A.A. angle double, right.

64
00:05:00,160 --> 00:05:03,700
So that's the one that I imported from the account, of course.

65
00:05:04,060 --> 00:05:06,620
And then let's add a class name here as well.

66
00:05:06,640 --> 00:05:11,260
We're going to go with Job Icon online right next to it.

67
00:05:12,170 --> 00:05:15,770
We're going to go with paragraph's or not inside of it right next to it.

68
00:05:15,780 --> 00:05:22,330
We're going to go with the paragraph with a name of duty we save and this is what we should see.

69
00:05:22,790 --> 00:05:25,040
So that's our first item.

70
00:05:25,370 --> 00:05:27,620
Now, please be very, very careful.

71
00:05:28,020 --> 00:05:29,560
We're in the beginning.

72
00:05:29,960 --> 00:05:37,100
Jobs is an empty array and we are doing restructuring over here where essentially I say, you know what?

73
00:05:37,490 --> 00:05:45,020
Get me the first item from jobs and then from that item, get me the properties of company debt duties

74
00:05:45,020 --> 00:05:45,580
and title.

75
00:05:46,070 --> 00:05:53,650
However, initially, since it is an empty array, well, there is no item that has these properties.

76
00:05:54,080 --> 00:06:00,320
So if you move this up on top of the loading, you'll get a big fat error, OK?

77
00:06:00,530 --> 00:06:00,920
Why?

78
00:06:01,190 --> 00:06:08,030
Well, because riak complaints radicalising kind of destruction, property, company of jobs value as

79
00:06:08,030 --> 00:06:12,810
it is undefined because again, initially this is an empty array.

80
00:06:13,130 --> 00:06:14,330
That's why we want to do that.

81
00:06:14,340 --> 00:06:17,100
The structuring right after the loading.

82
00:06:17,630 --> 00:06:18,740
So in this case, I know.

83
00:06:18,740 --> 00:06:22,400
Hey, listen, I had initially empty, right?

84
00:06:22,610 --> 00:06:27,290
And then after loading my jobs won't be an empty array.

85
00:06:27,740 --> 00:06:31,880
It will be an array of jobs that is coming from my API.

86
00:06:31,980 --> 00:06:34,910
And then, of course, we don't have the hour anymore.