Preview
Video Player
00:00
00:00
Launching a Workspace
4:02In this video, you'll learn about the basics of Workspaces. You'll also learn how to launch a Workspace from a Treehouse course or launch a Workspace to practice on your own.
[SOUND] Hi, I'm Nick.
0:00
And in these lessons,
we are going to learn about Workspaces.
0:05
Workspaces is an online text editor and
0:10
development environment that
is integrated with Treehouse.
0:12
In other words, it's the tool that helps
you write a code to make websites and
0:16
web applications.
0:21
You can use workspaces to follow
along with Treehouse courses.
0:23
And you can also use it to build projects
on your own and practice coding.
0:27
If you've never used a text editor before,
don't worry.
0:32
In these lessons,
we'll take a closer look at workspaces and
0:35
learn how to use its
features step-by-step.
0:39
When you use workspaces,
0:43
all of your code is stored online
in what we call a workspace.
0:44
You can use workspaces on one computer and
0:49
then pick-up where you left
off from another computer.
0:52
Using workspaces, you can make
simple HTML and CSS websites, but
0:56
there's also built-in support for
backend languages like Python and Ruby.
1:01
Workspaces also has a console, so you can
use the command-line to start servers and
1:06
run your applications.
1:11
Again, if that doesn't make any
sense to you right now, don't worry.
1:12
We're going to look at the features
of workspaces one at a time.
1:16
So, let's get started.
1:19
When you're taking a course on Treehouse,
1:21
you can scroll down just below the video
player and click on the Workspaces tab.
1:23
If you don't already have a workspace
associated with that video, it will say,
1:29
looks like you need to create
a workspace for this video.
1:34
And this is a link that you can
click on to start a new workspace.
1:38
It will name your workspace
the same as the course and video.
1:43
And then you can click Launch
it to start a new workspace.
1:48
And the workspace will automatically be
loaded with the content for the course.
1:54
You'll see a welcome message that tells
you a little bit about workspaces, but
2:00
we can close that.
2:04
And on the left side here,
2:06
you'll be able to open files that
are associated with the course.
2:08
For now,
I'm going to close this workspace, so
2:11
that I can show you how to launch
a workspace without a course.
2:15
On the left side here,
you can click on Workspaces, and
2:20
then you can click the New button.
2:24
To launch your own workspace and
work on your own projects.
2:28
You can title your workspace, so
I'll call this, My Workspace.
2:32
Of course, this should be your own title.
2:38
Then you can choose what's called an
environment to start your workspace from.
2:41
So for example,
if you're working with HTML and
2:45
CSS, you might want to choose Front End.
2:49
But if you're working with something
like Python, or Ruby, or PHP, or
2:52
any of the other supported languages,
you should choose those environments.
2:57
For now, I'll choose Front End.
3:02
Then finally, once you've picked
an environment, you can choose a template.
3:04
I have a lot of workspaces
I've already created.
3:09
But if you don't have any workspaces
already, you'll see these templates here.
3:12
Where you can start a blank workspace, or
you can use a popular front end framework.
3:17
Like HTML5 Boilerplate, Foundation
Framework, Bootstrap and a few more.
3:23
So I'll choose Bootstrap just for this
example, and then click Create Workspace.
3:29
When your workspace starts up
with a template like this,
3:36
you'll have a few files
to get you started.
3:39
Such as the CSS for Bootstrap and
JavaScript and a few fonts.
3:42
And then you can create your own files
as well to get started on your work.
3:49
That was a very quick tour of workspaces,
but in the upcoming videos
3:54
we're going to take a look at each of
the individual features one at a time
3:57