1 00:00:00,270 --> 00:00:00,540 Hello. 2 00:00:00,810 --> 00:00:03,040 So let's start creating the application. 3 00:00:03,060 --> 00:00:07,200 So I started running, I can disclose it really minimized rapidly when we closed. 4 00:00:07,890 --> 00:00:10,590 So now inside they've. 5 00:00:12,260 --> 00:00:17,270 We gave it last name of app, so this will be our alternative. 6 00:00:18,170 --> 00:00:24,020 Next, we'll be having, most of all, will be having each one selected. 7 00:00:24,320 --> 00:00:31,280 It's one bag I will write for Recipe Hub. 8 00:00:32,060 --> 00:00:36,470 OK, we can put a wired on the line if you want by giving the you bag. 9 00:00:37,250 --> 00:00:41,190 So you mince underlines you. 10 00:00:41,210 --> 00:00:42,560 Just close this here. 11 00:00:43,660 --> 00:00:44,140 And. 12 00:00:47,010 --> 00:00:48,040 This is how it would close. 13 00:00:48,060 --> 00:00:50,640 Not capitals, not capital. 14 00:00:52,080 --> 00:00:56,640 Alright, and after that, we'll provide an emoji, so in Windows 10, if you want to like in certain 15 00:00:56,640 --> 00:01:05,850 emoji, so you need to or you need to type a short code that is Windows Plus dark and you'll get you 16 00:01:05,850 --> 00:01:10,890 get AR emoji section and you will have anyone. 17 00:01:12,680 --> 00:01:15,200 This one, I don't know if you're able to see or not. 18 00:01:15,860 --> 00:01:17,570 That's our shortcut is Windows Plus dark. 19 00:01:17,600 --> 00:01:18,890 You can just go ahead and check. 20 00:01:19,400 --> 00:01:27,080 OK, so now we have created a hiding so that you save it and let me just see how this looks like. 21 00:01:27,860 --> 00:01:32,660 Well, let me just go ahead and show you look like that of a few fine. 22 00:01:33,230 --> 00:01:38,690 So now we are here, and now we'll create our form. 23 00:01:38,960 --> 00:01:39,500 All right. 24 00:01:40,040 --> 00:01:41,720 This will sorry, this will be an issue. 25 00:01:41,930 --> 00:01:44,060 And we know that each one will create a form. 26 00:01:44,870 --> 00:01:50,510 So the form will have a will have a class name or app or form. 27 00:01:50,510 --> 00:01:52,720 So it will have an app. 28 00:01:58,940 --> 00:01:59,600 Search. 29 00:02:01,350 --> 00:02:02,070 And some. 30 00:02:04,500 --> 00:02:07,530 Call it right, we are following the amendment. 31 00:02:09,260 --> 00:02:15,080 Ben, mention here, so that's why I use that to underscore there. 32 00:02:15,680 --> 00:02:19,040 So next, we'll be heading said. 33 00:02:19,700 --> 00:02:27,560 Search bar like input field where you can just type and and just keyword to be tied down so that we 34 00:02:27,560 --> 00:02:29,180 will be having input field. 35 00:02:29,180 --> 00:02:35,240 So we'll have an input field input, not if it allows me to app. 36 00:02:36,300 --> 00:02:37,110 And that's going to score. 37 00:02:38,030 --> 00:02:38,560 Search. 38 00:02:39,450 --> 00:02:40,240 Okay. 39 00:02:40,260 --> 00:02:41,460 That was one that worked. 40 00:02:41,640 --> 00:02:43,110 It worked really well. 41 00:02:43,680 --> 00:02:46,110 Okay, so input type will be taxed. 42 00:02:46,590 --> 00:02:48,090 There will be a place holder. 43 00:02:49,160 --> 00:02:58,070 Of course, for placeholder, it will be I will write, you can type anything in, so I type the. 44 00:03:00,320 --> 00:03:01,220 Ingredient. 45 00:03:05,060 --> 00:03:12,220 Ingredient, all right, so next, we'll be having autocomplete will be off for. 46 00:03:13,320 --> 00:03:14,440 We made the. 47 00:03:17,420 --> 00:03:18,170 Or to. 48 00:03:20,220 --> 00:03:21,720 Complete would be. 49 00:03:24,520 --> 00:03:25,480 We'll be off. 50 00:03:29,670 --> 00:03:35,670 That's it for this, and we'll be having a value on Gene for this, but that we do later on, let me 51 00:03:35,670 --> 00:03:40,590 just see how this looks at me just to show you. 52 00:03:42,660 --> 00:03:48,920 So this looks we can't the search like then Whitfield, so here we type anything and we'll start. 53 00:03:50,000 --> 00:03:53,870 Of course, it's not functional yet, but it's good. 54 00:03:54,410 --> 00:03:58,670 As of now, so below the lake, after then, good we'll have. 55 00:04:00,540 --> 00:04:02,780 We'll have the drop down, which we saw. 56 00:04:03,060 --> 00:04:12,060 So for that drop down, we'll have a bag, which is called a select bag, so we'll have a select. 57 00:04:13,380 --> 00:04:24,550 Black dog and we'll provide class names, so that will be upon the court, an escort, health labels, 58 00:04:24,680 --> 00:04:26,480 health labels. 59 00:04:26,910 --> 00:04:27,750 All right. 60 00:04:28,410 --> 00:04:32,730 So now we provide a name for this. 61 00:04:33,300 --> 00:04:41,070 The name can me be also, so I'll just leave it and we just need the class name here, astronaut ID 62 00:04:41,130 --> 00:04:41,760 and anything else. 63 00:04:43,260 --> 00:04:49,440 So if something like this inside the select, there will be the options. 64 00:04:49,440 --> 00:04:53,280 You know, what are the options inside the select that will be an option? 65 00:04:56,600 --> 00:05:02,860 Option value will be anything for now for. 66 00:05:03,170 --> 00:05:11,140 And just provide like Cregan and here is the text which will be displayed, but there will be vegans 67 00:05:11,190 --> 00:05:16,490 who will just save it and really just go to the browser and just show you. 68 00:05:17,050 --> 00:05:20,450 So this is this is how this looks. 69 00:05:21,050 --> 00:05:25,700 But one thing I know, I don't know why when I click on this, so it is not visible to you. 70 00:05:25,880 --> 00:05:28,700 When I checked, so it is just visible to me, it's not true. 71 00:05:29,180 --> 00:05:30,500 So I'll fix it. 72 00:05:30,500 --> 00:05:33,590 I try to fix it, but I hope you're seeing this much. 73 00:05:34,010 --> 00:05:44,870 So next, we'll go to the school, and now we try to add a button, a button like to submit a query 74 00:05:44,990 --> 00:05:45,530 and. 75 00:05:46,970 --> 00:05:54,920 To get their desired output, so for that, also, I'll be using in what will only so for that, I'll 76 00:05:54,920 --> 00:05:58,340 be using input field that will be having a class name of. 77 00:06:01,020 --> 00:06:03,720 Summit would start. 78 00:06:06,830 --> 00:06:14,450 Now we could we could even use our button here, but I'm teaching you like various various concepts, 79 00:06:14,780 --> 00:06:21,200 various various ways in which you can do things like that are in programming that is not always a one 80 00:06:21,200 --> 00:06:22,100 way of doing anything. 81 00:06:22,100 --> 00:06:26,480 There are multiple ways and you should exclude as many ways as possible. 82 00:06:26,480 --> 00:06:35,000 So we'll give it a type of summit and a venue which will be displayed that so. 83 00:06:36,290 --> 00:06:38,520 Value will be get. 84 00:06:41,090 --> 00:06:42,680 Recipe and then I save it. 85 00:06:43,400 --> 00:06:45,560 And let me just take you to the. 86 00:06:47,270 --> 00:06:49,480 Browser and you can see there's a button here. 87 00:06:49,550 --> 00:06:56,920 It's not functional, of course, but there is a drop down and the search bar, we created a basic structure. 88 00:06:56,930 --> 00:06:59,780 All right, so let's just go back here. 89 00:07:01,700 --> 00:07:05,000 And we created a basic structure. 90 00:07:05,300 --> 00:07:12,710 Now what we want is we want to give styling to this, so we'll give a little bit of styling for this. 91 00:07:13,410 --> 00:07:15,230 So we'll create a file. 92 00:07:15,590 --> 00:07:22,160 Or maybe we can just give it an ABD or CSIS only because we have created it so that initially that will 93 00:07:22,160 --> 00:07:24,170 be something in the standards to assess, OK. 94 00:07:24,530 --> 00:07:25,580 So you need to empty. 95 00:07:26,890 --> 00:07:34,660 You need to delete everything and just type whatever success is required, because there will be a lot 96 00:07:34,660 --> 00:07:37,660 of the associates, so we'll just delete all of that and will stop. 97 00:07:37,690 --> 00:07:40,030 I don't see others who will. 98 00:07:41,960 --> 00:07:43,490 Now will create the CSIS.