1 00:00:01,090 --> 00:00:03,590 Hello and welcome to this video. 2 00:00:03,640 --> 00:00:14,280 In this video I'll be creating a very basic airspeed the net core web application using the PSP speed 3 00:00:14,280 --> 00:00:24,340 on net project template and the C sharp programming language inside Visual Studio to begin. 4 00:00:24,340 --> 00:00:34,300 I'm going to open up visual studio so I'll click on my start menu and then in the menu I will look for 5 00:00:34,300 --> 00:00:36,240 the Visual Studio icon. 6 00:00:36,280 --> 00:00:43,630 So this is the icon I'm just gonna click on it from the Visual Studio startup window. 7 00:00:43,700 --> 00:00:52,340 I'm going to click on the link to create a new project in the create a new project window in the search 8 00:00:52,340 --> 00:00:53,370 bar. 9 00:00:53,390 --> 00:00:56,930 I'm going to type in ESB dot net. 10 00:00:56,960 --> 00:01:01,120 I've typed in a hospital net in the search bar. 11 00:01:01,280 --> 00:01:03,920 The next thing I want to do is select a language. 12 00:01:04,010 --> 00:01:05,710 So from this box here. 13 00:01:05,870 --> 00:01:10,550 All languages click on the dropdown select C sharp. 14 00:01:10,880 --> 00:01:13,700 Next I want to choose my platform. 15 00:01:13,730 --> 00:01:24,280 I'm going to click on this dropdown and select windows and then select a Speedo or net core web application. 16 00:01:24,290 --> 00:01:33,620 Make sure that selected and click on the next button in the config all your new project window you can 17 00:01:33,620 --> 00:01:39,610 give your project a name the default name is web application 1. 18 00:01:39,620 --> 00:01:44,540 So if you want you can leave that or just give it any name you will like. 19 00:01:44,600 --> 00:01:53,440 I have renamed my project to your world and then I'll click on the create button in the. 20 00:01:53,480 --> 00:02:05,090 Create a new speed dot net core web application window verify that the airspeed to net core appears 21 00:02:05,210 --> 00:02:06,390 in the dropdown. 22 00:02:06,400 --> 00:02:13,310 All right so you can see in the dropdown here make choices three point zero or three point one as long 23 00:02:13,310 --> 00:02:17,550 as it says anything in three and above that should be good. 24 00:02:17,570 --> 00:02:21,140 Then select web application. 25 00:02:21,140 --> 00:02:31,940 Make sure this web application is selected and then click on the button that says create in the solution 26 00:02:32,120 --> 00:02:33,980 Explorer window. 27 00:02:33,980 --> 00:02:45,440 This area here expand the pages option and then click on the index Dot. 28 00:02:45,700 --> 00:02:56,640 See as A.T.M. by default the airspeed don't let template automatically generates some pages for you. 29 00:02:56,660 --> 00:03:05,410 So this page we're looking at now this index page is basically the home page for the application. 30 00:03:05,420 --> 00:03:14,840 I'm just going to modify the default home page so on line number 8 for the H1 heading. 31 00:03:15,140 --> 00:03:22,800 I'm going to change the text from welcome to Hello world. 32 00:03:22,850 --> 00:03:31,220 I have changed the text on line number eight to say hello world from welcome. 33 00:03:31,220 --> 00:03:36,970 I am also going to modify the code on line number nine. 34 00:03:36,980 --> 00:03:45,940 I'm going to customize it to my own taste I have made some changes to the code by adding some hasty 35 00:03:45,940 --> 00:03:56,480 AML line number nine and 10 are hasty AML break elements so line number eleven is on page two element 36 00:03:56,510 --> 00:04:05,270 is ahead in tag is going to display the text we have more courses on you than me that you may like and 37 00:04:05,270 --> 00:04:12,950 then I've added another break element there so that it creates a break and then it will display the 38 00:04:12,950 --> 00:04:20,640 text that says Click here to view all our Udemy courses. 39 00:04:20,710 --> 00:04:21,260 All right. 40 00:04:21,770 --> 00:04:28,170 So they win when the visitor clicks on this text this is going to be a link. 41 00:04:28,280 --> 00:04:35,650 This is where the link is going to take them to the Web site for Blue Line blended solutions. 42 00:04:35,690 --> 00:04:36,350 All right. 43 00:04:36,440 --> 00:04:38,790 So customize it to your own tastes. 44 00:04:38,810 --> 00:04:41,380 You don't need to use blue line. 45 00:04:41,390 --> 00:04:42,650 You can use anything. 46 00:04:42,830 --> 00:04:44,940 And then on line number 14. 47 00:04:44,960 --> 00:04:50,780 I've had it on another issue to head in tag this tag. 48 00:04:50,780 --> 00:04:54,650 It's going to say for latest news please visit. 49 00:04:54,800 --> 00:05:03,650 And then up added another link here and the text for the link is going to say CNN news any time you 50 00:05:03,650 --> 00:05:07,710 see a yellow strip in the code editor. 51 00:05:07,880 --> 00:05:13,010 It means that you've made some changes but have not saved the code. 52 00:05:13,160 --> 00:05:17,560 So I'm going to click on the save all button to save the code. 53 00:05:17,560 --> 00:05:22,420 You can see it has turned green which means I have saved the code. 54 00:05:22,430 --> 00:05:31,100 The application is basically done so to run the application or click on this play button next to I guess 55 00:05:31,130 --> 00:05:41,110 express click on that and you can see in the output area here is trying to build the project where you 56 00:05:41,110 --> 00:05:50,530 try to run the application you may get this pop up box that says the project is configured to use S 57 00:05:50,650 --> 00:05:55,180 S L so to avoid the warning instead. 58 00:05:55,180 --> 00:05:56,830 Would you like to trust. 59 00:05:56,950 --> 00:06:07,720 I s express certificate click on yes you may then get the security warning so in order to avoid that 60 00:06:08,140 --> 00:06:10,150 you need to click No. 61 00:06:10,360 --> 00:06:16,120 And then you need to exit feature studio close visual studio completely. 62 00:06:16,180 --> 00:06:24,300 The next thing to do is open Visual Studio again but this time you run it as an administrator someone 63 00:06:24,310 --> 00:06:30,090 to go start and then look for my visual studio icon. 64 00:06:30,100 --> 00:06:31,730 This is my visual studio icons. 65 00:06:31,730 --> 00:06:37,670 I'm going to right click and then click on more and then run as administrator. 66 00:06:37,780 --> 00:06:45,690 You may get this is I can't control just click yes to that from the Visual Studio startup screen you 67 00:06:45,700 --> 00:06:49,480 should see your project listed here. 68 00:06:49,480 --> 00:06:53,870 Usually the last project you worked on will be listed on top. 69 00:06:53,920 --> 00:06:55,820 So this is my project. 70 00:06:55,870 --> 00:07:01,950 I just kind of double click on it to launch it to run the application again. 71 00:07:01,960 --> 00:07:08,590 Just click on the play button and that will open up a browser window. 72 00:07:08,590 --> 00:07:10,860 So this is the browser window. 73 00:07:12,350 --> 00:07:22,960 The application opens up a web browser window on local host and it uses port for 4 3 4 1. 74 00:07:23,000 --> 00:07:28,700 The port on your machine may be different from mine but what about port. 75 00:07:28,760 --> 00:07:31,230 It uses is going to display that. 76 00:07:31,370 --> 00:07:36,650 So these are the various pages for the application. 77 00:07:36,650 --> 00:07:39,660 The application has three pages. 78 00:07:39,660 --> 00:07:42,070 We've got the Your World page. 79 00:07:42,080 --> 00:07:48,830 Yours may be different depending on what you called your project and then you've got the home page which 80 00:07:48,890 --> 00:07:50,150 links to the same. 81 00:07:50,150 --> 00:07:57,070 So both the New World page and the home page they are linked into the same page. 82 00:07:57,290 --> 00:07:59,500 And then we've got the privacy page. 83 00:07:59,510 --> 00:08:04,790 So this is something that the application did fourthly created for us. 84 00:08:04,820 --> 00:08:12,800 So if I click back on the home page in the home page you can see the customization I have done to the 85 00:08:12,800 --> 00:08:14,090 application. 86 00:08:14,090 --> 00:08:22,820 So if I click on this here the first link in the application takes me to the blue line learning solutions 87 00:08:22,820 --> 00:08:31,320 home page where you click on this link here it gives you all the courses blue line learning. 88 00:08:31,340 --> 00:08:37,370 The application also has on another link here which is for CNN. 89 00:08:37,370 --> 00:08:43,030 So if I click on this link that should take me to the CNN homepage. 90 00:08:43,190 --> 00:08:49,390 So this is the CNN homepage to stop the application from running. 91 00:08:49,400 --> 00:08:54,480 Just click on the stop debugging button or shift. 92 00:08:54,500 --> 00:09:03,330 Plus have five now or close the application and then we can exit the output area here. 93 00:09:03,330 --> 00:09:11,370 Just click on X to exit Visual Studio just click file and exit.