1 00:00:01,740 --> 00:00:02,460 Welcome back. 2 00:00:02,520 --> 00:00:09,930 In this lecture, we are going to do we're going to show the notification here when we had full or notification, 3 00:00:10,200 --> 00:00:16,140 when we do some exercise, that is our goal for the day because we already have done it. 4 00:00:16,650 --> 00:00:21,090 Something similar here is going to be pretty much the same. 5 00:00:21,600 --> 00:00:26,550 But we're going to add a couple of more codes, a couple of more lines here. 6 00:00:26,820 --> 00:00:29,310 And yeah, we're not going to touch this portable. 7 00:00:29,310 --> 00:00:31,490 We are working eve else. 8 00:00:31,800 --> 00:00:38,180 So when I add something, some calories, I just want that notification to be there. 9 00:00:38,190 --> 00:00:45,660 And by the way, if you go here, you will see that in the Betty and Battlegroup, this one. 10 00:00:46,080 --> 00:00:47,550 And there are three buttons this. 11 00:00:48,030 --> 00:00:49,400 So this is the battlegroup. 12 00:00:49,590 --> 00:00:51,820 So this is adding this is for food. 13 00:00:51,840 --> 00:00:56,160 This is for a slight opening slider for food and opening's lighter for exercise. 14 00:00:56,400 --> 00:00:59,100 So I have that battlegroup there. 15 00:00:59,400 --> 00:01:00,870 But I do have the button there. 16 00:01:01,170 --> 00:01:07,610 I do have these spane food text and that is giving me this right. 17 00:01:07,920 --> 00:01:13,770 So, you know, I also have commented this circusy uncommented, it will be there. 18 00:01:13,770 --> 00:01:17,350 And if I uncommented, it will go here. 19 00:01:17,370 --> 00:01:24,660 So what I want after each and every insertion of new calories, regardless if it's for exercise or for 20 00:01:25,410 --> 00:01:30,060 through food, we need to get use or some sort of notification. 21 00:01:30,060 --> 00:01:30,300 Right. 22 00:01:30,310 --> 00:01:32,850 I'm just going to I'm just going to do this. 23 00:01:33,150 --> 00:01:39,240 And what I'm going to do, I'm just going to copy this, including these eyeglass. 24 00:01:39,240 --> 00:01:39,570 Right. 25 00:01:39,750 --> 00:01:40,590 This is for food. 26 00:01:41,130 --> 00:01:43,410 So I'm saving that one and I'm going here. 27 00:01:43,410 --> 00:01:46,080 I'm going to see create new variable notification. 28 00:01:46,350 --> 00:01:54,650 And in this variable, I'm going to use it in in two in the two places in this elusive and in this ear. 29 00:01:54,930 --> 00:01:55,950 So, you know the drill. 30 00:01:56,160 --> 00:02:02,850 We're going to use that notification and that will be equal to and we're going to close it here. 31 00:02:03,240 --> 00:02:03,550 Right. 32 00:02:03,580 --> 00:02:05,040 Same as we did with the Marka. 33 00:02:05,250 --> 00:02:10,250 Same as we did with H0 markup before, if I need to put it in one line. 34 00:02:11,340 --> 00:02:13,080 So that is pretty much it. 35 00:02:13,080 --> 00:02:16,110 And we need to add it to a couple of tricks here. 36 00:02:16,320 --> 00:02:19,800 And instead of multiplication should be notification. 37 00:02:19,800 --> 00:02:20,080 Right. 38 00:02:20,700 --> 00:02:23,070 So I'm just going to copy this one here. 39 00:02:24,810 --> 00:02:25,890 I'm just going to grab it. 40 00:02:26,670 --> 00:02:29,410 Sorry for the exercise. 41 00:02:29,410 --> 00:02:30,750 So I'm just going to go from here. 42 00:02:30,750 --> 00:02:33,270 I'm going to copy even this I classifier. 43 00:02:33,300 --> 00:02:33,690 Right. 44 00:02:33,690 --> 00:02:38,220 That's this class, you know, grab before the food class. 45 00:02:39,180 --> 00:02:44,580 So I'm just going to put it here, get rid of everything, get rid of the comments because we want that 46 00:02:44,580 --> 00:02:48,060 to be visible now when we put it back. 47 00:02:50,700 --> 00:02:51,150 Right. 48 00:02:52,350 --> 00:02:54,260 So I want to ask you, how are you doing? 49 00:02:54,270 --> 00:02:56,580 How are you going with the lecture so far? 50 00:02:56,950 --> 00:02:57,410 All right. 51 00:02:57,840 --> 00:03:03,030 I know it can be challenging, but don't worry, everything at the end it will be clear. 52 00:03:03,360 --> 00:03:08,040 So that's if I have done those, too. 53 00:03:08,160 --> 00:03:12,510 So what I need now, the last word is to grab this. 54 00:03:13,380 --> 00:03:17,700 I'm just going to grab this where it is. 55 00:03:18,810 --> 00:03:21,210 We need to grab the button. 56 00:03:21,210 --> 00:03:21,630 Right. 57 00:03:22,380 --> 00:03:26,580 And in that button, we're going to insert it the entire thing. 58 00:03:27,150 --> 00:03:35,280 So we have this button food media and we have this exercise medium so we can grab those two. 59 00:03:35,860 --> 00:03:42,780 So what I'm going to do, I'm just going to put it here just like that. 60 00:03:42,790 --> 00:03:43,410 I'm going to say 61 00:03:46,350 --> 00:03:49,290 we need to use some more meaningful. 62 00:03:49,290 --> 00:03:51,480 So I'm going to use food medium. 63 00:03:54,300 --> 00:04:01,140 And because we use classes so far, let me use a class for this one as well. 64 00:04:01,170 --> 00:04:01,440 Right. 65 00:04:01,560 --> 00:04:06,010 And the other one will be exercise we get. 66 00:04:06,060 --> 00:04:06,450 Right. 67 00:04:06,810 --> 00:04:08,020 That will be for the other one. 68 00:04:08,430 --> 00:04:10,590 Now let's find the classes. 69 00:04:11,250 --> 00:04:15,540 So what we need is actually where is this apple? 70 00:04:15,810 --> 00:04:16,260 Right. 71 00:04:20,990 --> 00:04:27,710 So we need Apple, this class, you can do with the ID, but I'm going to target the class because this 72 00:04:27,710 --> 00:04:35,290 class or fire an apple, they're just identical, but they are four therefore different buttons. 73 00:04:35,300 --> 00:04:35,590 Right. 74 00:04:35,910 --> 00:04:40,040 I'm just going to call copy this and put it here. 75 00:04:40,040 --> 00:04:41,470 And we are done, ladies and gentlemen. 76 00:04:41,690 --> 00:04:44,830 So what we need to do is I need to select that right. 77 00:04:46,070 --> 00:04:55,880 Let's make it nice or document got query selector and I'm going to use the HTML class names, dot food. 78 00:04:56,180 --> 00:04:58,150 It's going to be food media. 79 00:04:58,520 --> 00:04:58,790 Right. 80 00:04:58,820 --> 00:05:00,550 So I did select this part now. 81 00:05:02,240 --> 00:05:07,190 So the selection and I need to place the entire notification there. 82 00:05:07,220 --> 00:05:08,160 So how are we going to do that? 83 00:05:08,690 --> 00:05:10,260 It's super simple, right? 84 00:05:10,280 --> 00:05:15,740 We're going to use the inner HTML and I'm going to we're going to put the notification there and I'm 85 00:05:15,740 --> 00:05:18,800 going to copy this to put it here. 86 00:05:18,820 --> 00:05:23,050 I'm going to say instead of food button, we need to target this one. 87 00:05:23,210 --> 00:05:24,630 And I have one problem here. 88 00:05:24,650 --> 00:05:32,690 This exercise library yesterday when I just did the lecture, you should do it like this exercise slider 89 00:05:32,690 --> 00:05:39,860 just to keep the entire Syntex same exercise slider and change it here, because this is something else, 90 00:05:39,860 --> 00:05:40,170 right? 91 00:05:40,640 --> 00:05:43,220 You didn't come from there, but it was my mistake. 92 00:05:43,220 --> 00:05:44,990 I just now I fix it. 93 00:05:45,620 --> 00:05:47,120 So I did target that one. 94 00:05:47,120 --> 00:05:52,040 I put the notification and when we go for the burn, it will be a different notification. 95 00:05:52,040 --> 00:05:56,120 When we go for the food, it will be a different notification. 96 00:05:56,120 --> 00:05:56,400 Right. 97 00:05:56,720 --> 00:06:00,950 So let's test it out, see what's happening, though, here. 98 00:06:00,950 --> 00:06:01,970 And I say fool. 99 00:06:02,070 --> 00:06:04,340 One hundred and fifty calories hit. 100 00:06:04,400 --> 00:06:05,480 Enter in. 101 00:06:05,480 --> 00:06:06,170 Here you go. 102 00:06:06,170 --> 00:06:09,080 You do have you do have now that notification there. 103 00:06:09,590 --> 00:06:13,550 Let's check for the exercise and say run one. 104 00:06:16,500 --> 00:06:23,190 It's not possible to burn those calories and we do have these notification, but what you see here, 105 00:06:23,190 --> 00:06:25,230 it's a big problem. 106 00:06:25,830 --> 00:06:26,610 It's not a big problem. 107 00:06:26,610 --> 00:06:29,670 It's a problem because this one is still there. 108 00:06:29,670 --> 00:06:32,810 So I don't know which is the last thing. 109 00:06:32,820 --> 00:06:38,270 So if I go back to, for example, if I put another food, this will be still active there. 110 00:06:38,280 --> 00:06:38,560 Right. 111 00:06:38,580 --> 00:06:40,300 So what is the solution? 112 00:06:40,590 --> 00:06:43,800 So the easy solution is here. 113 00:06:43,800 --> 00:06:48,980 When I'm doing this, I want to select this bad boy here again. 114 00:06:49,200 --> 00:06:55,620 So when I'm in adding where I add calories, I want to select the exercise, begin in. 115 00:06:55,620 --> 00:07:02,580 What I basically want to do is just to put this sorry, this one here. 116 00:07:02,850 --> 00:07:10,200 I just want to put that one that was before without the class circle container that is pulsating. 117 00:07:10,200 --> 00:07:10,480 Right. 118 00:07:11,610 --> 00:07:14,160 So where when I was curious. 119 00:07:14,430 --> 00:07:18,300 So instead of putting a notification there, I'm just going to grab all of it. 120 00:07:21,960 --> 00:07:32,140 And the same so here I'm just going to grab this one and I'm going to put it here, so food be enraged 121 00:07:32,140 --> 00:07:32,640 GML. 122 00:07:34,850 --> 00:07:39,210 And for the food media, some reversing it, right, just copying this part. 123 00:07:40,620 --> 00:07:42,920 Yeah, yeah, that's pretty much it. 124 00:07:44,150 --> 00:07:46,190 Make sure that you copy the eyeglasses. 125 00:07:46,280 --> 00:07:47,020 All right. 126 00:07:47,270 --> 00:07:53,300 So this is basically I'm setting after I put the notification, I'm resetting the other guy. 127 00:07:53,450 --> 00:07:53,830 Right. 128 00:07:53,840 --> 00:08:00,680 If I put notification here, if this was active before I'm resetting to this icon and this text here 129 00:08:00,950 --> 00:08:02,420 and the other one I'm resetting. 130 00:08:02,630 --> 00:08:04,190 I'm just putting the dot. 131 00:08:04,520 --> 00:08:08,360 And if I had for exercise, I'm putting the thought here and I'm resetting this one. 132 00:08:08,630 --> 00:08:09,740 That is what is happening. 133 00:08:10,010 --> 00:08:11,480 But too much docking. 134 00:08:11,480 --> 00:08:12,370 Let's see in action. 135 00:08:12,560 --> 00:08:15,740 So I'm just going to say pull one hundred and fifty edit. 136 00:08:15,740 --> 00:08:16,190 Good. 137 00:08:17,000 --> 00:08:19,430 I'm going to choose exercise exercise. 138 00:08:19,760 --> 00:08:21,020 Same one hundred fifty. 139 00:08:21,020 --> 00:08:21,470 Good. 140 00:08:21,470 --> 00:08:28,690 Now if I go back to food Pam Burger one, two, five, four, five. 141 00:08:28,970 --> 00:08:29,320 Good. 142 00:08:29,810 --> 00:08:32,210 So if I go back here I do have two items. 143 00:08:32,540 --> 00:08:32,840 Right. 144 00:08:32,930 --> 00:08:38,690 So if I want to add another one for four or exercise, let's run. 145 00:08:40,670 --> 00:08:40,920 Right. 146 00:08:41,900 --> 00:08:43,040 So how cool is that. 147 00:08:43,550 --> 00:08:44,270 It's working. 148 00:08:44,270 --> 00:08:46,120 It's working by way right now. 149 00:08:46,130 --> 00:08:47,480 Next lecture will be super amazing. 150 00:08:47,660 --> 00:08:54,260 We need to find a way how we can just adjust these numbers here, because these numbers should come 151 00:08:54,260 --> 00:08:57,380 from whatever we input into food should do there. 152 00:08:57,950 --> 00:09:06,280 And it means plus minus means whatever we have in caffeine, burn calories and mathematic, eliminate 153 00:09:06,290 --> 00:09:13,220 some simple formulas here, percentage lead or maybe in that is pretty much it and that is a little 154 00:09:13,220 --> 00:09:13,900 bit challenging. 155 00:09:14,150 --> 00:09:16,630 I want you to stay focused. 156 00:09:16,670 --> 00:09:23,600 You drink your favorite juice or coffee, whatever you're doing, just stay positive and just learn 157 00:09:23,600 --> 00:09:24,350 as much as you can. 158 00:09:24,350 --> 00:09:28,580 Just soak all this information because you're going to need it later in your life. 159 00:09:28,580 --> 00:09:36,260 Because I know if you watching my course, then then you are not JavaScript expert and you want to learn. 160 00:09:36,260 --> 00:09:39,530 If you don't want to hear my voice, you can mute my voice. 161 00:09:39,530 --> 00:09:45,500 You can put it on a two times speed or three times speed and whatever you do, whatever makes you happy, 162 00:09:45,500 --> 00:09:46,310 just do it right. 163 00:09:46,310 --> 00:09:52,010 And I just wanted to give you as much as information as I can can possibly collect. 164 00:09:52,310 --> 00:09:57,080 And believe me, this is not something that I'm making too much money off, but this is something that 165 00:09:57,080 --> 00:10:02,240 I'm doing because I want to communicate with people I want. 166 00:10:02,240 --> 00:10:05,270 This is my way to communicate with thousands of people. 167 00:10:05,270 --> 00:10:07,310 And I am happy because I'm doing this. 168 00:10:07,670 --> 00:10:10,130 And, yeah, that's that's my goal. 169 00:10:10,430 --> 00:10:13,730 And yeah, in future, I'm not saying that I'm not going to make money. 170 00:10:13,730 --> 00:10:14,120 I will. 171 00:10:14,120 --> 00:10:20,570 But the point is that I'm trying to make courses as much as good as they can be because I want to help 172 00:10:20,570 --> 00:10:20,930 people. 173 00:10:20,930 --> 00:10:23,210 I want to be able to engage with the content. 174 00:10:23,210 --> 00:10:30,020 I don't want if you put a three star reviews or if you put a bad comment, that's not going to make 175 00:10:30,020 --> 00:10:32,480 me happy and that's not making you happy as well. 176 00:10:32,480 --> 00:10:40,280 Maybe that means that you waste your time here with me and yeah, if any course not just mine. 177 00:10:40,290 --> 00:10:46,370 If you are like two, if you're giving two or three star review, don't waste your time, buddy. 178 00:10:46,550 --> 00:10:49,820 Just get your money back and go to the next one. 179 00:10:49,820 --> 00:10:53,690 Because how to say no one is a perfect teacher. 180 00:10:53,690 --> 00:10:57,530 No one is a perfect tutor, no one is perfect in anything. 181 00:10:57,800 --> 00:10:59,600 So you need to find your balance. 182 00:10:59,600 --> 00:11:04,010 You need to find what you want from your from discourse. 183 00:11:04,220 --> 00:11:05,510 Just read the description. 184 00:11:05,510 --> 00:11:09,650 I told many students what one student gave me five star review next day. 185 00:11:09,770 --> 00:11:11,000 He changed it to one. 186 00:11:11,210 --> 00:11:12,980 The other day she changed it to three. 187 00:11:12,980 --> 00:11:14,410 And I said, OK, what are you doing, buddy? 188 00:11:14,750 --> 00:11:17,510 And he said this cause you're jumping too much. 189 00:11:17,510 --> 00:11:20,570 That's my style of teaching a jump. 190 00:11:20,570 --> 00:11:21,080 Too much. 191 00:11:21,080 --> 00:11:21,860 Yeah, probably. 192 00:11:21,860 --> 00:11:23,600 But that is my style of teaching. 193 00:11:23,600 --> 00:11:28,430 And if you don't like it, just when you see first couple of lecture, I'm the same guy, dear. 194 00:11:28,430 --> 00:11:31,280 I'm the same guy here after fifty lectures. 195 00:11:31,280 --> 00:11:34,250 So there's no point of writing the communists. 196 00:11:34,250 --> 00:11:35,480 No point wasting your time. 197 00:11:35,480 --> 00:11:38,600 Just go back, get your money or whatever you do. 198 00:11:38,640 --> 00:11:39,830 Don't waste your time. 199 00:11:39,830 --> 00:11:41,240 Time is precious guys. 200 00:11:41,770 --> 00:11:44,270 You need to learn the time. 201 00:11:44,270 --> 00:11:50,300 You need to eliminate all those time wasters, eliminate your friends, your best friends, eliminate 202 00:11:50,540 --> 00:11:53,150 your bad courses, eliminate whatever you do. 203 00:11:53,480 --> 00:11:54,620 Just don't waste your time. 204 00:11:54,620 --> 00:11:57,170 Don't waste your money, invest your time in something else. 205 00:11:57,290 --> 00:12:02,030 And if you say I don't have time to listen to your lectures, then that's not true. 206 00:12:02,600 --> 00:12:02,990 Right? 207 00:12:03,380 --> 00:12:04,850 We have twenty four hours. 208 00:12:05,090 --> 00:12:06,260 How many minutes are there? 209 00:12:06,260 --> 00:12:07,400 How many hours? 210 00:12:07,400 --> 00:12:08,780 Twenty four hours you need. 211 00:12:08,780 --> 00:12:15,860 You will have time to do at least five or six lectures a day or do minimal. 212 00:12:16,460 --> 00:12:16,880 Right. 213 00:12:17,420 --> 00:12:21,890 So no, don't give me the excuse that you don't have time in. 214 00:12:21,890 --> 00:12:25,610 The lectures are long yet before joining a chorus. 215 00:12:25,610 --> 00:12:27,710 It's your responsibility to read the course. 216 00:12:27,830 --> 00:12:33,730 My responsibility is to provide what I have put as a core in, of course, Gurukul. 217 00:12:34,010 --> 00:12:37,160 If I don't, that means that's my failure, right? 218 00:12:37,400 --> 00:12:40,730 If the course is not satisfy your needs again is my failure. 219 00:12:40,740 --> 00:12:44,000 But you should be reading what you're getting into. 220 00:12:44,840 --> 00:12:45,210 Yeah. 221 00:12:45,280 --> 00:12:45,730 Yeah. 222 00:12:45,740 --> 00:12:49,250 So this is something that I've experienced as a teacher here. 223 00:12:49,640 --> 00:12:56,720 And you should know as a student, because giving me back three or four or one star review is not going 224 00:12:56,720 --> 00:12:58,880 to make my life miserable. 225 00:12:59,030 --> 00:12:59,780 It's you. 226 00:12:59,800 --> 00:13:03,500 You are making your life miserable because you just waste your time. 227 00:13:03,710 --> 00:13:06,100 And that's that's something I don't want you to do. 228 00:13:06,530 --> 00:13:11,780 I want you to learn something from my courses and then apply this knowledge somewhere else. 229 00:13:11,810 --> 00:13:12,130 Right. 230 00:13:12,890 --> 00:13:17,450 So that's it about my motivational speech. 231 00:13:18,110 --> 00:13:26,750 I didn't plan to say all of this, but I just want you to stay focused and do whatever you think you 232 00:13:26,750 --> 00:13:28,940 feel as if the course is a waste of time. 233 00:13:28,940 --> 00:13:35,180 And, of course, just move on and move on and get something, get something for you that suits your 234 00:13:35,180 --> 00:13:35,480 needs. 235 00:13:35,480 --> 00:13:35,840 Right. 236 00:13:36,290 --> 00:13:43,160 For example, in my university, I wouldn't be able to understand all of my teachers. 237 00:13:43,160 --> 00:13:45,560 I wouldn't be able to listen to follow my teachers. 238 00:13:45,560 --> 00:13:46,220 But I did. 239 00:13:46,220 --> 00:13:47,840 I stay there. 240 00:13:47,870 --> 00:13:50,690 I finished the courses, I finished the Masters. 241 00:13:50,690 --> 00:13:57,110 I did that, but I didn't learn same as from every teacher, because every teacher has a different style, 242 00:13:57,110 --> 00:13:59,000 different approach and stuff like that. 243 00:13:59,000 --> 00:14:00,920 But that was it. 244 00:14:00,920 --> 00:14:01,870 I had to do it. 245 00:14:01,910 --> 00:14:06,410 And if you don't have to do it, just don't do it because you do have a choice here. 246 00:14:06,410 --> 00:14:08,180 You do have a lot of courses here, right? 247 00:14:08,540 --> 00:14:09,500 So that's pretty much it. 248 00:14:10,010 --> 00:14:14,420 And I hope you I will see you in the next one.