1
00:00:00,025 --> 00:00:05,962
[SOUND] Hi, I'm Nick.

2
00:00:05,962 --> 00:00:10,220
And in these lessons,
we are going to learn about Workspaces.

3
00:00:10,220 --> 00:00:12,950
Workspaces is an online text editor and

4
00:00:12,950 --> 00:00:16,628
development environment that
is integrated with Treehouse.

5
00:00:16,628 --> 00:00:21,750
In other words, it's the tool that helps
you write a code to make websites and

6
00:00:21,750 --> 00:00:23,290
web applications.

7
00:00:23,290 --> 00:00:27,370
You can use workspaces to follow
along with Treehouse courses.

8
00:00:27,370 --> 00:00:32,280
And you can also use it to build projects
on your own and practice coding.

9
00:00:32,280 --> 00:00:35,940
If you've never used a text editor before,
don't worry.

10
00:00:35,940 --> 00:00:39,450
In these lessons,
we'll take a closer look at workspaces and

11
00:00:39,450 --> 00:00:43,140
learn how to use its
features step-by-step.

12
00:00:43,140 --> 00:00:44,980
When you use workspaces,

13
00:00:44,980 --> 00:00:49,640
all of your code is stored online
in what we call a workspace.

14
00:00:49,640 --> 00:00:52,570
You can use workspaces on one computer and

15
00:00:52,570 --> 00:00:55,480
then pick-up where you left
off from another computer.

16
00:00:56,980 --> 00:01:01,360
Using workspaces, you can make
simple HTML and CSS websites, but

17
00:01:01,360 --> 00:01:06,270
there's also built-in support for
backend languages like Python and Ruby.

18
00:01:06,270 --> 00:01:11,140
Workspaces also has a console, so you can
use the command-line to start servers and

19
00:01:11,140 --> 00:01:12,700
run your applications.

20
00:01:12,700 --> 00:01:16,004
Again, if that doesn't make any
sense to you right now, don't worry.

21
00:01:16,004 --> 00:01:19,640
We're going to look at the features
of workspaces one at a time.

22
00:01:19,640 --> 00:01:21,720
So, let's get started.

23
00:01:21,720 --> 00:01:23,950
When you're taking a course on Treehouse,

24
00:01:23,950 --> 00:01:29,780
you can scroll down just below the video
player and click on the Workspaces tab.

25
00:01:29,780 --> 00:01:34,860
If you don't already have a workspace
associated with that video, it will say,

26
00:01:34,860 --> 00:01:38,370
looks like you need to create
a workspace for this video.

27
00:01:38,370 --> 00:01:42,370
And this is a link that you can
click on to start a new workspace.

28
00:01:43,600 --> 00:01:48,910
It will name your workspace
the same as the course and video.

29
00:01:48,910 --> 00:01:54,200
And then you can click Launch
it to start a new workspace.

30
00:01:54,200 --> 00:02:00,650
And the workspace will automatically be
loaded with the content for the course.

31
00:02:00,650 --> 00:02:04,060
You'll see a welcome message that tells
you a little bit about workspaces, but

32
00:02:04,060 --> 00:02:04,940
we can close that.

33
00:02:06,030 --> 00:02:08,270
And on the left side here,

34
00:02:08,270 --> 00:02:11,530
you'll be able to open files that
are associated with the course.

35
00:02:11,530 --> 00:02:15,620
For now,
I'm going to close this workspace, so

36
00:02:15,620 --> 00:02:20,040
that I can show you how to launch
a workspace without a course.

37
00:02:20,040 --> 00:02:24,310
On the left side here,
you can click on Workspaces, and

38
00:02:24,310 --> 00:02:28,070
then you can click the New button.

39
00:02:28,070 --> 00:02:32,590
To launch your own workspace and
work on your own projects.

40
00:02:32,590 --> 00:02:37,080
You can title your workspace, so
I'll call this, My Workspace.

41
00:02:38,220 --> 00:02:41,010
Of course, this should be your own title.

42
00:02:41,010 --> 00:02:45,960
Then you can choose what's called an
environment to start your workspace from.

43
00:02:45,960 --> 00:02:49,100
So for example,
if you're working with HTML and

44
00:02:49,100 --> 00:02:52,620
CSS, you might want to choose Front End.

45
00:02:52,620 --> 00:02:57,430
But if you're working with something
like Python, or Ruby, or PHP, or

46
00:02:57,430 --> 00:03:02,100
any of the other supported languages,
you should choose those environments.

47
00:03:02,100 --> 00:03:04,160
For now, I'll choose Front End.

48
00:03:04,160 --> 00:03:09,400
Then finally, once you've picked
an environment, you can choose a template.

49
00:03:09,400 --> 00:03:12,790
I have a lot of workspaces
I've already created.

50
00:03:12,790 --> 00:03:17,940
But if you don't have any workspaces
already, you'll see these templates here.

51
00:03:17,940 --> 00:03:23,100
Where you can start a blank workspace, or
you can use a popular front end framework.

52
00:03:23,100 --> 00:03:29,770
Like HTML5 Boilerplate, Foundation
Framework, Bootstrap and a few more.

53
00:03:29,770 --> 00:03:36,050
So I'll choose Bootstrap just for this
example, and then click Create Workspace.

54
00:03:36,050 --> 00:03:39,380
When your workspace starts up
with a template like this,

55
00:03:39,380 --> 00:03:42,000
you'll have a few files
to get you started.

56
00:03:42,000 --> 00:03:47,620
Such as the CSS for Bootstrap and
JavaScript and a few fonts.

57
00:03:49,520 --> 00:03:54,430
And then you can create your own files
as well to get started on your work.

58
00:03:54,430 --> 00:03:57,930
That was a very quick tour of workspaces,
but in the upcoming videos

59
00:03:57,930 --> 00:04:01,810
we're going to take a look at each of
the individual features one at a time