Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
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.
8152
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.