Launching a Workspace

[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