1
00:00:00,210 --> 00:00:01,980
The first time Visual Studio starts,

2
00:00:01,980 --> 00:00:04,940
it will ask if you want to sign
in using your Microsoft account.

3
00:00:04,940 --> 00:00:10,120
You can only use Visual Studio for
30 days before you have to sign in,

4
00:00:10,120 --> 00:00:14,010
in order to continue using it,
so I suggest signing in now.

5
00:00:14,010 --> 00:00:17,780
Odds are, you already have a Microsoft
account, if you've ever signed into

6
00:00:17,780 --> 00:00:23,400
a Microsoft product, such as Skype,
Bing, MSN, or Xbox Live.

7
00:00:23,400 --> 00:00:25,609
You can also create a new
account by clicking here.

8
00:00:36,888 --> 00:00:39,480
Here we can do a little configuration.

9
00:00:39,480 --> 00:00:44,570
You'll notice that just about everything
in Visual Studio can be customized.

10
00:00:44,570 --> 00:00:47,900
Microsoft noticed that the way web
developers configure Visual Studio is

11
00:00:47,900 --> 00:00:53,070
often different than say, the way
C++ developers or C# developers do.

12
00:00:53,070 --> 00:00:58,160
So they made prepackaged collections of
settings that you can apply to the IDE,

13
00:00:58,160 --> 00:01:01,970
to make it behave the way that
each group of developers expects.

14
00:01:01,970 --> 00:01:04,700
Frankly, I don't know how
Microsoft could make such

15
00:01:04,700 --> 00:01:07,510
general assumptions about
groups of developers.

16
00:01:07,510 --> 00:01:09,470
Maybe they sent out a large survey.

17
00:01:09,470 --> 00:01:11,140
I must have missed it.

18
00:01:11,140 --> 00:01:14,640
Selecting one of these doesn't
prohibit you from doing development

19
00:01:14,640 --> 00:01:15,910
using the others.

20
00:01:15,910 --> 00:01:20,880
Personally, I prefer to keep things
agnostic and customized as I see fit.

21
00:01:20,880 --> 00:01:23,540
So I'm going to select General here.

22
00:01:23,540 --> 00:01:26,430
You can always apply these
other configurations later.

23
00:01:26,430 --> 00:01:29,840
Next, you can select one
of three color schemes.

24
00:01:29,840 --> 00:01:32,160
You can easily change this later.

25
00:01:32,160 --> 00:01:35,900
In general, dark themes are often
used in dimly lit rooms or

26
00:01:35,900 --> 00:01:38,570
caves where coders avoid bright lights.

27
00:01:38,570 --> 00:01:42,150
For this workshop,
I'll select the traditional blue theme.

28
00:01:42,150 --> 00:01:45,541
With that out of the way,
we can now click on Start Visual Studio.

29
00:01:48,532 --> 00:01:50,160
All right, and now we're in Visual Studio.

30
00:01:50,160 --> 00:01:52,640
Let me show you around.

31
00:01:52,640 --> 00:01:54,160
When running Visual Studio for

32
00:01:54,160 --> 00:01:57,390
the first time, your screen
should look something like this.

33
00:01:57,390 --> 00:02:00,460
The large area here is the main workspace.

34
00:02:00,460 --> 00:02:04,640
It's where you'll be writing code,
designing UIs and so on.

35
00:02:04,640 --> 00:02:09,470
Right now the workspace consists of
a single tab containing the Start Page.

36
00:02:09,470 --> 00:02:13,860
This is where Microsoft posts
news about its development tools.

37
00:02:13,860 --> 00:02:18,350
It also has some links here for creating
and opening projects for your convenience.

38
00:02:19,400 --> 00:02:23,210
These actions are also available
from the File menu here.

39
00:02:23,210 --> 00:02:26,420
If you scroll down to the bottom of
this page, there are some options for

40
00:02:26,420 --> 00:02:28,690
when you want this page to be displayed.

41
00:02:28,690 --> 00:02:32,110
The main workspace is
surrounded by smaller panes.

42
00:02:32,110 --> 00:02:36,260
Different panes may be shown depending on
the type of development being done and

43
00:02:36,260 --> 00:02:37,290
your personal preferences.

44
00:02:38,380 --> 00:02:43,240
Panes are a really convenient way for
organizing your work area.

45
00:02:43,240 --> 00:02:47,060
You can arrange these panes around
the screen in many different ways.

46
00:02:47,060 --> 00:02:50,610
You can move them by clicking
on their title bar and

47
00:02:50,610 --> 00:02:53,610
dragging them to one of
the little yellow boxes.

48
00:02:53,610 --> 00:02:56,160
The blue area shows where
the panel will be moved to.

49
00:02:56,160 --> 00:02:59,250
You can even drag them out
of the main window, and

50
00:02:59,250 --> 00:03:01,730
use them as a stand-alone window.

51
00:03:01,730 --> 00:03:04,660
This is very handy when
you have multiple screens.

52
00:03:06,040 --> 00:03:10,030
The buttons in the title bar of each
pane help with pane arrangement.

53
00:03:10,030 --> 00:03:15,240
This toggle button that looks like a push
pin, allows you to pin a pane open,

54
00:03:15,240 --> 00:03:17,530
so that it stays open
when you click out of it.

55
00:03:18,640 --> 00:03:22,030
Each panel area can be
a tabbed area as well.

56
00:03:22,030 --> 00:03:26,060
First, pin open the pane you
want to turn into a tabbed area.

57
00:03:26,060 --> 00:03:29,320
Then grab another pane, and
move it into the center of that pane.

58
00:03:31,390 --> 00:03:32,700
See?

59
00:03:32,700 --> 00:03:34,480
The pane ends up as a tab here.

60
00:03:35,790 --> 00:03:39,200
You can close a pane by clicking the X.

61
00:03:39,200 --> 00:03:42,940
Most window panes can be opened
by going to the View menu and

62
00:03:42,940 --> 00:03:44,180
clicking on the name of the pane.

63
00:03:45,390 --> 00:03:50,560
The upside down triangle button is
a drop-down showing even more options.

64
00:03:50,560 --> 00:03:54,610
There are way too many ways to
arrange panes for me to show here.

65
00:03:54,610 --> 00:03:57,570
So, go ahead and experiment on your own.

66
00:03:57,570 --> 00:04:01,004
You can always reset everything
back to its original state by

67
00:04:01,004 --> 00:04:04,650
clicking on the Window menu and
selecting Reset Window Layout.