Hi. This is Paul. I'm here to give you a brief overview of the Aptana IDE. Let's get started.

This is the main interface of Aptana. Over here on the left, you'll see the Code Assist profiles. This provides Code Assist for your Java Script files during development. You can define a set of files to give Code Assist on or it will automatically read your HTML and list all of the Java Script files referenced in there.

Down here, you'll see the File View, which gives you a view of your file system. There's also the Project View, which allows you to create new projects; for example, I'll create one now. I'll create a new MochiKit library project; that's one of the sample library projects we offer. I'll give it a name, My Project, and finish.

And this represents a set of files on the file system, but managed as a project versus as just a loose set of files. You'll notice now that we've opened this; that you see the HTML file here in the main editor. You'll also notice, to the right, we have an outliner that shows the structure of your document. What's interesting about the Aptana Outliner is that it also supports outlining beyond just HTML. If you include CSS or Java Script, it will also be added to the outline. I'll give a quick example of that.

I'll type "Style," and we'll give our H1s a background color of red. Now, you'll notice over here on the Outliner, Style is there, and I can open and actually see both the H1 element and its properties; in this case, the color, red. I'll additionally write a little bit of Java Script here. I'll say "Script." I'll create a function called "Test." Now, notice the script tag also shows up in the Outliner. I'll open that, and you can see that function, "Test," is represented. I can actually click on these items to get to each one of them, allowing for easy and quick navigation.

Down here, you'll see the "Problems" view. This actually will show problems and warnings optionally across the documents you're editing. What's interesting to note is that if you're editing HTML, it will actually show errors and warnings across all three languages, HTML, CSS and Java Script, so; for example, I'll put a syntax error here in the Java Script, and you'll notice that it shows up in the Problems view.

I can fix that error and put an error in the HTML; for example, and now, you'll see that we've used an illegal HTML element name. And, finally, I can turn on "Warnings" by clicking the little warning icon, and what you'll see; that we'll get warnings across the different languages, and, in this case, we're being told that the CSS file we've used of background color; that we have not specified color with it, as you should.

And lastly, another view that's of note is our "Actions" view. This allows you to write both your own Java Script-based scripts or use the ones that we've provided. One example is to take a Java Script file, for example, and highlight a section of code and say "toggle comments." This will actually run a script that then comments out to the section you've highlighted. I can highlight it again and untoggle the comments.

Another interesting script is Compact Java Script. It'll actually take your current Java Script file and create a much smaller, compacted version of that. There'll be a few more videos following this one, and those will be going to each of these different features and views in a little bit more depth, and we hope that you try Aptana. Thank you.

[End of Video]