WEBVTT 00:00.300 --> 00:00.960 All right. 00:00.960 --> 00:05.760 So now that we have our workspace set up the next thing we want to do is take a really quick tour. 00:05.790 --> 00:09.730 Two to three minutes of how the interface for Cloud 9 works. 00:10.140 --> 00:14.850 So once you created the workspace you should see a window that looks something like this. 00:14.880 --> 00:18.900 I did increase my font size to make it a little easier for you to read. 00:18.930 --> 00:23.100 So yours will probably look a little nicer but otherwise they should look the same. 00:23.490 --> 00:29.190 Before we actually dive into the interface I want to emphasize what actually happened when you created 00:29.190 --> 00:31.790 a workspace because I think it's pretty cool. 00:31.800 --> 00:35.630 I mentioned that cloud nine is a cloud based developer environment. 00:35.790 --> 00:42.360 When you created that workspace cloud 9 has a computer somewhere a server that may do a little bit of 00:42.360 --> 00:48.660 space just for your little developer environment and basically made you a section on a computer that's 00:48.660 --> 00:52.530 private for you this only holds your stuff your files. 00:52.530 --> 00:56.520 And right now there are only two files in there which we can see over here. 00:56.670 --> 00:59.640 Hello world that HMO and read me M.D.. 00:59.790 --> 01:02.450 Those are both just automatically created. 01:02.730 --> 01:08.570 The HMO file was created because we chose that age html template if we had chosen a python. 01:08.580 --> 01:12.940 Or let's say we chose a ruby template we would have a hello world. 01:12.960 --> 01:17.360 RB file but that doesn't really matter because we're going to get rid of both of them anyway. 01:17.730 --> 01:23.760 But the idea is that there is space actually on a computer somewhere that is running all of this. 01:23.760 --> 01:25.260 It has these files on it. 01:25.350 --> 01:30.840 When we install my sequel and get it running it's not actually going to be running on your machine or 01:30.840 --> 01:32.560 in this case on my machine. 01:32.670 --> 01:35.230 It will be running on cloud 9 machine. 01:35.550 --> 01:41.430 And this is just a browser interface for me to talk to that machine which is pretty amazing when you 01:41.430 --> 01:42.140 think about it. 01:42.360 --> 01:43.500 So that's enough of that. 01:43.500 --> 01:45.530 Now let's take a look at the interface. 01:45.570 --> 01:47.550 We have three main sections. 01:47.550 --> 01:50.530 The first one is what I'll call the file tree. 01:50.610 --> 01:54.990 It's basically a visual representation of the contents of your workspace. 01:54.990 --> 02:00.720 So as we already talked about there's two files there right now as we create new files and directories 02:00.720 --> 02:03.970 or folders in this course you'll see them pop up over here. 02:04.270 --> 02:10.740 The next area I'll call your attention to is this middle area I'll call it the text editor. 02:10.800 --> 02:16.800 So if we open up one of these files like read me that M.D. which is what is currently open I double 02:16.800 --> 02:21.260 click that it opens up as you can see here read me dot M.D.. 02:21.540 --> 02:26.730 Don't worry if you've never heard of Mark down that's not super important at this point but I can now 02:26.760 --> 02:27.970 go in and edit things 02:32.100 --> 02:41.040 and if I hit save on Mac it's command us on a PC control us so I can switch files to the aged him file 02:41.250 --> 02:45.650 by double clicking and now opens up a tab here. 02:45.780 --> 02:50.530 I can go back to the other file I'll close out of it now. 02:50.640 --> 02:53.330 You don't need to know each time of course for this for this class. 02:53.340 --> 02:59.620 But the point here is that we have files we can double click and we can see them over here. 02:59.640 --> 03:05.130 The last thing that I'll show you before we move on to this bottom section is how to make a new folder 03:05.130 --> 03:07.290 or a new file. 03:07.290 --> 03:14.970 So what you can do is right click on this space right here and you can scroll down and find new file 03:15.120 --> 03:16.290 or new folder. 03:16.320 --> 03:25.800 So let's make a new folder and I'll just call it testing then I can right click again and go to new 03:25.800 --> 03:26.550 file. 03:26.550 --> 03:32.910 You can also do file new file just like you are working in a real text editor natively on her computer. 03:33.330 --> 03:40.770 But I tend to do this here new file and then I can call this whatever I'll just say hello and I'll make 03:40.770 --> 03:42.780 a text file. 03:43.140 --> 03:47.680 Now to open it I can double click put whatever I want in there. 03:47.680 --> 03:50.210 Now if I switch you see that little dot. 03:50.370 --> 03:51.800 That means it's not saved. 03:52.070 --> 03:56.930 You can go back and save it and close out. 03:56.970 --> 04:00.680 And now we have three files over here as well as a new folder. 04:01.200 --> 04:04.720 So that's pretty much all there is to the text editor area. 04:05.130 --> 04:09.750 And we'll be working with this later on when we're creating sequel files that were writing our code 04:09.870 --> 04:11.960 and then running all at once. 04:12.180 --> 04:18.630 Then the last section that I'll expand on here is the shell or the terminal if you're familiar with 04:18.630 --> 04:20.480 any sort of bash shell. 04:20.610 --> 04:23.700 This is exactly a up. 04:23.730 --> 04:28.610 And if you're not don't panic I'll throw out that little dumb panic thing again. 04:29.070 --> 04:32.780 You don't have to know that for this course because of the way cloud 9 works. 04:32.790 --> 04:36.410 We have this visual interface for navigating our folders and files. 04:36.780 --> 04:42.320 But it definitely is not a bad idea to learn some basic terminal commands. 04:42.330 --> 04:46.070 I'll include a link to some of my favorite resources for learning that if you'd like. 04:46.230 --> 04:53.040 But again you do not have to know how to navigate the terminal to do this course but just to show you 04:53.130 --> 04:59.940 that this is a full fledged terminal I can do things like us to list all the files in my current directory 04:59.970 --> 05:02.550 and you can see I have read me hello world. 05:02.720 --> 05:04.470 Him now and testing. 05:04.830 --> 05:07.020 I can change directory into testing 05:09.730 --> 05:13.370 and now if I type LS I get hello that TXI. 05:13.770 --> 05:18.570 So I'm inside this directory and I can do things like print working directory. 05:18.870 --> 05:25.400 Now we will be running commands from this terminal mainly to initialize my AS WELL AS WELL AS worked 05:25.410 --> 05:26.040 with the my. 05:26.130 --> 05:28.130 Well interactive show. 05:28.180 --> 05:34.290 You know a bunch of other things but those will be my S Q L specific command not the general Basche 05:34.290 --> 05:35.020 commands. 05:35.250 --> 05:37.980 So that's pretty much all there is to the interface at this point. 05:38.040 --> 05:45.510 We have the file tree where we can double click to view files over in the editor. 05:45.510 --> 05:46.900 We can make changes there. 05:47.190 --> 05:51.200 And then we also have the terminal down here which will be working with quite a bit as well.