1 00:00:00,390 --> 00:00:01,260 ‫Welcome back. 2 00:00:01,290 --> 00:00:06,990 ‫In this video, I would like to talk to you about the user interface of Visual Studio. 3 00:00:06,990 --> 00:00:09,120 ‫And I didn't go into that in the last video. 4 00:00:09,120 --> 00:00:10,890 ‫I just started straight away with the code. 5 00:00:10,890 --> 00:00:14,400 ‫But in this video we're going to look into the user interface a little bit. 6 00:00:14,400 --> 00:00:20,100 ‫So what we have here is a program that has grown over time and is quite extensive. 7 00:00:20,120 --> 00:00:24,900 ‫There are a lot of cool features that it has, but most of them were never going to need. 8 00:00:24,900 --> 00:00:30,750 ‫So no worries if you don't understand every single button that is going on here or that is drawn onto 9 00:00:30,750 --> 00:00:31,800 ‫our screen here. 10 00:00:31,800 --> 00:00:34,620 ‫So what is important to us is the following. 11 00:00:34,620 --> 00:00:39,450 ‫So first of all, our code, this is the most important part of our whole program. 12 00:00:39,450 --> 00:00:42,240 ‫And here we write it, the whole code. 13 00:00:42,240 --> 00:00:46,170 ‫And then what's important as well is the solution explorer. 14 00:00:46,170 --> 00:00:51,330 ‫So in here you will find all of your files that you have once you have multiple files. 15 00:00:51,330 --> 00:00:57,660 ‫So for example, multiple classes, which we will do later on in the course, then it's very useful 16 00:00:57,660 --> 00:01:03,420 ‫to jump between those different classes and see everything that's going on in our solution. 17 00:01:03,420 --> 00:01:10,800 ‫Explorer Now what you can do here is you can open your whole project so you can see this whole solution 18 00:01:10,800 --> 00:01:14,640 ‫is called Hello World and the project is called Whole World. 19 00:01:14,640 --> 00:01:18,750 ‫But then our namespace, this is the namespace is called a Hello World as well. 20 00:01:18,840 --> 00:01:22,050 ‫And in there we have our program that CSS. 21 00:01:22,050 --> 00:01:26,730 ‫Now here you can see there are properties, references, lots of stuff that we don't need to understand 22 00:01:26,730 --> 00:01:27,090 ‫yet. 23 00:01:27,090 --> 00:01:33,810 ‫But what is useful is that you can open up your program, CSS, and you can then click around in there. 24 00:01:33,810 --> 00:01:38,730 ‫So in this file called program that CSS, you will see that there is something called program and that 25 00:01:38,730 --> 00:01:40,290 ‫is this class program. 26 00:01:40,290 --> 00:01:45,060 ‫And then you have this method called Main and currently we only have one method. 27 00:01:45,060 --> 00:01:46,860 ‫So it's very simple. 28 00:01:46,860 --> 00:01:53,910 ‫Our code is easy to read and understand, but once we have a file with multiple hundred lines of code, 29 00:01:53,910 --> 00:02:00,360 ‫then it's easy to jump around between the different methods in here via the Solution Explorer. 30 00:02:01,320 --> 00:02:05,310 ‫All right, so that's just an example of what you can do with the solution Explorer. 31 00:02:05,340 --> 00:02:11,280 ‫At the same time, once you click on one of the different fields here, you can see that the properties 32 00:02:11,280 --> 00:02:14,580 ‫pops up and changes its appearance. 33 00:02:14,580 --> 00:02:17,370 ‫So things are populated with information. 34 00:02:17,370 --> 00:02:21,360 ‫So this properties window, for example, shows some more details. 35 00:02:21,360 --> 00:02:27,390 ‫Once we click on program that sees, for example, the full name, the full path and so forth, then 36 00:02:27,390 --> 00:02:34,890 ‫we have the output here at the bottom where we will see output, for example, about where our files 37 00:02:34,890 --> 00:02:35,520 ‫are created. 38 00:02:35,520 --> 00:02:42,390 ‫So for example, this one is created in that particular folder, so we could even copy that and open 39 00:02:42,390 --> 00:02:48,240 ‫up in our file explorer to open this helloworld x file directory. 40 00:02:48,450 --> 00:02:55,050 ‫Other than that, you will also be able to access this in the future so you can actually write something 41 00:02:55,050 --> 00:02:56,730 ‫onto this output. 42 00:02:56,730 --> 00:03:02,670 ‫Once, for example, your code has done something, so for example, the error occurred. 43 00:03:02,670 --> 00:03:06,960 ‫Then you will understand better what the error is about and how to solve it and so forth. 44 00:03:07,570 --> 00:03:13,540 ‫Now you can, of course, change the interface and that's something that you can do as you like. 45 00:03:13,540 --> 00:03:19,780 ‫So you could, for example, drag the solution explorer to be inside of this window so you could drag 46 00:03:19,780 --> 00:03:21,160 ‫it to the right hand side here. 47 00:03:21,160 --> 00:03:25,880 ‫So it will be closer to you and you would have the properties on the whole screen there. 48 00:03:25,900 --> 00:03:30,460 ‫You can, of course, revert it back by dragging it in. 49 00:03:30,550 --> 00:03:35,590 ‫You can see there are multiple options how you can position things next to each other, on top of each 50 00:03:35,590 --> 00:03:39,430 ‫other and so forth, and the windows that we have here. 51 00:03:39,430 --> 00:03:46,090 ‫So the solution Explorer Properties Output and our program dot CSS file are not the only ones. 52 00:03:46,090 --> 00:03:52,960 ‫There are a lot more windows available and you can find them under view and there are all of them in 53 00:03:52,960 --> 00:03:58,240 ‫here and other windows has even more of them. 54 00:03:58,330 --> 00:04:01,180 ‫We're going to use some of them in the future. 55 00:04:01,180 --> 00:04:02,320 ‫So throughout the course. 56 00:04:02,320 --> 00:04:05,080 ‫But for now it's fine to know that they are there. 57 00:04:05,080 --> 00:04:10,480 ‫And once you, for example, accidentally close the solution Explorer and the team explorer and now 58 00:04:10,480 --> 00:04:17,230 ‫you would like to have it back, you can go to view and then Press Solution Explorer and it will come 59 00:04:17,230 --> 00:04:17,770 ‫back. 60 00:04:17,890 --> 00:04:25,390 ‫Other than that, if you go to window and then reset window layout, it will also give you that solution 61 00:04:25,390 --> 00:04:29,350 ‫Explorer back and we'll go to the default layout that we had. 62 00:04:29,890 --> 00:04:35,440 ‫If you change the layout, however, and you would like to save it as your new layout, you can save 63 00:04:35,440 --> 00:04:41,770 ‫the window layout as, for example, new window layout one, or you could call it some what else? 64 00:04:41,770 --> 00:04:43,660 ‫And you could change to it any time. 65 00:04:43,660 --> 00:04:48,760 ‫So let's get rid of the solution Explorer and save the window layout. 66 00:04:48,760 --> 00:04:52,150 ‫And I'm just going to leave it as the default name, new layout. 67 00:04:52,720 --> 00:04:56,230 ‫And now I can reset my window layout. 68 00:04:56,530 --> 00:05:01,450 ‫You can see Solution Explorer is there, but if I want to apply a specific layout. 69 00:05:01,450 --> 00:05:10,180 ‫So for example, my layout or new layout one, I can simply go back to it and it will discard the current 70 00:05:10,180 --> 00:05:10,450 ‫layout. 71 00:05:10,450 --> 00:05:14,730 ‫You can see now the team explorer is there instead of the solution Explorer. 72 00:05:15,010 --> 00:05:18,550 ‫So this is just an example of what you can do with it. 73 00:05:19,450 --> 00:05:19,810 ‫All right. 74 00:05:19,810 --> 00:05:23,860 ‫So that is just an example of the different windows. 75 00:05:23,890 --> 00:05:29,680 ‫Of course, there are plenty of other options here at the top, plenty of other things that you can 76 00:05:29,680 --> 00:05:29,920 ‫do. 77 00:05:29,920 --> 00:05:36,100 ‫For example, under file, you can create a new project, you can create a new file, or you can open 78 00:05:36,100 --> 00:05:38,260 ‫recent project or all the projects that you had. 79 00:05:38,530 --> 00:05:40,330 ‫Of course, you also have the start page here. 80 00:05:40,330 --> 00:05:44,860 ‫So that's the one that we had at the start when we opened up Visual Studio. 81 00:05:44,860 --> 00:05:48,550 ‫So if you want to see that, you can of course open it up from there. 82 00:05:48,550 --> 00:05:50,980 ‫And here you will see your recent projects. 83 00:05:50,980 --> 00:05:56,830 ‫You can open a project or you can create new projects from here directly as well. 84 00:05:57,100 --> 00:05:59,560 ‫Then you have some developer news which can be very useful. 85 00:05:59,560 --> 00:06:06,040 ‫So if you want to stay up to date regarding C-sharp and all around it, you can find it here or mainly 86 00:06:06,040 --> 00:06:07,210 ‫even Visual Studio. 87 00:06:07,210 --> 00:06:13,630 ‫So things about Azure then you will find things about Visual Studio for Mac here, for example, there 88 00:06:13,630 --> 00:06:15,610 ‫is a new preview coming and so forth. 89 00:06:15,610 --> 00:06:21,460 ‫So loads of things that you can find here and then you can of course close that window. 90 00:06:21,460 --> 00:06:27,730 ‫By the way, if you by accident, close the program that says you can always go back to your solution 91 00:06:27,730 --> 00:06:31,870 ‫explorer and double click it and that will open up your file again. 92 00:06:32,860 --> 00:06:38,830 ‫Other than that, we have this bar here with loads of buttons and the ones that are relevant for us 93 00:06:38,830 --> 00:06:43,540 ‫is, for example, the SAVE program or Save All Button. 94 00:06:43,540 --> 00:06:45,970 ‫But I usually use the shortcuts here. 95 00:06:46,180 --> 00:06:52,960 ‫And then of course the start button which starts our program and simply executes the code. 96 00:06:53,440 --> 00:06:58,810 ‫So if we do that, you can see compiles the code and then it runs our program. 97 00:07:00,250 --> 00:07:04,900 ‫And by the way, once we do so, you can also see that suddenly our interface changes. 98 00:07:04,900 --> 00:07:07,720 ‫So here at the bottom we have this window called arrows. 99 00:07:07,720 --> 00:07:08,860 ‫Then we have called Stack. 100 00:07:08,860 --> 00:07:11,980 ‫At the right hand side we can see the diagnostics tools. 101 00:07:11,980 --> 00:07:19,390 ‫So how much process memory our program requires, how much CPU power it requires, and so forth. 102 00:07:19,690 --> 00:07:20,290 ‫All right. 103 00:07:20,290 --> 00:07:23,650 ‫So that was a little introduction to the user interface. 104 00:07:23,650 --> 00:07:25,750 ‫I just wanted to bring it out there. 105 00:07:25,750 --> 00:07:32,770 ‫So you see that it's not really that important to know everything around it, but just use it as a go. 106 00:07:32,770 --> 00:07:38,500 ‫So as you go through the course, you will see more and more about the user interface and then we will 107 00:07:38,500 --> 00:07:39,790 ‫of course go into that. 108 00:07:39,910 --> 00:07:42,220 ‫Okay, so see you in the next video.