Full Stack Development Tools

One of the most common conversations I have with other developers centers around what tools we like the most for building a killer website.  It is always a great conversation with no RIGHT answer, and I have been introduced to fantastic, time saving, tools via these conversations.  I thought I would take a few minutes and give a quick recap of the key elements that I personally use, along with a short discussion of the pros and cons from where I sit.

Note: This is for local tools only, not SaaS providers.  That will come in another post.

Aptana Studio – IDE

Aptana Studio

Aptana Studio

Cost: Free

Apatana is an Eclipse based IDE that I use for all my coding.  I started using it just for PHP and did my front end (html/css) work in Dreamweaver, but I have since switched to using Aptana for everything HTML/PHP/JS/CSS/FTL (FreeMarker Template Language is slightly obscure but growing layer that sits on top of Java environments).  Like Eclipse you can fine tune it with many different plugins, I recommend JSLint and the jQuery library support.  One of my favorite features is the built in Git support (which works perfectly with Github, but that’s for another day) also has nice built in FTP/SFTP support with the option of having multiple remote endpoints for projects.  A very powerful all around IDE.

Aptana Studio - http://www.aptana.com/

MySql Workbench – Database Management

MySQL Workbench

MySQL Workbench

Cost: Free

If you use MySql for your web based databases (and lets face it, who isn’t?) then MySQL Workbench is an absolute must.  I used to use it only for visually mapping out a database, but have begun using it for management as well and I absolutely love it.  phpMyAdmin is no longer even installed on any of my new systems.

MySQL Workbench – http://www.mysql.com/products/workbench/

FileZilla – FTP Client

FileZilla Client

FileZilla Client

Cost: Free

I mostly use the FTP support in Aptana, but periodically you need to use a standalone FTP client.  I have experimented with some paid apps (Forklift caught my interest, but it was slow/heavy) and still keep coming back to this old standby.

FileZilla - https://filezilla-project.org/download.php?type=client

 

Photoshop – Graphic Editing Software

photoshop

photoshop

Cost: Varies $$$

Of course we come to photoshop, no matter if you’re a designer or not, if you’re working on the web, you really need to have a copy of photoshop on your machine (I have been forced to use Fireworks for some clients, and yes, it works, but I still prefer photoshop).  It has been around forever, and is a great tool.  I currently have CS4 on my machine, they are up to CS6, I know people still using CS, you probably don’t need all the bells and whistles that come in the newer versions. You just need something.

Adobe Photoshop – http://www.photoshop.com/

I think that is a good start to the list.  There are other more niche tools that I use from time to time, and I might mention those a little later, and of course the many browser based tools and extensions.  Let me know if you use these tools or if you would suggest something else.

4 comments

  1. Hey there! I was just wondering how you use Aptana with FTL? I use Eclipse with the Aptana plug-in. I’ve played with the JBoss Tools Freemarker plugin, which has its own Freemarker editor. It has some nice features for FTL tags but it doesn’t have all the useful html/css/js features that the Aptana editor has. Ideally I want the best of both worlds, one editor that can do syntax highlighting, validation, and autocomplete for all four.

    • Hey Corinna,

      Thanks for asking. You can actually install that same JBoss Tools Freemarker plugin into the standalone Aptana app. Remember, Aptana is just a Eclipse offshoot so many if not most Eclipse plugins will work in Aptana. In this case, the freemarker one works just fine in Aptana. Good luck :).

      • I’ve already done that actually. All it does though is make another editor available. So I can either open html files using the Freemarker editor or the Aptana one. But the freemarker editor, while helpful for freemarker tags, is missing all the useful aptana editor features for html/css/javascript. I guess there’s no way to get the benefits of both simultaneously, I was just wondering if you’d figured out a way. :)

  2. You should be able to install inside the app itself. The feed link is http://download.jboss.org/jbosstools/updates/development/indigo/ Choose Abridged Tools -> FreeMarker IDE. There is additional information available at http://stackoverflow.com/questions/9385561/freemarker-eclipse-plug-in, remember Aptana is based off the indigo branch of Eclipse.

Leave a comment