1 00:00:00,720 --> 00:00:06,570 Hi again, in the previous video, I have shown you how you can create these two beautiful windows, 2 00:00:07,020 --> 00:00:10,590 the first one is for Facebook and second one for Instagram. 3 00:00:11,160 --> 00:00:18,750 No, I will show you how we will use we will add some functions and buttons so that if we we would add 4 00:00:18,750 --> 00:00:25,020 a button, for example, here, if we press that button, the program will verify if the user name and 5 00:00:25,020 --> 00:00:26,580 password are correct. 6 00:00:27,230 --> 00:00:33,140 In this case, it will print, for example, here hide and provide the user name as it will print right 7 00:00:33,150 --> 00:00:33,520 again. 8 00:00:34,050 --> 00:00:37,830 So to do this, the first thing that we have to do is to create these two buttons. 9 00:00:38,280 --> 00:00:39,550 So it is too easy. 10 00:00:39,580 --> 00:00:41,300 We will do it as always. 11 00:00:41,310 --> 00:00:43,040 So we will start by Facebook. 12 00:00:43,620 --> 00:00:46,620 So here we have we will call it, for example, login. 13 00:00:47,280 --> 00:00:49,440 So we will be a button. 14 00:00:50,280 --> 00:01:02,010 We'll make it in the face for Facebook, then text a call, then here, login, and I will make some 15 00:01:02,010 --> 00:01:04,320 padding here in the next X. 16 00:01:04,320 --> 00:01:08,400 So I will make it, for example, 40 then. 17 00:01:08,940 --> 00:01:15,850 But Y equals 20 and that is no one will make the grade. 18 00:01:15,870 --> 00:01:19,110 So for example, here we have log in. 19 00:01:19,450 --> 00:01:20,550 That's great. 20 00:01:21,570 --> 00:01:32,130 We'll put it in the three then the column columns three column equals zero. 21 00:01:32,400 --> 00:01:38,280 Then we will make some column called Unspun equal to. 22 00:01:38,980 --> 00:01:39,480 We see. 23 00:01:39,480 --> 00:01:42,520 How does it look at Facebook? 24 00:01:42,540 --> 00:01:46,700 This is the button we make some to put it down just a little bit. 25 00:01:47,160 --> 00:01:48,720 So close this. 26 00:01:48,720 --> 00:01:59,160 And here we have, for example, part Y equals for example, I put it that is Facebook. 27 00:01:59,160 --> 00:02:00,110 This is the button. 28 00:02:00,150 --> 00:02:03,690 We left this place to the right, for example. 29 00:02:03,690 --> 00:02:04,200 Hi. 30 00:02:04,230 --> 00:02:08,700 How does the user name or try again, will this place for this for the text? 31 00:02:09,300 --> 00:02:14,220 So we do the same thing for the other window, which is for the Instagram. 32 00:02:14,230 --> 00:02:22,140 So here we created login, login, take one button, the same thing here. 33 00:02:22,140 --> 00:02:24,480 We put it in the early stop on Instagram. 34 00:02:24,480 --> 00:02:28,800 So direct equal sorry login. 35 00:02:29,610 --> 00:02:39,440 Then we'll do some putting the same thing but X equals forty then but Y equals twenty and something 36 00:02:39,450 --> 00:02:43,320 here for the greed will make it here for example. 37 00:02:43,320 --> 00:02:53,150 Login so login that grade Enduro three then the column. 38 00:02:54,540 --> 00:02:56,460 So the two equals two. 39 00:02:56,460 --> 00:03:04,380 Then we will make column Spain sponsoring this column. 40 00:03:04,830 --> 00:03:11,690 SP1 equals two will look how does it work etc.. 41 00:03:11,710 --> 00:03:13,650 I'm sorry I forgot something here. 42 00:03:14,880 --> 00:03:19,650 We have to write here from zero, but this is our button. 43 00:03:19,650 --> 00:03:21,900 We will push it down too. 44 00:03:22,260 --> 00:03:29,600 So we added but Y equals Churchie as the first one. 45 00:03:29,820 --> 00:03:33,690 So here are our two windows with the buttons. 46 00:03:35,100 --> 00:03:37,890 Now what we have to do is to create two functions. 47 00:03:37,890 --> 00:03:43,920 One for this for this window and one for this window, so that if we press this button, it will take 48 00:03:43,920 --> 00:03:49,640 the text here for username and password and unify if this username exists or not. 49 00:03:50,100 --> 00:03:54,570 So here we have to write, we have to write these two functions. 50 00:03:54,840 --> 00:04:01,550 But actually before that we write it, we have to put it in the we have to to put these functions in 51 00:04:01,590 --> 00:04:02,130 the buttons. 52 00:04:02,310 --> 00:04:04,850 So we have the first one for the Facebook. 53 00:04:04,900 --> 00:04:07,830 And this is the button of the Facebook, the login on Facebook. 54 00:04:08,190 --> 00:04:09,630 So here we will make it. 55 00:04:09,690 --> 00:04:16,670 The command equals, for example, we will make the name login and Facebook. 56 00:04:17,580 --> 00:04:21,810 So this function will we will do this. 57 00:04:21,910 --> 00:04:30,450 We take this the the username and password and put it in in the condition and verify if this user name 58 00:04:30,450 --> 00:04:32,940 or if this person exists or not. 59 00:04:33,420 --> 00:04:36,630 But before that, we there is two ways to do this. 60 00:04:36,960 --> 00:04:43,380 The first way is to push these two boxes or these two variables as a global variable so that we can 61 00:04:43,380 --> 00:04:45,750 use it in another function outside this function. 62 00:04:46,320 --> 00:04:50,040 Then there is another another way, which is more better than this. 63 00:04:50,490 --> 00:04:56,970 We will put this the text that we have in this country and the text that we have in this entry as a 64 00:04:56,970 --> 00:04:58,560 parameter to this function. 65 00:04:58,890 --> 00:04:59,820 Then if we take a. 66 00:04:59,990 --> 00:05:07,930 Dysfunction, which is login for Facebook, we will take these two parameters and do the condition with 67 00:05:08,000 --> 00:05:08,200 it. 68 00:05:08,810 --> 00:05:15,680 So to do this that we can't just use here, for example, the parameters with this, for example, come 69 00:05:15,680 --> 00:05:17,810 on, equal the function and the command. 70 00:05:17,820 --> 00:05:18,590 We can't use this. 71 00:05:19,190 --> 00:05:23,240 We have to add a keyword, which is LAMDA, then Canaan's. 72 00:05:23,570 --> 00:05:26,450 After that we can use functions with parameters. 73 00:05:26,570 --> 00:05:29,840 So here in the boxes we will write the parameters. 74 00:05:30,200 --> 00:05:34,240 The first part will be the user name and password. 75 00:05:34,460 --> 00:05:39,320 So to get the user name from the box, we have to write just here. 76 00:05:39,620 --> 00:05:45,790 You books, user name, Facebook that get lots great. 77 00:05:45,800 --> 00:05:51,740 So we get this one and the second parameter will be the the password. 78 00:05:51,740 --> 00:05:59,430 So Vulpes, for the password that gets here, know we have these two parameters. 79 00:05:59,450 --> 00:06:05,480 The first one is the user name and second one is that the password we have to declare or to create this 80 00:06:05,480 --> 00:06:05,950 function. 81 00:06:05,960 --> 00:06:16,910 So we go here and death and log in and Facebook, then the parentheses here we will put a comma, be 82 00:06:17,060 --> 00:06:22,480 a will take the user name or make you for the user name and be for the password. 83 00:06:22,850 --> 00:06:25,780 Then the colors here we will do the condition. 84 00:06:25,790 --> 00:06:26,470 It is very easy. 85 00:06:26,480 --> 00:06:36,470 So if the user name that we have in the parameters that we have in the boxes equal to I will put it, 86 00:06:36,470 --> 00:06:38,000 for example, I mean in my name. 87 00:06:38,300 --> 00:06:44,000 So I mean and the the password, same thing. 88 00:06:44,000 --> 00:06:45,320 I will put it equal. 89 00:06:45,320 --> 00:06:52,820 I mean if the user name equal I mean and the password, I mean in this case we will for example for 90 00:06:52,820 --> 00:06:58,400 the moment to try if the program works or not, we'll just make a printing, for example, print. 91 00:06:58,410 --> 00:07:04,520 I love you for the user name then. 92 00:07:04,520 --> 00:07:15,590 And if this is not I mean so in this case we print here, try again so we see if it works or not. 93 00:07:15,620 --> 00:07:18,500 So here we have the Facebook right here. 94 00:07:18,500 --> 00:07:24,320 I mean and here same thing with the login as you can see here. 95 00:07:24,320 --> 00:07:32,210 We have in the come on here we have the I mean, because the we have the correct username and password. 96 00:07:32,480 --> 00:07:38,470 So if we will try another thing, for example, I will make something like this and you can see please 97 00:07:38,480 --> 00:07:41,290 here try again, because this is not the correct person. 98 00:07:42,260 --> 00:07:48,920 So but we we don't want to put this sticks in the parliament here in the window. 99 00:07:48,920 --> 00:07:51,790 So we want to make it in setting this up. 100 00:07:51,830 --> 00:07:55,030 So if this person exists, it will right here. 101 00:07:55,070 --> 00:07:55,520 I know. 102 00:07:55,520 --> 00:08:01,370 I mean, in this place then if it is not this person, it will right here try again. 103 00:08:01,520 --> 00:08:09,650 OK, so what we do is we just write sorry, we have to make a label in this label. 104 00:08:09,650 --> 00:08:11,100 We will print that what we want. 105 00:08:11,400 --> 00:08:18,460 So if user name is what I mean and the password, I mean, in this case we will create a label for the 106 00:08:19,070 --> 00:08:21,470 text than here label. 107 00:08:22,580 --> 00:08:24,830 We will put it into here. 108 00:08:24,840 --> 00:08:27,140 There is another case that I want to tell you about here. 109 00:08:27,260 --> 00:08:35,660 If this text, if this user name exists, so we want to create a label in the Facebook application or 110 00:08:35,870 --> 00:08:37,420 Facebook window, which is this one. 111 00:08:38,030 --> 00:08:45,970 So to do this, we have to put this window in as global font, global function or global environment, 112 00:08:45,980 --> 00:08:47,780 sorry, global variable function. 113 00:08:48,140 --> 00:08:54,860 We have to put this window as global variable y because if we don't this as a global variable. 114 00:08:54,860 --> 00:09:00,800 So if we let it just like this one, where is it here face equals top level, etc.. 115 00:09:01,310 --> 00:09:07,490 If we want to use this window or this variable in another function, we can't because it is a local 116 00:09:07,490 --> 00:09:11,240 variable so that we can use it in another function. 117 00:09:11,240 --> 00:09:12,460 We have to put it in global. 118 00:09:12,470 --> 00:09:16,340 So, OK, so here we have a global face. 119 00:09:16,340 --> 00:09:20,060 We can use it here, then we can use it in another function which is there. 120 00:09:20,300 --> 00:09:23,930 So we would put it here in the face, then the text. 121 00:09:24,200 --> 00:09:27,590 So the text equal, so equal. 122 00:09:28,220 --> 00:09:40,760 Then we will put it here high and space plus the user name will put some parenthesis here, this one 123 00:09:42,170 --> 00:09:42,860 and this one. 124 00:09:43,460 --> 00:09:45,530 Then we will change the font. 125 00:09:45,890 --> 00:09:49,620 So I will put it for example, phones equals for example on 126 00:09:53,000 --> 00:09:59,690 the left then the size I would put it twenty and we will. 127 00:10:00,110 --> 00:10:05,280 Puckett's or make her grade in the in the application Celltex. 128 00:10:05,320 --> 00:10:06,310 That's great. 129 00:10:06,980 --> 00:10:12,130 We are I think that we are in the know for because here here we have three. 130 00:10:12,500 --> 00:10:22,610 So we would put into the drill for equals four then we will make it in the column equal zero. 131 00:10:22,910 --> 00:10:25,490 So we will make a column spon. 132 00:10:27,990 --> 00:10:40,190 Column spun equal to and we do some putting in X X equal, for example, I would put it twenty, not 133 00:10:40,230 --> 00:10:40,530 twenty. 134 00:10:40,530 --> 00:10:46,500 I just turned and for the putting of y I will put it twenty. 135 00:10:47,400 --> 00:10:49,790 OK, we will see how it works. 136 00:10:50,400 --> 00:10:51,380 It looks solid. 137 00:10:51,420 --> 00:10:59,850 So here we have if we write for example here, I mean and the same thing here because we didn't write 138 00:10:59,850 --> 00:11:02,240 the code for the end statement. 139 00:11:02,250 --> 00:11:09,120 So here we have I mean, I mean in this case we have this text that we have put or we have this label. 140 00:11:09,600 --> 00:11:11,790 We have to change the background. 141 00:11:11,790 --> 00:11:14,660 I would put it as the color of the application. 142 00:11:14,670 --> 00:11:15,950 So which is this one? 143 00:11:16,380 --> 00:11:23,760 So I think we take this and in the creation of the label, come up and control. 144 00:11:24,630 --> 00:11:33,570 OK, now here we have if we put here, I mean, the same thing here, you can see that this is hard. 145 00:11:33,570 --> 00:11:39,500 I mean, we can make it bigger because this more I we make it dirty. 146 00:11:40,050 --> 00:11:45,440 No, we will do the same thing in the other way, which is in the end statement. 147 00:11:45,620 --> 00:11:48,620 So control C Dan control. 148 00:11:48,630 --> 00:11:51,150 We would just text here. 149 00:11:53,370 --> 00:11:59,350 I will make it for example, try again. 150 00:11:59,840 --> 00:12:03,150 OK, now we will see if it works for the try again. 151 00:12:03,270 --> 00:12:10,320 If we, if we just, if we don't write anything here, it's the same thing of there is no there is no 152 00:12:10,530 --> 00:12:11,690 user user here. 153 00:12:12,000 --> 00:12:14,240 So here we have always try again. 154 00:12:14,260 --> 00:12:23,270 But if we write I mean and the same thing here, I mean so I think there's a message here. 155 00:12:23,640 --> 00:12:25,320 We see there is high. 156 00:12:25,320 --> 00:12:29,520 I mean, this is as you can see, we have I mean, in. 157 00:12:32,770 --> 00:12:39,490 As you can see, we have here the new label is on top of the last label, but we can fix it. 158 00:12:39,520 --> 00:12:43,200 We have just to destroy the last label and put the new one. 159 00:12:43,630 --> 00:12:46,960 So we will do the same thing for the Facebook and for the artist. 160 00:12:47,120 --> 00:12:47,600 I'm sorry. 161 00:12:47,620 --> 00:12:50,280 So we will create a function for it. 162 00:12:50,320 --> 00:12:52,180 The first thing you have to declare is in the bottom. 163 00:12:52,600 --> 00:12:55,150 Here we have this button log. 164 00:12:55,810 --> 00:12:57,130 Now here we put it. 165 00:12:57,160 --> 00:13:07,270 So come on, it was low and then Cologne's so login function. 166 00:13:07,300 --> 00:13:11,020 We we put it out for Dastagir. 167 00:13:11,410 --> 00:13:14,570 Now here we had we will take a parameter. 168 00:13:14,590 --> 00:13:17,190 So the first one is the user name. 169 00:13:17,380 --> 00:13:19,330 So Vogues user name. 170 00:13:20,800 --> 00:13:21,700 Not this one. 171 00:13:22,150 --> 00:13:34,450 I will put it after that gets and this one is for the box of the user name that get. 172 00:13:35,950 --> 00:13:42,460 That's what no, we have just to create the function like this one for the to grow. 173 00:13:42,730 --> 00:13:49,320 So here we have to do this then looking sorry, looking here. 174 00:13:49,460 --> 00:13:50,170 Let's check it out. 175 00:13:51,690 --> 00:13:53,380 Francis Current low. 176 00:13:53,410 --> 00:13:55,850 He right the same thing as this one. 177 00:13:55,870 --> 00:14:02,490 So we will just copy this one control and see the control here. 178 00:14:02,500 --> 00:14:15,960 We just need to write you and B, then we make changes here, for example, and start and here and stuff 179 00:14:16,030 --> 00:14:16,790 for us to grow. 180 00:14:17,320 --> 00:14:19,190 As you can see, there is an error here. 181 00:14:19,210 --> 00:14:19,500 Why? 182 00:14:19,510 --> 00:14:24,260 Because I think that I didn't put the window as far as global variable as you can see. 183 00:14:24,370 --> 00:14:32,000 So in this function, this function doesn't know what is this variable because it is not instantaneous 184 00:14:33,460 --> 00:14:36,210 and stop because this function doesn't know it. 185 00:14:36,550 --> 00:14:41,500 So it will just right here we have a thought would make it as a global variable. 186 00:14:41,500 --> 00:14:47,170 So global as though in this case we have fixed this problem. 187 00:14:47,500 --> 00:14:50,230 So you will use it to see if it works. 188 00:14:50,380 --> 00:14:54,430 So here we have, for example, sorry, I forgot something else. 189 00:14:54,910 --> 00:15:00,360 I will change the color of the background of this of the Ethereum because it is not blue. 190 00:15:00,910 --> 00:15:07,480 So I will just take this one going from see then I will change it here. 191 00:15:10,460 --> 00:15:20,150 Yes, here, controlled, and for now, I think that it work here, you have to stick out if we just 192 00:15:20,150 --> 00:15:20,650 place. 193 00:15:20,990 --> 00:15:23,210 So I didn't copy the correct color. 194 00:15:24,080 --> 00:15:24,940 Yeah, I have a copy. 195 00:15:24,950 --> 00:15:29,530 Just the color of the Facebook, so I will take this one control. 196 00:15:29,750 --> 00:15:37,780 See, and here we have control and same thing here. 197 00:15:38,880 --> 00:15:39,380 Control. 198 00:15:40,010 --> 00:15:42,440 So you have Facebook. 199 00:15:42,440 --> 00:15:48,580 If we just press without any writing anything or we write just something like this, all we do is have 200 00:15:48,590 --> 00:15:49,340 tried again. 201 00:15:49,670 --> 00:15:58,400 But if we create or of if we write the correct username and password we'll have here. 202 00:15:58,430 --> 00:16:00,070 I mean, as the Facebook. 203 00:16:00,830 --> 00:16:08,450 So that was the video of today creating this application with these two nice windows, one for the Facebook 204 00:16:08,450 --> 00:16:10,000 and one for for the Instagram. 205 00:16:10,670 --> 00:16:13,730 So I see you in the next video and stay safe. 206 00:16:13,940 --> 00:16:14,360 My.