Book Image

Aptana Studio Beginner's Guide

By : Thomas Deuling
Book Image

Aptana Studio Beginner's Guide

By: Thomas Deuling

Overview of this book

<p>Aptana Studio 3 is a powerful web development IDE based on the Eclipse platform and provides many innovative technologies and features for developing effective, modern hi-standard web-applications. Aptana has been around since 2008 and it provides language support for HTML, CSS, JavaScript, Ruby, Rails, PHP, Python, and many others by using plugins.<br /><br />"Aptana Studio Beginner's Guide" is packed with the author’s experience of several years developing with Aptana Studio. It's not just a powerful guide, it's a practical, hands-on introduction to Aptana Studio as a whole. If you want to harness Aptana Studio to enhance your web-development productivity, then read this book.<br /><br />You will start by setting up your own installation of Aptana Studio, and will be guided step-by-step through the various stages of developing with Aptana Studio.<br /><br />You will learn how to manage all your work in workspaces and projects, and how you can optimize your projects depending on the nature of the project.<br /><br />In addition, you will be taught how to work on remote servers or manage your source code with Git and SVN.<br /><br />Finally, you will have a fully configured IDE and be equipped with the knowledge about how to work and manage large web-projects.</p>

Related Content you might be interested in

Current Title:

Small book image
Aptana Studio Beginner's Guide
Thomas Deuling
Jan, 2013 | 298 pages
No titles found
Table of Contents (20 chapters)
Aptana Studio Beginner's Guide
Aptana Studio Beginner's Guide
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Pop Quiz Answers
Pop Quiz Answers
Free Chapter
1
Getting Started
Getting Started
System requirements
Downloading and installing Aptana Studio
Time for action – downloading and installing Aptana Studio on Linux
Time for action – downloading and installing Aptana Studio on Windows
Time for action – downloading and installing Aptana Studio on Mac
Time for action – increasing Java memory
Upgrading the system
How to install third-party plugins
Time for action – installing a third-party plugin
Uninstalling Aptana
Summary
2
Basics and How to Use Perspectives and Views
Basics and How to Use Perspectives and Views
Time for action – changing the color theme
Time for action – configuring the tab behavior
Definitions
Customizing perspectives
Time for action – arranging views
Time for action – adding new views
Time for action – customizing the View selection menus
Time for action – customizing the new submenu
Time for action – adding and removing command groups availability
Time for action – customizing the toolbar
Time for action – customizing the menu
Time for action – saving a perspective
Time for action – deleting a perspective
Time for action – marking a default perspective
The most frequently used views
Searching and replacing
Customizing Aptana Studio 3
Summary
3
Working with Workspaces and Projects
Working with Workspaces and Projects
Workspace
Time for action – creating a new workspace
Time for action – exporting Aptana Studio preferences
Time for action – importing Aptana Studio preferences
Time for action – switching to another workspace
Time for action – deleting a workspace
Time for action – prompting the selection of a workspace on startup
Working with projects
Time for action – using the Promote to Project function
Time for action – importing an existing folder as a new project
Time for action – importing existing projects into the workspace
Time for action – deleting a project
Time for action – changing a project's nature
Time for action – closing a project
Time for action – excluding a project from the index
Time for action – creating a new project file
Summary
4
Debugging JavaScript
Debugging JavaScript
The Debug perspective
Time for action – installing Aptana Debugger for Firefox
Configuring the debugger
Time for action – creating a debug configuration
Debugging JavaScript
Time for action – debugging JavaScript
Console view
Time for action – working with the Console view
Using breakpoints
Time for action – adding a breakpoint
Time for action – disabling a breakpoint
Time for action – setting a hit count on a breakpoint
Time for action – inspecting variables at a breakpoint and changing their values
Studio AJAX monitor
Time for action – uninstalling the Aptana Debugger Extension
Uninstalling the debugger
Time for action – uninstalling the Aptana Debugger Extension
Summary
5
Code Documentation and Content Assist
Code Documentation and Content Assist
ScriptDoc
JavaScript function comment
Time for action – displaying a function comment
The Content Assist feature
Time for action – using the Content Assist feature
Time for action – changing the user agents used by the Content Assist feature
Summary
6
Inspecting Code with Firebug
Inspecting Code with Firebug
What is Firebug
Time for action – installing Firebug
Time for action – enabling and configuring Firebug
Inspecting HTML code
Time for action – inspecting HTML code
Time for action – using the mouse selector for editing HTML
Inspecting the CSS code
Time for action – editing the CSS code by using the HTML module
Time for action – editing the CSS code by using the CSS module
Using the Firebug console
Time for action – using the Firebug console
Profiling code performance
Time for action – profiling code performance by using console.time()
Time for action – profiling code performance by using console.profile()
Summary
7
Using JavaScript Libraries
Using JavaScript Libraries
Requirements for including a JavaScript library
Using jQuery
Time for action – installing the jQuery bundle
Time for action – integrating jQuery
Using Dojo Toolkit
Time for action – integrating the Dojo Toolkit
Using ExtJS
Time for action – integrating ExtJS
Summary
8
Remotely Working with FTP
Remotely Working with FTP
The Remote view
Time for action – creating an FTP connection
Time for action – modifying an FTP connection
Time for action – connecting a project with a remote server
Time for action – opening the Connection Manager and creating a new connection
Time for action – exporting FTP settings
Time for action – importing FTP settings
Summary
9
Collaborative Work with SVN and Git
Collaborative Work with SVN and Git
Working with SVN
Time for action – adding an SVN Repository
Time for action – checking out an SVN Repository
Time for action – updating and committing an SVN Repository
Time for action – using the SVN history and comparing files
Working with Git
Time for action – cloning a remote Git Repository
Time for action – creating a new local Git Repository for a new or existing project
Time for action – working with a new local Git Repository
Time for action – pulling and pushing Git remote projects
Summary
10
PHP Projects
PHP Projects
Creating and configuring PHP projects
Time for action – creating a PHP project
Configuring a PHP project
Time for action – configuring a PHP project
Using PHPDoc within PHP Projects
Using the predefined PHPDoc Comments
Time for action – using PHPDoc Comments from the PHP Bundle
Aptana Studio's PHP Bundle PHPDoc Comment snippets
Using PHP libraries
Time for action – using external libraries
Configuring project-specific libraries
Time for action – configuring project-specific libraries
Using and configuring the code formatter
Time for action – using and configuring the PHP code formatter
Summary
11
Optimizing Work and Increasing Collaboration
Optimizing Work and Increasing Collaboration
Creating a syntax highlight theme
Time for action – creating a syntax highlight theme
Sharing or restoring your configurations
Time for action – importing and exporting syntax highlight themes
Time for action – importing and exporting code formatter profiles
Sharing Aptana Studio preferences
Working with bookmarks
Time for action – setting a bookmark
Time for action – configuring the bookmark view
SVN commit comment templates
Time for action – creating SVN commit comment templates
Working with tasks
Time for action – configuring the tasks and managing the task tags
Creating tasks
Time for action – creating a task over the line numbers
Time for action – creating a task using a comment
Summary
12
Troubleshooting
Troubleshooting
What to do when problems occur
Time for action – displaying installation details
Time for action – viewing and clearing the logfile
Forums
Reporting a bug
Time for action – reporting a bug
Fixing a moved workspace directory
Time for action – changing the workspace directory in config.ini
Summary
Index
Index

Time for action – integrating ExtJS

The following steps are required to integrate ExtJS:

  1. Create a new web project named Using JavaScript Libraries - ExtJS.

  2. Download the ExtJS package. In our case, we will choose the ext-4.1.0-gpl.zip package.

  3. Extract the ExtJS package into your Project folder.

  4. Create a folder named extjs-sdocml-4.1.0 (replace *version* with your ExtJS version), in our case extjs-sdocml-4.1.0.

    After the preceding steps, your project should look like the following screenshot:

  5. Refresh your project by right-clicking on the project name in the Project Explorer folder and click on Refresh. Now, Aptana Studio will index the new files and read the required information for the Content Assist. This may take a moment because ExtJS has a lot of files.

  6. Now we have to get the required ScriptDoc file. If you want to use version 3.3.0 of ExtJS, you can find the file at https://raw.github.com/aptana/sencha.ruble/master/support/ext-js-3.3.0.sdocml. If you want to use version 4.0 or 4.1 (as in our...

Previous Section
End of Section 9
Next Section