Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,090 --> 00:00:04,830
In the last lecture, we have specified exchange of data, and we have passed them to exchange a list
2
00:00:04,830 --> 00:00:05,490
component.
3
00:00:05,960 --> 00:00:07,380
Let's continue this lecture.
4
00:00:07,410 --> 00:00:10,320
Let's create for a loop and let's display this data dynamically.
5
00:00:11,580 --> 00:00:12,420
All right, let's start.
6
00:00:12,450 --> 00:00:14,910
Let's open the file exchange.
7
00:00:14,910 --> 00:00:18,000
Let's do the view, and let's take a look here at this age table.
8
00:00:18,030 --> 00:00:22,770
I know it's quite a lot of things here, but what's important here is this columns.
9
00:00:24,110 --> 00:00:29,180
Columns is multilayered, and here this live with a column is developed, mobile is six, tablet is
10
00:00:29,420 --> 00:00:31,970
for wide screen and is six desktop.
11
00:00:32,480 --> 00:00:33,710
What does it says here?
12
00:00:34,070 --> 00:00:38,060
That I'm creating that deep of the columns is that I'm creating basically a row of columns.
13
00:00:38,640 --> 00:00:41,000
Can you imagine the Melbourne have a diff of columns?
14
00:00:41,690 --> 00:00:47,370
This could create a container that has a size control tower, and I want to throw with a straight line.
15
00:00:47,370 --> 00:00:50,030
This is in a total of 12 columns.
16
00:00:50,030 --> 00:00:50,720
Better row.
17
00:00:51,910 --> 00:00:58,800
And here, video specifying your diff on the item has, for example, is for light screen is means you're
18
00:00:58,820 --> 00:01:01,900
specifying four or four columns per item.
19
00:01:02,560 --> 00:01:05,050
So you can see here this item has a four columns.
20
00:01:06,290 --> 00:01:12,350
Four and four are here, if there will be one more item, so you can see expect three items better ones
21
00:01:12,350 --> 00:01:12,710
zero.
22
00:01:13,340 --> 00:01:14,360
There are 12 columns.
23
00:01:15,310 --> 00:01:20,230
OK, so that's that's that's what we are, that's what we are specifying here, and as you can see here,
24
00:01:20,740 --> 00:01:26,920
six tablette and six desktop and so on, then you will change the size, for example, if you are a
25
00:01:26,920 --> 00:01:32,560
smaller screen to display only on a two items, because here again, this has a 12.
26
00:01:32,890 --> 00:01:37,360
And if the column is a six and six, you can display only two items per barrel.
27
00:01:38,110 --> 00:01:40,490
That's why I'm defining the different sizes, but it's really not important.
28
00:01:40,650 --> 00:01:43,800
I just want to let you know how this works in the background.
29
00:01:44,590 --> 00:01:45,400
What we want to do here.
30
00:01:46,060 --> 00:01:49,240
We want to create here for ETRADE's columns.
31
00:01:50,480 --> 00:01:57,420
So they need to specify only one column, and they provide here for loop, so the other one, they donate,
32
00:01:57,440 --> 00:02:01,420
so go down credit, click here on the device so you can find the ending.
33
00:02:01,700 --> 00:02:02,210
Here it is.
34
00:02:02,510 --> 00:02:04,160
And this column here you donate.
35
00:02:04,820 --> 00:02:08,170
So what you call budget will go slowly down here.
36
00:02:08,660 --> 00:02:11,630
Find the ending live and slowly slide it up.
37
00:02:12,350 --> 00:02:16,250
You can also hold shift shift key and an up arrow shift and up everyone.
38
00:02:16,250 --> 00:02:18,110
You can select the one line after another.
39
00:02:18,560 --> 00:02:20,910
You will select the entire column here.
40
00:02:21,440 --> 00:02:22,190
You will remove it.
41
00:02:23,870 --> 00:02:25,250
Now we have only one column.
42
00:02:25,940 --> 00:02:28,640
Your money will save it and it will go back here will display only one item.
43
00:02:29,120 --> 00:02:29,570
Perfect.
44
00:02:31,160 --> 00:02:33,800
This will be item you won't like to create iteration on.
45
00:02:34,610 --> 00:02:35,090
So it's fine.
46
00:02:35,120 --> 00:02:38,600
Her column was valid on the new lines that have more space here.
47
00:02:38,870 --> 00:02:43,910
And on this day, let's create V for Valor V for Directive V four.
48
00:02:44,330 --> 00:02:45,710
And let's create your iteration.
49
00:02:46,430 --> 00:02:48,800
Create here your item can collect.
50
00:02:48,830 --> 00:02:55,220
You can call this variable as you want, for example, item in exchanges where exchanges is this your
51
00:02:55,220 --> 00:02:55,510
list?
52
00:02:55,960 --> 00:02:56,780
Well, you are passing through.
53
00:02:56,780 --> 00:02:57,830
There is the error.
54
00:02:59,240 --> 00:03:04,910
So I think in this case, it would be better to call the item, not the item, about an exchange rather.
55
00:03:06,320 --> 00:03:08,750
So in the first iteration exchange, you will be.
56
00:03:09,930 --> 00:03:10,590
This object.
57
00:03:11,520 --> 00:03:15,150
This one here in a second iteration, it'll hold the value of this one.
58
00:03:15,900 --> 00:03:16,290
OK.
59
00:03:18,120 --> 00:03:20,250
So what they need to positively are also missing.
60
00:03:20,250 --> 00:03:25,490
Key key is very important and defining a key, and it will be your exchange, some unique value.
61
00:03:25,510 --> 00:03:27,570
What's unique about our exchange?
62
00:03:27,570 --> 00:03:28,320
You can take a look.
63
00:03:28,800 --> 00:03:30,540
The idea is a unique information.
64
00:03:30,750 --> 00:03:34,860
It should be always different for every exchange supercapacitor exchange.
65
00:03:34,860 --> 00:03:37,290
Would it be perfect if you have this?
66
00:03:37,710 --> 00:03:39,740
And yeah, that should be already enough.
67
00:03:39,750 --> 00:03:40,830
So but I will save it.
68
00:03:41,880 --> 00:03:42,870
I'll go to browser.
69
00:03:42,870 --> 00:03:44,820
I'll despite the two of the same items.
70
00:03:45,300 --> 00:03:45,750
Perfect.
71
00:03:47,110 --> 00:03:51,700
OK, so reiterating the first exchange of displaying this, Dave, the second time on this plane, the
72
00:03:51,720 --> 00:03:52,270
same day.
73
00:03:52,660 --> 00:03:54,100
So now it's time to customize it.
74
00:03:56,160 --> 00:04:02,310
OK, so what we can customize furrows we have here, this image does a little bit, they this figure
75
00:04:02,310 --> 00:04:06,060
here, let's put right here this glass on the new line like this and probably to the right side, the
76
00:04:06,060 --> 00:04:08,340
class and a style.
77
00:04:09,600 --> 00:04:11,310
OK, you can see here is a background image.
78
00:04:12,330 --> 00:04:17,620
That's how you define this stylings interactively in a video again about here, Bain, so you'll like
79
00:04:17,620 --> 00:04:21,630
her column style and you can try their styles like this dynamically.
80
00:04:21,930 --> 00:04:28,170
You specify her objects or opening curly bracket, and then you will provide your style as you normally
81
00:04:28,170 --> 00:04:29,490
would have in a success.
82
00:04:29,820 --> 00:04:35,670
So in this case, background image and here in the early part, you will provide the image.
83
00:04:35,680 --> 00:04:37,590
Here is a hard, good image from Unsplash.
84
00:04:39,150 --> 00:04:39,900
So what do you want to do?
85
00:04:39,930 --> 00:04:40,560
You want to display?
86
00:04:40,590 --> 00:04:41,400
You want to remove this.
87
00:04:41,410 --> 00:04:43,640
You are apart, you are apart inside.
88
00:04:43,650 --> 00:04:45,390
This is entire Unsplash string.
89
00:04:47,370 --> 00:04:47,890
Like this?
90
00:04:48,200 --> 00:04:53,440
And don't forget your closing bracket like this because they want to have it like this, I will just
91
00:04:53,440 --> 00:04:56,140
provide out on the new line so it doesn't bother us.
92
00:04:57,950 --> 00:05:03,230
OK, and then you want to pass here as a euro, your value of the exchange image, so you want to get
93
00:05:03,230 --> 00:05:05,900
your exchange dot image.
94
00:05:07,010 --> 00:05:10,880
But you see here now the exchange, the image behaves as a normal string value.
95
00:05:10,910 --> 00:05:14,690
You want to get this value from the variable exchange dot image.
96
00:05:15,500 --> 00:05:19,180
Since the beginning of the string, you will change the normal quotations to Bektic.
97
00:05:19,820 --> 00:05:25,100
Like this Bektic quotations, and then you will interpolate through the dolorous and curly brackets.
98
00:05:26,390 --> 00:05:29,330
Like this, and you can get your value from the variable.
99
00:05:29,570 --> 00:05:31,730
Now instead of the string in this case.
100
00:05:33,330 --> 00:05:34,500
OK, since I've been able to save it.
101
00:05:36,150 --> 00:05:37,680
I'll go here, I'll refresh.
102
00:05:38,840 --> 00:05:46,130
You see these images now that are coming here from our actual value, from the variable, but this answer
103
00:05:46,130 --> 00:05:48,590
pledge link you can see on your screen here this image.
104
00:05:48,590 --> 00:05:55,100
Unsplash That's this like car you can see, and here is this other image as plush images this coding
105
00:05:55,100 --> 00:05:55,580
screen.
106
00:05:55,970 --> 00:05:56,960
That's what we are displaying now.
107
00:05:56,960 --> 00:06:01,220
Here is the fan to the variable extension image, which is here.
108
00:06:02,620 --> 00:06:02,980
OK.
109
00:06:05,140 --> 00:06:10,300
All right, here we have an icon icon I convivial not today yet because of the need to do some styling
110
00:06:10,300 --> 00:06:15,070
changes here and um, that was we have here, guys, we have here is some title.
111
00:06:15,130 --> 00:06:16,540
Let's find a some title here.
112
00:06:17,410 --> 00:06:19,330
Some titles, some title there.
113
00:06:19,330 --> 00:06:20,080
Are you here?
114
00:06:20,560 --> 00:06:23,640
This H2, let's is also a little bit of formatting.
115
00:06:23,650 --> 00:06:25,300
Let's provide a class under the new line.
116
00:06:26,770 --> 00:06:32,610
Then there is the element, let's select it and persuade also in your line here is ending targets.
117
00:06:32,650 --> 00:06:33,430
Also enter.
118
00:06:33,430 --> 00:06:36,400
So it's on a new line here and H two like this?
119
00:06:36,940 --> 00:06:40,060
OK, and actually eight eight going to be on the same line because it's not so long.
120
00:06:40,510 --> 00:06:41,770
So the formatting is like this.
121
00:06:43,450 --> 00:06:45,310
And the trip here will be dynamically.
122
00:06:46,300 --> 00:06:50,400
So far, we don't know the link, so let's leave it here because this place holder of a hedge.
123
00:06:50,770 --> 00:06:53,950
And here are some details will be the value from a variable of each one.
124
00:06:54,640 --> 00:06:57,060
It will be exchange dot.
125
00:06:57,910 --> 00:07:01,900
It will be the curly brackets, by the way, and exchange dot.
126
00:07:01,920 --> 00:07:04,350
Let's take a look into what we want to display is the title.
127
00:07:04,360 --> 00:07:05,500
So exchange your title.
128
00:07:06,640 --> 00:07:08,260
Exchange Dot.
129
00:07:09,870 --> 00:07:11,720
Title, save it.
130
00:07:12,350 --> 00:07:18,380
Take a look back here and here it is, and that's like the programming lessons to name, though we don't
131
00:07:18,380 --> 00:07:19,490
have any name because they don't have.
132
00:07:19,490 --> 00:07:24,650
I use that, but because this play here is like no big deal, now we'll be changing it later.
133
00:07:24,950 --> 00:07:26,760
This play here to change that user.
134
00:07:27,930 --> 00:07:28,730
Many will save it.
135
00:07:29,930 --> 00:07:31,370
It'll be the idea of the user.
136
00:07:32,510 --> 00:07:32,870
OK.
137
00:07:33,320 --> 00:07:36,710
And the credit Ed, we don't have we don't have any credit in our entry.
138
00:07:37,040 --> 00:07:38,690
We can we can see it in Abu Dhabi.
139
00:07:38,870 --> 00:07:42,180
There is no data entry, so that will be handling later will be.
140
00:07:42,200 --> 00:07:43,700
You will see how you'll be able to handle it.
141
00:07:46,070 --> 00:07:46,670
OK.
142
00:07:46,910 --> 00:07:48,140
It looks good so far.
143
00:07:48,680 --> 00:07:49,700
Still something missing.
144
00:07:50,300 --> 00:07:53,270
Well, they are missing is our attacks we are quoting.
145
00:07:53,270 --> 00:07:55,960
Here are and this is going going from here.
146
00:07:56,000 --> 00:07:59,300
This art here, this element and defining hard coding art.
147
00:07:59,300 --> 00:08:02,250
So what we need to do here is e-trade into its.
148
00:08:02,750 --> 00:08:07,790
We need to create a for loop in our attacks and display the attacks interactively in the far loop.
149
00:08:08,030 --> 00:08:09,770
But this is all handled in the next lecture.
150
00:08:09,770 --> 00:08:11,180
Any questions asked them and they could.
151
00:08:11,300 --> 00:08:13,220
And let's see in the next two years.
13453
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.