1 00:00:00,630 --> 00:00:10,950 Hello and welcome to this lecture in this late show we are going to build your first web app using a 2 00:00:10,950 --> 00:00:13,380 speed the net is speed on. 3 00:00:13,400 --> 00:00:21,300 It is part of the Dot Net framework so open Visual Studio. 4 00:00:21,320 --> 00:00:28,400 I have just launched my visual studio when you launch visuals to do for the first time. 5 00:00:28,490 --> 00:00:34,030 It gives you a view like this and on the left here you've got different options. 6 00:00:34,040 --> 00:00:40,150 If you've already created some projects he gives you an option to open up the project. 7 00:00:40,160 --> 00:00:46,400 It also gives you a list of the recent projects you have created or worked on. 8 00:00:46,430 --> 00:00:53,690 So this was my recent project and then it's got an option here for new projects so I'm going to click 9 00:00:53,690 --> 00:00:59,960 on this option here for a new project and it should bring up a window right on the left here. 10 00:00:59,960 --> 00:01:07,320 We've got all the templates for features to do because I am creating a web application. 11 00:01:07,350 --> 00:01:16,010 I'm going to click on web and then on here I'm going to go for a SB dot net web application so I highlight 12 00:01:16,010 --> 00:01:17,300 that here. 13 00:01:17,330 --> 00:01:18,660 I'll just give it a name. 14 00:01:18,680 --> 00:01:22,180 I just call it my first web app. 15 00:01:22,490 --> 00:01:29,300 So I'll go my first web 16 00:01:32,120 --> 00:01:33,000 app. 17 00:01:33,400 --> 00:01:36,340 Notice the location where it saves it. 18 00:01:36,350 --> 00:01:39,630 So by default it saves in that location. 19 00:01:39,860 --> 00:01:46,130 And this solution name takes the name of the web app name. 20 00:01:46,130 --> 00:01:46,450 OK. 21 00:01:46,490 --> 00:01:53,180 So you always find that the name of the web app will be the same as the solution name. 22 00:01:53,690 --> 00:02:05,060 So one does don't just click whole K and is should keep giving and compassion here is speed dot net 23 00:02:05,270 --> 00:02:09,110 4.5 point 2 has different templates. 24 00:02:09,230 --> 00:02:16,180 So here about if you're going to include a web form you can use this template MVC stands for multiple 25 00:02:16,180 --> 00:02:17,350 view controller. 26 00:02:17,360 --> 00:02:23,630 So if you're going to be built in an API you're building a single page application so it gives you more 27 00:02:23,630 --> 00:02:27,590 template options to select from. 28 00:02:27,590 --> 00:02:37,100 We are going to go for the empty template for this lecture so that further down the course if we want 29 00:02:37,100 --> 00:02:40,310 to expand on this we can. 30 00:02:40,310 --> 00:02:42,690 So I'm going to click on the empty one. 31 00:02:44,750 --> 00:02:51,440 I'm also going to check this one here which says add folders and core references so I'm gonna check 32 00:02:51,440 --> 00:03:00,080 that cause later on in the course we may decide to add web form also to our project. 33 00:03:00,080 --> 00:03:01,210 All right. 34 00:03:01,240 --> 00:03:03,410 Once that's done it's going to click. 35 00:03:03,500 --> 00:03:05,650 Okay. 36 00:03:05,750 --> 00:03:12,470 One more thing you need to do make sure this check box host in the cloud is on selected. 37 00:03:12,470 --> 00:03:14,120 We don't want to host it in the cloud. 38 00:03:14,120 --> 00:03:20,020 We want to host it locally on our machines so make sure that tick box is on selected. 39 00:03:20,210 --> 00:03:23,050 Once that's done click OK. 40 00:03:23,180 --> 00:03:27,140 And a shoot start building the project. 41 00:03:27,140 --> 00:03:27,470 All right. 42 00:03:27,470 --> 00:03:30,190 So Visual Studio has built the projects. 43 00:03:30,260 --> 00:03:35,440 So on the on the right here we've got the solution Explorer. 44 00:03:35,570 --> 00:03:37,850 All right. 45 00:03:37,850 --> 00:03:46,790 A project basically you can look at a project as a collection of the file settings the references and 46 00:03:46,970 --> 00:03:50,420 assets that your project needs. 47 00:03:50,420 --> 00:03:57,480 This can include images haunt sounds that you use to create your web app. 48 00:03:57,530 --> 00:04:04,190 Once you're there once the project is loaded it gives you this screen you can see and hear on the right 49 00:04:04,190 --> 00:04:04,360 here. 50 00:04:04,370 --> 00:04:07,490 We've got the solution explorer. 51 00:04:08,210 --> 00:04:12,270 So you've got here you've got a solution. 52 00:04:13,310 --> 00:04:19,180 It's got the name of the app the web app and then it's got one project. 53 00:04:19,490 --> 00:04:23,330 Notice you've got the solution here it's got to get one. 54 00:04:23,420 --> 00:04:31,210 It is possible to have several projects in one solution. 55 00:04:31,580 --> 00:04:39,620 However the first solution or the first project within this solution is usually at the top so it can 56 00:04:39,620 --> 00:04:49,400 be viewed as the as a hierarchy tree or file structures and references which relates to the project 57 00:04:51,480 --> 00:04:58,670 if you can see this solution Explorer you can always bring it up by going into view and then clicking 58 00:04:58,680 --> 00:05:06,830 on solution explorer or you can use a shortcut which is control of an L and that will make this solution 59 00:05:06,840 --> 00:05:09,920 explorer visible. 60 00:05:09,990 --> 00:05:17,730 We have created the project's structure for our first web app. 61 00:05:17,730 --> 00:05:22,980 I am going to stop this lecture here because I don't want it to be too long. 62 00:05:23,670 --> 00:05:35,440 In the second lecture the part two of this we will add a web form and try to flesh out the web app a 63 00:05:35,440 --> 00:05:38,520 bit more so thanks so much for your time. 64 00:05:38,520 --> 00:05:44,990 So if you've got this far well done will continue in part to take care and bye for now.