1 00:00:00,480 --> 00:00:06,750 So now will create the clear obsession storage function, which will be clearing the session once we 2 00:00:06,930 --> 00:00:14,220 refresh or not, so after the Boston gangster is over. 3 00:00:14,280 --> 00:00:22,710 So let me see that it's getting more so after this, I recommend of clear storage 4 00:00:25,050 --> 00:00:26,370 versus storage musically. 5 00:00:27,740 --> 00:00:33,380 Session storage places in storage and a similar type of. 6 00:00:34,950 --> 00:00:43,740 After that, what I'll do is I'll set the executing function inside these settings button. 7 00:00:44,070 --> 00:00:55,620 Now let me see like settings button and create constant settings and beauty and beauty and and I'll 8 00:00:55,620 --> 00:01:05,640 give equal to sign and I'll call parenthesis, and after that, I'll give this that it'll be said executing. 9 00:01:06,750 --> 00:01:07,290 And. 10 00:01:08,940 --> 00:01:17,490 Inside of this will force a fun object study, not a function object, and the end to object and then 11 00:01:18,480 --> 00:01:19,420 to zero effect. 12 00:01:21,550 --> 00:01:23,340 Madoda, Zero. 13 00:01:23,980 --> 00:01:24,280 OK. 14 00:01:25,690 --> 00:01:35,080 And next, we'll update the execute before that, we'll create a function that will be called as Konst 15 00:01:36,100 --> 00:01:36,880 appeared. 16 00:01:39,660 --> 00:01:40,380 Execute. 17 00:01:41,850 --> 00:01:45,780 And we will be function inside of that. 18 00:01:46,500 --> 00:01:53,370 That will be an argument which have been which will be a update executed, not the North, not in on 19 00:01:53,370 --> 00:01:55,290 this updated starting dated. 20 00:01:57,570 --> 00:02:03,780 Settings and head of the federal function inside of this that will be set. 21 00:02:05,160 --> 00:02:08,550 Executing here will be updated. 22 00:02:10,220 --> 00:02:10,620 Things. 23 00:02:13,390 --> 00:02:17,260 And after the appropriate settings, I gather those are Typekit. 24 00:02:18,180 --> 00:02:19,440 Sad things. 25 00:02:20,390 --> 00:02:22,410 There are things, Bridget settings. 26 00:02:23,370 --> 00:02:27,240 And after the tragedies are things that would be the time or time. 27 00:02:29,040 --> 00:02:30,720 I'm dying. 28 00:02:31,710 --> 00:02:35,160 And tired of this film is asking the same thing from their. 29 00:02:36,420 --> 00:02:37,320 So far, so good. 30 00:02:37,650 --> 00:02:40,320 And after that. 31 00:02:41,590 --> 00:02:47,830 There will be a function who said, as I said, the time or time now. 32 00:02:49,080 --> 00:02:52,020 Whatever we did inside the. 33 00:02:53,150 --> 00:02:57,650 Like this current amount of time and inside of the. 34 00:02:59,890 --> 00:03:03,400 But Premier, but also we created a switch. 35 00:03:04,000 --> 00:03:11,920 Now we have to create a switch, something like this, only after this update execute. 36 00:03:12,490 --> 00:03:13,780 So let us do that. 37 00:03:16,310 --> 00:03:20,120 So that will be the function which will be set time or time. 38 00:03:21,380 --> 00:03:25,210 So time and time does the function is muted here. 39 00:03:26,170 --> 00:03:34,330 What is an entity of this function is here, so evaluate Évolué, evaluate. 40 00:03:37,050 --> 00:03:43,200 And this will be equal to an inside of this, there will be a sweet statement which. 41 00:03:44,290 --> 00:03:48,590 There will be evaluated thought active. 42 00:03:49,160 --> 00:03:51,770 Now what is active, the active class, which is there. 43 00:03:51,770 --> 00:03:54,260 So that will be decided on the basis of this. 44 00:03:54,770 --> 00:04:04,000 But there will be a case, of course, Burke and the other would be the third common. 45 00:04:05,240 --> 00:04:11,630 And inside of this, that will be evaluated not. 46 00:04:12,530 --> 00:04:13,880 You are not active. 47 00:04:15,950 --> 00:04:18,830 And after this, there will be a break. 48 00:04:20,650 --> 00:04:21,490 Break statement. 49 00:04:22,160 --> 00:04:26,230 Well, another case which will be known as short. 50 00:04:26,260 --> 00:04:27,580 So this is for the short break. 51 00:04:28,780 --> 00:04:37,830 OK, so for the short, there will be dessert, pomodoro and salad of this that will be evaluated. 52 00:04:38,460 --> 00:04:38,920 Start. 53 00:04:41,130 --> 00:04:41,640 Shot. 54 00:04:44,250 --> 00:04:46,320 And, of course, a break statement. 55 00:04:49,920 --> 00:04:53,970 And another case that case would be long. 56 00:04:55,500 --> 00:04:56,220 And. 57 00:04:59,070 --> 00:05:00,660 No, not the semicolon. 58 00:05:00,690 --> 00:05:03,720 It's just a colon and then the said. 59 00:05:04,870 --> 00:05:16,300 For more on board or would it be evaluate, evaluate Dorp, evaluate not long course statement and what 60 00:05:16,340 --> 00:05:19,690 appropriate to record going on here, be false statement. 61 00:05:20,530 --> 00:05:25,420 Of course, if there is a switch statement, there will be a default statements or said Pomodoro. 62 00:05:27,940 --> 00:05:29,590 And we will pause it. 63 00:05:30,270 --> 00:05:31,300 OK, that's good. 64 00:05:31,900 --> 00:05:34,540 And then we will give the break here. 65 00:05:38,790 --> 00:05:42,510 So this is what we did, and after that. 66 00:05:43,810 --> 00:05:45,820 We will be giving us and Michael in here. 67 00:05:46,600 --> 00:05:55,090 And now there will be a function to stop the animation that will be called as a stop any minute, that 68 00:05:55,090 --> 00:05:58,570 will be a function which will be called stop he made. 69 00:06:00,020 --> 00:06:00,350 So. 70 00:06:01,300 --> 00:06:01,960 Function. 71 00:06:06,180 --> 00:06:06,900 And he made. 72 00:06:12,330 --> 00:06:13,740 And he will dissect. 73 00:06:15,260 --> 00:06:17,990 Typekit, an inmate who falls. 74 00:06:20,540 --> 00:06:25,550 Because we have we are starting this top enemy, it's once then we should have stopped, we have to 75 00:06:25,550 --> 00:06:32,060 sign the start enemy to false and when and when it becomes true, then we shall we start started again. 76 00:06:32,600 --> 00:06:34,670 But right now? 77 00:06:36,080 --> 00:06:39,890 Let me see a quick overview about what we just did. 78 00:06:40,710 --> 00:06:48,410 So we started from the clear session's total here and we made a function to clear the system storage. 79 00:06:48,770 --> 00:06:51,770 Then we update when we get the update execute. 80 00:06:52,340 --> 00:06:58,550 Remember this object to this being used over like over and over the above functions? 81 00:06:59,000 --> 00:07:03,650 But the easier it is, the origin of the function is here. 82 00:07:04,020 --> 00:07:04,280 OK? 83 00:07:04,850 --> 00:07:08,060 And then we have the set timer time and on other things. 84 00:07:08,670 --> 00:07:12,500 So here is the stop and image, but it has not yet been used anywhere. 85 00:07:12,510 --> 00:07:14,180 That's why you can see the color is different. 86 00:07:14,720 --> 00:07:24,530 OK, so next, in the return, we will have these settings context or provide, nor do nothing. 87 00:07:24,770 --> 00:07:27,020 OK, so there will be. 88 00:07:30,270 --> 00:07:34,570 Are things context not provided? 89 00:07:35,630 --> 00:07:35,990 And. 90 00:07:38,430 --> 00:07:39,340 Yeah, that's it. 91 00:07:40,630 --> 00:07:41,800 Or inside of this? 92 00:07:43,260 --> 00:07:44,940 What will do will provide a value. 93 00:07:48,080 --> 00:07:50,870 Well, you and this is equal to. 94 00:07:52,170 --> 00:08:00,610 Blame all of the variables, the ultimate auto, the thing are a execute. 95 00:08:01,980 --> 00:08:04,590 Next, we'll have the start any minute. 96 00:08:06,620 --> 00:08:08,750 Next, we'll be having the start time. 97 00:08:11,270 --> 00:08:13,960 And after that, we'll be having deposed climate. 98 00:08:16,870 --> 00:08:20,830 First primary and then we'll be having these children next. 99 00:08:20,860 --> 00:08:27,910 These are the values which will be said globally and any component can make use of it, which is reporting 100 00:08:27,910 --> 00:08:28,590 to the abroad. 101 00:08:28,600 --> 00:08:32,260 Use simple to set things button. 102 00:08:34,710 --> 00:08:35,220 This one. 103 00:08:36,540 --> 00:08:39,420 And next, there will be this current climate. 104 00:08:41,560 --> 00:08:42,640 And after that. 105 00:08:44,960 --> 00:08:46,480 That would be this top ending with. 106 00:08:48,420 --> 00:08:48,690 Good. 107 00:08:50,210 --> 00:08:51,920 And inside of this. 108 00:08:53,300 --> 00:08:54,230 Like here. 109 00:08:56,100 --> 00:08:58,980 There will be some props. 110 00:09:01,900 --> 00:09:03,190 There will be props. 111 00:09:05,170 --> 00:09:08,530 So our children and then I say it. 112 00:09:09,510 --> 00:09:10,170 OK. 113 00:09:10,200 --> 00:09:17,520 Our code is refactored with the very good and interesting and all, and this is done using the exchange 114 00:09:17,520 --> 00:09:19,350 in which we live, that the prettier. 115 00:09:19,950 --> 00:09:28,080 So what it does, it is whenever we save the changes, so it automatically factors the code and on every 116 00:09:28,080 --> 00:09:34,590 save the invasion and everything the code gets be factored and things start to look really beautiful 117 00:09:35,370 --> 00:09:36,380 at current time or. 118 00:09:37,840 --> 00:09:41,810 Is all that now, everything is there inside? 119 00:09:41,830 --> 00:09:45,360 These are things next to. 120 00:09:46,940 --> 00:09:52,520 Let us take a quick overview over here, so stop any minute. 121 00:09:53,180 --> 00:09:56,090 Is there set current time or when is this? 122 00:09:58,330 --> 00:10:05,260 I think the current time is here, and I think that is not being close properly or. 123 00:10:07,340 --> 00:10:13,880 It is going to build here, okay, but I don't think it should come down here, only should we tell 124 00:10:13,880 --> 00:10:17,390 him the self-quarantine work should be closed. 125 00:10:18,550 --> 00:10:18,870 Right. 126 00:10:20,150 --> 00:10:22,820 That current time, I should be close right up to here. 127 00:10:23,780 --> 00:10:27,650 And this is and it basically. 128 00:10:29,150 --> 00:10:29,470 OK. 129 00:10:30,170 --> 00:10:36,800 And there are some other things it needs to be changed, like this is opening and closing. 130 00:10:37,370 --> 00:10:38,670 Is there? 131 00:10:38,690 --> 00:10:39,800 This is here. 132 00:10:40,370 --> 00:10:41,570 Cool, cool, cool. 133 00:10:41,570 --> 00:10:48,650 Cool the children because they said start, start, timer and the update execute. 134 00:10:48,650 --> 00:10:50,360 And this thumps inside this. 135 00:10:50,750 --> 00:10:52,070 OK, that sounds good. 136 00:10:53,120 --> 00:10:53,630 And. 137 00:10:54,860 --> 00:10:57,710 But form, these are not de functions. 138 00:10:58,160 --> 00:10:58,550 OK. 139 00:10:58,640 --> 00:11:03,530 So I think we are done for these settings context. 140 00:11:03,890 --> 00:11:09,260 Now next, what we'll be doing is we'll grabbing all of the data, the global context, the components 141 00:11:09,260 --> 00:11:11,560 and everything inside our bodies. 142 00:11:12,140 --> 00:11:15,470 And once we do it, I think that is the last step. 143 00:11:15,470 --> 00:11:17,600 And are everybody be ready to go? 144 00:11:17,930 --> 00:11:22,880 And we will also need to do some styling, like some styling left now that we'll do. 145 00:11:23,330 --> 00:11:28,370 And that sort of app is just about to complete the scene. 146 00:11:28,370 --> 00:11:29,000 The next video.