1 00:00:00,830 --> 00:00:06,330 OK, so now we'll be providing some more things to the weather card, although weather details paint. 2 00:00:06,950 --> 00:00:08,750 So now we'll be adding the date. 3 00:00:09,440 --> 00:00:14,630 So to act the date will provide a new which will be having a class name or date. 4 00:00:15,320 --> 00:00:20,120 So there will write doors basically to get the current date and time. 5 00:00:20,930 --> 00:00:23,300 So it will be like new. 6 00:00:24,450 --> 00:00:30,780 It and this sort of give a date that's going to look. 7 00:00:32,490 --> 00:00:32,820 Thanks. 8 00:00:33,180 --> 00:00:33,620 All right. 9 00:00:35,060 --> 00:00:38,150 Two local string, so this is how it's done. 10 00:00:39,880 --> 00:00:47,410 Let's check if this works, so this is a function, and let's check if this it was up on the browser. 11 00:00:48,070 --> 00:00:53,140 So when I go to the browser and when I see so that is a date. 12 00:00:54,560 --> 00:00:55,370 And there's a time. 13 00:00:55,670 --> 00:01:00,260 So remember, we are using the date and time of our own system. 14 00:01:00,810 --> 00:01:08,180 But this does not have anything to do with the city name or the location, which we Typekit this date 15 00:01:08,180 --> 00:01:10,280 and time solely of our own system. 16 00:01:10,280 --> 00:01:16,220 So we have not linked this to our API because our API does not provide that data and time option. 17 00:01:16,220 --> 00:01:20,250 So this is arbitrary time, OK, this is our system of different time. 18 00:01:21,020 --> 00:01:22,850 OK, so this looks so beautiful. 19 00:01:23,030 --> 00:01:26,300 Next, we are going to create another section here. 20 00:01:27,020 --> 00:01:34,190 So that will be there are some sections like for humidity and the wind speed, and I will be creating 21 00:01:34,190 --> 00:01:39,650 another div below this and that will be having all of the details. 22 00:01:40,250 --> 00:01:42,620 So let's just go ahead and call out that also. 23 00:01:43,520 --> 00:01:49,550 OK, so let's go to the fire, keep on saying browser to its core, to the vehicle. 24 00:01:50,210 --> 00:01:50,600 All right. 25 00:01:50,840 --> 00:01:57,740 So below the date, we will be creating another div so that if I don't know why I came up with this 26 00:01:57,950 --> 00:01:59,780 name, there is extra. 27 00:02:01,580 --> 00:02:06,630 So apart from the temperature, some extra things are there, that's why I came on with this name that's 28 00:02:06,630 --> 00:02:13,400 says, start them, then inside this, we will be providing another day that will have a class name 29 00:02:13,400 --> 00:02:15,590 of champion for men. 30 00:02:15,710 --> 00:02:16,280 Max. 31 00:02:18,600 --> 00:02:20,940 And inform Min Max. 32 00:02:20,970 --> 00:02:21,390 All right. 33 00:02:21,870 --> 00:02:30,180 So this is because I may provide a section where I'll be writing the minimum and maximum temperature, 34 00:02:30,180 --> 00:02:30,510 right? 35 00:02:30,630 --> 00:02:32,910 So that's just it. 36 00:02:34,420 --> 00:02:41,560 Next, we'll be adding our nerve, which will be having two sections, OK, so one section is for the 37 00:02:41,590 --> 00:02:42,160 icon. 38 00:02:43,180 --> 00:02:49,560 I can do what I can of the detail, which we are providing, like icon of the wind speed, maybe I don't 39 00:02:49,570 --> 00:02:55,150 know the humidity or the icon of the sunrise sunset, something like that will decide it later. 40 00:02:55,420 --> 00:02:56,920 So let us provide that. 41 00:02:56,920 --> 00:03:05,860 They do so and so are the minimax will be having their day and that will be named as two-sided section 42 00:03:06,580 --> 00:03:06,900 two. 43 00:03:07,510 --> 00:03:09,220 And I did. 44 00:03:11,920 --> 00:03:12,420 S.. 45 00:03:12,460 --> 00:03:12,850 All right. 46 00:03:13,390 --> 00:03:17,620 And so this bill will be providing the icon. 47 00:03:18,010 --> 00:03:18,330 All right. 48 00:03:18,760 --> 00:03:22,240 An icon and information regarding that. 49 00:03:22,240 --> 00:03:28,590 I can, for example, if I provide like immunity, right, so we'll be providing the values for the 50 00:03:28,600 --> 00:03:29,080 immunity. 51 00:03:29,090 --> 00:03:34,630 OK, so I'll provide the icon inside to Peter Nowak last name for it. 52 00:03:35,290 --> 00:03:37,450 So that will be. 53 00:03:38,870 --> 00:03:43,240 In this form, so I think it will be there and when I provide the. 54 00:03:44,790 --> 00:03:45,450 Class name. 55 00:03:45,480 --> 00:03:45,990 All right. 56 00:03:46,080 --> 00:03:53,790 It gave me last name would be the name of the icon, which I'm using okay, class name would come inside 57 00:03:54,990 --> 00:03:58,990 curly braces and that would be the one. 58 00:03:59,010 --> 00:03:59,580 That's all right. 59 00:04:00,000 --> 00:04:01,820 I mean, goods A.. 60 00:04:02,550 --> 00:04:06,240 OK, so here we'll provide the name. 61 00:04:06,240 --> 00:04:08,590 So this I'm just I remember this. 62 00:04:08,610 --> 00:04:11,940 That's why I'm just providing because it's the icon for sunset. 63 00:04:12,510 --> 00:04:18,730 You can provide Sun Sun rise value, so that's totally up to you. 64 00:04:18,750 --> 00:04:20,250 OK, so. 65 00:04:21,380 --> 00:04:24,050 That doesn't mean all right, I working on. 66 00:04:24,740 --> 00:04:26,840 The mistake I did not close the phone. 67 00:04:28,970 --> 00:04:30,810 So you need to close this first part. 68 00:04:31,190 --> 00:04:31,670 All right. 69 00:04:32,420 --> 00:04:33,420 Next hour to close. 70 00:04:33,500 --> 00:04:40,370 OK, so you can provide a sunrise or any other information, which you can basically just go to the 71 00:04:40,370 --> 00:04:44,180 documentation of the EPA and you have to explore things, right? 72 00:04:44,390 --> 00:04:46,220 There are many, many things in that airplane. 73 00:04:46,430 --> 00:04:52,460 I am just showing the basic things because I want to teach you how to use EPA in your products that 74 00:04:53,060 --> 00:04:56,210 you can just go ahead and explore it as much as possible. 75 00:04:56,270 --> 00:04:59,000 You could just read the documentation once in their doc section. 76 00:04:59,660 --> 00:05:00,260 All right. 77 00:05:00,260 --> 00:05:00,710 All right. 78 00:05:00,950 --> 00:05:06,500 So next we'll be having another section so that will be containing. 79 00:05:08,390 --> 00:05:14,630 The information regarding this icon, OK, so after this debate, attack will be having another meeting, 80 00:05:15,410 --> 00:05:16,190 so. 81 00:05:18,280 --> 00:05:23,270 And does this also work if I do out and then the names, so that will be. 82 00:05:23,840 --> 00:05:28,900 And that extra info left side, so extra. 83 00:05:29,960 --> 00:05:38,420 I fund all this all limbs I have provided and see us as all right, so that's why I'm like, Stick to 84 00:05:38,420 --> 00:05:40,360 it, I mean to, okay, this works. 85 00:05:40,370 --> 00:05:41,210 I mean, stick to it. 86 00:05:41,810 --> 00:05:43,700 So I just use a smart card. 87 00:05:43,820 --> 00:05:49,370 So you might have known like this start for the class name and then the name of the element like you 88 00:05:49,400 --> 00:05:51,380 tag or Dave on each one, whatever. 89 00:05:52,040 --> 00:05:53,150 So you want to just provide that. 90 00:05:53,360 --> 00:05:54,010 All right. 91 00:05:54,020 --> 00:05:54,610 All right. 92 00:05:54,620 --> 00:06:00,080 So extra info full legside inside this will providing the time for the sunset. 93 00:06:00,080 --> 00:06:07,100 Okay, the time you can put anything right now, maybe center times and usually starts. 94 00:06:07,190 --> 00:06:08,360 Maybe six 30. 95 00:06:09,940 --> 00:06:10,280 All right. 96 00:06:10,360 --> 00:06:21,820 So six, 30 and then PM, so this will be inside this, and they provide brick and brick, which beer 97 00:06:22,030 --> 00:06:24,330 and hair will write and let. 98 00:06:26,000 --> 00:06:34,610 I will save it and let us go back to the browser and let us see if this is visible. 99 00:06:35,380 --> 00:06:37,010 Okay, beautiful. 100 00:06:37,040 --> 00:06:39,050 So this is the sunset icon. 101 00:06:39,060 --> 00:06:43,550 This is a time of the sunset and this is the information regarding this icon. 102 00:06:44,360 --> 00:06:50,030 So now we'll be creating three more sections, just like this one for the humidity and for the pressure 103 00:06:50,030 --> 00:06:52,670 and one more we've for providing. 104 00:06:53,150 --> 00:06:53,720 All right. 105 00:06:53,720 --> 00:06:54,080 All right. 106 00:06:54,080 --> 00:06:58,700 So next we'll be providing another for the humidity. 107 00:06:59,210 --> 00:07:02,780 So let us go back to the food editor. 108 00:07:03,710 --> 00:07:04,100 And. 109 00:07:05,670 --> 00:07:06,810 After the. 110 00:07:07,800 --> 00:07:16,200 It's uncertain he'll provide another hike after this trip for another day, so basically we can copy 111 00:07:16,200 --> 00:07:16,950 paste it, right? 112 00:07:17,400 --> 00:07:19,410 You can just copy paste this thing. 113 00:07:20,540 --> 00:07:26,710 And Oregon Typekit, if you want some practice, but you need to modify it, right? 114 00:07:27,480 --> 00:07:30,380 Poolside detection, this is the name of the class. 115 00:07:30,410 --> 00:07:32,210 Next, we would have Goodwin the icon. 116 00:07:32,810 --> 00:07:37,790 So icon will be of humility, obviously humility. 117 00:07:38,570 --> 00:07:38,930 All right. 118 00:07:39,530 --> 00:07:46,220 So inside the humility will provide a big attack, which is already that extra painful on the left side. 119 00:07:46,230 --> 00:07:48,800 So Harry will write about the humility. 120 00:07:49,210 --> 00:07:51,770 So how do you write immunity? 121 00:07:52,460 --> 00:07:52,910 Maybe. 122 00:07:53,060 --> 00:07:53,630 I don't know. 123 00:07:53,810 --> 00:07:58,010 We'll have to look at the data, but I'm just writing some of the numbers I. 124 00:07:58,850 --> 00:08:03,490 That's it, and I will write the information regarding the icon that humanity. 125 00:08:05,020 --> 00:08:10,480 Humidity, all right, all right, so let's just see this and see if this works out. 126 00:08:11,530 --> 00:08:14,950 So when I go back to the browser, this works fine. 127 00:08:15,280 --> 00:08:17,480 You see the humidity, you see the sunset and all. 128 00:08:18,070 --> 00:08:22,120 So that is onboard some, but they're so ready when you go to them. 129 00:08:22,240 --> 00:08:25,840 So when I go back to escort. 130 00:08:26,970 --> 00:08:29,210 Now we have to create another one. 131 00:08:29,400 --> 00:08:30,560 So this is for the rain. 132 00:08:32,680 --> 00:08:40,510 Will further rein, we might have to create another like exact same thing we can copy from here till 133 00:08:40,510 --> 00:08:44,380 here is copy, and then we go and just. 134 00:08:45,700 --> 00:08:47,030 Paste this here. 135 00:08:47,090 --> 00:08:48,970 OK, so this will wasn't right. 136 00:08:49,540 --> 00:08:52,180 So how do we have to change the name and the icon? 137 00:08:52,390 --> 00:09:00,790 Obviously, we want to rain icon, so it's the name of the icon is obviously green and hail will write 138 00:09:01,330 --> 00:09:05,830 some of the information about the rain. 139 00:09:06,280 --> 00:09:13,090 I don't know water like it's the green icon, but here will be providing the pressure, atmospheric 140 00:09:13,090 --> 00:09:13,510 pressure. 141 00:09:13,510 --> 00:09:19,190 So any number will be in this while fetching the API. 142 00:09:19,780 --> 00:09:21,280 Hey, I will write what I. 143 00:09:24,680 --> 00:09:24,810 But. 144 00:09:25,160 --> 00:09:33,950 All right, all right, so let us copy this one more time, one last time, so there will be providing 145 00:09:34,550 --> 00:09:35,120 the. 146 00:09:36,280 --> 00:09:37,730 Wind speed, right? 147 00:09:38,710 --> 00:09:39,940 That will be. 148 00:09:41,070 --> 00:09:46,050 Having an icon, so the name of the tycoon would be strong when. 149 00:09:49,490 --> 00:09:51,470 And here will be the wind speed. 150 00:09:52,040 --> 00:09:57,440 Maybe I don't know anything, so her will light the speed. 151 00:10:00,570 --> 00:10:02,960 You can ride wind speed issues with that. 152 00:10:03,570 --> 00:10:08,280 Let me just save it and let me show you how this thing looks like in the browser. 153 00:10:10,680 --> 00:10:11,340 Right. 154 00:10:11,460 --> 00:10:12,060 So. 155 00:10:13,180 --> 00:10:14,920 This looks a little bit messy. 156 00:10:15,790 --> 00:10:18,100 I know why this is happening, because I have. 157 00:10:19,530 --> 00:10:22,560 Like, overwritten in another day. 158 00:10:22,950 --> 00:10:24,910 So there's no problem with that. 159 00:10:24,960 --> 00:10:29,450 Let's just go back and let's see what we have done. 160 00:10:29,460 --> 00:10:33,170 We have put these things inside this booth. 161 00:10:35,170 --> 00:10:38,380 And this is this, Dave, and this is this. 162 00:10:38,680 --> 00:10:40,480 So basically, we forgot to. 163 00:10:41,620 --> 00:10:44,290 Like this device should be provided for all. 164 00:10:46,250 --> 00:10:55,250 So one, closing them after all the alternatives or the work, so let's just see, like in programming, 165 00:10:55,250 --> 00:11:00,440 you can't you can't just say that things are pretty fun and you will get it and you will. 166 00:11:01,360 --> 00:11:03,310 Tackle them how to do so. 167 00:11:03,370 --> 00:11:13,330 We were inside the 2000 election to this battle after this will provide closing back line so. 168 00:11:14,690 --> 00:11:18,260 And for this, also there would be like this. 169 00:11:19,270 --> 00:11:25,780 And Min Max, so this basically this stuff will be there for everyone, but every container, right? 170 00:11:26,530 --> 00:11:34,720 So for this also for this and want this to be over, we'll provide that closing the. 171 00:11:36,720 --> 00:11:38,160 There's nothing great in this. 172 00:11:38,340 --> 00:11:40,170 What I'm doing is just normal things. 173 00:11:40,620 --> 00:11:43,860 So after that also will provide this one of those. 174 00:11:44,640 --> 00:11:47,280 We will close this, Dave. 175 00:11:50,330 --> 00:11:51,080 All right, all right. 176 00:11:51,710 --> 00:12:00,080 And after this, this is the last time and once this too is closed, I think that was too close. 177 00:12:00,230 --> 00:12:01,400 Let me just go back. 178 00:12:02,650 --> 00:12:07,060 And let me show you and things up the well. 179 00:12:07,980 --> 00:12:11,940 But I needed them to be in this to one line. 180 00:12:12,750 --> 00:12:13,800 But they are not. 181 00:12:14,490 --> 00:12:21,240 Let me just go back and see here at what is the issue here? 182 00:12:22,960 --> 00:12:28,450 So there was some problem in the placement of the tubes, but now I've got it today. 183 00:12:28,720 --> 00:12:34,600 And you can see things are pretty well, so this is one boot which is damp mix. 184 00:12:34,960 --> 00:12:39,610 And then after that, we have this to do this too. 185 00:12:39,880 --> 00:12:43,480 And inside, like basically there are two there's there are two powders, OK? 186 00:12:43,750 --> 00:12:44,530 And one pedal. 187 00:12:44,530 --> 00:12:48,190 Is this uncertain and on the back, we have pressure and speed. 188 00:12:48,670 --> 00:12:49,030 All right. 189 00:12:49,450 --> 00:12:52,870 So now if I go back to the browser, I show you. 190 00:12:54,110 --> 00:13:02,750 And you can see that is beautiful this or a like call for columns and in that you have this data. 191 00:13:03,410 --> 00:13:09,470 So now we have created this UI like Fallujah, although this is not looking so beautiful, so we'll 192 00:13:09,470 --> 00:13:11,460 fix it in the next video and all. 193 00:13:11,540 --> 00:13:15,870 We have created all this, but this data is hardcoded in. 194 00:13:15,870 --> 00:13:24,350 And like in our code, this is like we don't want static data, but we want dynamic data on retirement. 195 00:13:24,350 --> 00:13:26,990 So then we don't need data. 196 00:13:27,320 --> 00:13:29,420 We will be doing all that part in the next video.