‫Welcome back.
‫In this video, I would like to talk to you about the user interface of Visual Studio.
‫And I didn't go into that in the last video.
‫I just started straight away with the code.
‫But in this video we're going to look into the user interface a little bit.
‫So what we have here is a program that has grown over time and is quite extensive.
‫There are a lot of cool features that it has, but most of them were never going to need.
‫So no worries if you don't understand every single button that is going on here or that is drawn onto
‫our screen here.
‫So what is important to us is the following.
‫So first of all, our code, this is the most important part of our whole program.
‫And here we write it, the whole code.
‫And then what's important as well is the solution explorer.
‫So in here you will find all of your files that you have once you have multiple files.
‫So for example, multiple classes, which we will do later on in the course, then it's very useful
‫to jump between those different classes and see everything that's going on in our solution.
‫Explorer Now what you can do here is you can open your whole project so you can see this whole solution
‫is called Hello World and the project is called Whole World.
‫But then our namespace, this is the namespace is called a Hello World as well.
‫And in there we have our program that CSS.
‫Now here you can see there are properties, references, lots of stuff that we don't need to understand
‫yet.
‫But what is useful is that you can open up your program, CSS, and you can then click around in there.
‫So in this file called program that CSS, you will see that there is something called program and that
‫is this class program.
‫And then you have this method called Main and currently we only have one method.
‫So it's very simple.
‫Our code is easy to read and understand, but once we have a file with multiple hundred lines of code,
‫then it's easy to jump around between the different methods in here via the Solution Explorer.
‫All right, so that's just an example of what you can do with the solution Explorer.
‫At the same time, once you click on one of the different fields here, you can see that the properties
‫pops up and changes its appearance.
‫So things are populated with information.
‫So this properties window, for example, shows some more details.
‫Once we click on program that sees, for example, the full name, the full path and so forth, then
‫we have the output here at the bottom where we will see output, for example, about where our files
‫are created.
‫So for example, this one is created in that particular folder, so we could even copy that and open
‫up in our file explorer to open this helloworld x file directory.
‫Other than that, you will also be able to access this in the future so you can actually write something
‫onto this output.
‫Once, for example, your code has done something, so for example, the error occurred.
‫Then you will understand better what the error is about and how to solve it and so forth.
‫Now you can, of course, change the interface and that's something that you can do as you like.
‫So you could, for example, drag the solution explorer to be inside of this window so you could drag
‫it to the right hand side here.
‫So it will be closer to you and you would have the properties on the whole screen there.
‫You can, of course, revert it back by dragging it in.
‫You can see there are multiple options how you can position things next to each other, on top of each
‫other and so forth, and the windows that we have here.
‫So the solution Explorer Properties Output and our program dot CSS file are not the only ones.
‫There are a lot more windows available and you can find them under view and there are all of them in
‫here and other windows has even more of them.
‫We're going to use some of them in the future.
‫So throughout the course.
‫But for now it's fine to know that they are there.
‫And once you, for example, accidentally close the solution Explorer and the team explorer and now
‫you would like to have it back, you can go to view and then Press Solution Explorer and it will come
‫back.
‫Other than that, if you go to window and then reset window layout, it will also give you that solution
‫Explorer back and we'll go to the default layout that we had.
‫If you change the layout, however, and you would like to save it as your new layout, you can save
‫the window layout as, for example, new window layout one, or you could call it some what else?
‫And you could change to it any time.
‫So let's get rid of the solution Explorer and save the window layout.
‫And I'm just going to leave it as the default name, new layout.
‫And now I can reset my window layout.
‫You can see Solution Explorer is there, but if I want to apply a specific layout.
‫So for example, my layout or new layout one, I can simply go back to it and it will discard the current
‫layout.
‫You can see now the team explorer is there instead of the solution Explorer.
‫So this is just an example of what you can do with it.
‫All right.
‫So that is just an example of the different windows.
‫Of course, there are plenty of other options here at the top, plenty of other things that you can
‫do.
‫For example, under file, you can create a new project, you can create a new file, or you can open
‫recent project or all the projects that you had.
‫Of course, you also have the start page here.
‫So that's the one that we had at the start when we opened up Visual Studio.
‫So if you want to see that, you can of course open it up from there.
‫And here you will see your recent projects.
‫You can open a project or you can create new projects from here directly as well.
‫Then you have some developer news which can be very useful.
‫So if you want to stay up to date regarding C-sharp and all around it, you can find it here or mainly
‫even Visual Studio.
‫So things about Azure then you will find things about Visual Studio for Mac here, for example, there
‫is a new preview coming and so forth.
‫So loads of things that you can find here and then you can of course close that window.
‫By the way, if you by accident, close the program that says you can always go back to your solution
‫explorer and double click it and that will open up your file again.
‫Other than that, we have this bar here with loads of buttons and the ones that are relevant for us
‫is, for example, the SAVE program or Save All Button.
‫But I usually use the shortcuts here.
‫And then of course the start button which starts our program and simply executes the code.
‫So if we do that, you can see compiles the code and then it runs our program.
‫And by the way, once we do so, you can also see that suddenly our interface changes.
‫So here at the bottom we have this window called arrows.
‫Then we have called Stack.
‫At the right hand side we can see the diagnostics tools.
‫So how much process memory our program requires, how much CPU power it requires, and so forth.
‫All right.
‫So that was a little introduction to the user interface.
‫I just wanted to bring it out there.
‫So you see that it's not really that important to know everything around it, but just use it as a go.
‫So as you go through the course, you will see more and more about the user interface and then we will
‫of course go into that.
‫Okay, so see you in the next video.