Voor wie bedoeld: Interessant artikel voor web developers.
Bij Occhio
Bij Occhio maken we websites en web-applicaties. Deze web-applicaties worden gemaakt door onze zeer creatieve front- & back-end programmeurs. Maar welke gereedschappen (ook wel IDE’s genoemd) gebruiken we nou doorgaans?
Dit artikel is interessant voor web developers, dus gebruik jij deze programma’s ook dagelijks en ben je benieuwd naar een vergelijkend overzicht, dan is het zeker interessant om verder te lezen.
Een keuze maken
Er zijn zoveel ‘tools’ om uit te kiezen, maar kies het juiste gereedschap en het maakt je werk een stuk efficiënter.
Ik zal in dit blog artikel uitlijnen welke programmeer-tools er voor ons beschikbaar zijn en wat de voor en nadelen zijn elke zijn.
De meeste programma’s die ik in dit artikel bespreek zijn open-source applicaties waar wij bij Occhio Webdevelopment ervaring mee hebben op onze Windows machines.
Daarnaast beschrijf ik twee betaalbare IDE’s.
Eisen aan de software
De talen die wij doorgaans gebruiken zijn:
- PHP (Server-side scripting)
- MySQL (Database)
- HTML (Webpagina structurering)
- CSS (Webpagina styling)
- jQuery (Client-side scripting gebaseerd op Javascript)
- Actionscript (Client-side scripting gebaseerd op Adobe Flash)
Dus de software moet overweg kunnen met:
- Bovengenoemde talen in UTF-8 codering (hier valt HTML-Kit helaas al af omdat deze de UTF-8 codering niet ondersteunt)
- Een degelijke FTP-functionaliteit
- bestanden kan openen in de editor en opstaan op de server
- nieuwe bestanden & mappen kan aanmaken
- Goede syntax-highlighting
- Gebruik van ’snippets’
- Class Navigation
- PHP-debugging
- Autocomplete van bovengenoemde talen
- Een stabiele workspace
- Een goede diff-tool
- Een goede Search en Replace
Verder zou het leuk zijn als de software ook het volgende kan:
- SFTP
- Upload van bestanden en directory structuren vanuit het OS via FTP
- CHMOD
- Een Code Library heeft
- Search en Replace in directory
- Find all / Highlight all
De tools
Er zijn verschillende I(ntegrated)D(evelopment)E(nvironment)s waar we uit kunnen kiezen: Om te beginnen zal ik eerst de P(HP)D(evelopement)T(ools) uitlijnen.
Eclipse PDT
Eclipse PDT is een omgeving gebouwd in Java, die een solide basis vormt voor PHP development.
Wat mij erg opviel aan deze PDT was dat dit ‘framework’ de enige IDEs bieden met een Solide FTP functie.
Eclipse scoort hoog in de must-haves; 8/10 en voldoende in de wannahaves; 4/6
Positieven punten die mij opvielen waren dat de layout makkelijk aan te passen was (bijv. filetree links of rechts, maximize) en verder vond ik het prettig dat het bestand kan worden aangepast tijdens bestandsactiviteit (opslaan/upload), in geval ik iets te snel heb opgeslagen.
Een paar negatieve punten die mij opvielen waren dat in css de syntax coloring soms verstrooid raakt, de FTP client langzaam is en dat de console de hele tijd omhoog komt, ookal klik je die weg. Ook kon ik moeilijk een nieuw (klad) bestand aan te maken zonder deze eerst op te slaan op een lokale schijf of via FTP. Ook heeft Eclipse geen ‘find all’ of ‘highlight all’ binnen geopend bestanden.
Maar wat mij nog het meest frustreerde aan deze IDE is dat in geval je Eclipse niet goed afsluit, bijv in een crash, je erg lang bezig bent je instabiele ‘workspace’ (waar al je verbindingen in worden opgeslagen) te redden.
Aptana Studio 2
Aptana Studio is een IDE ontwikkeld op het Eclipse framework, verkrijgbaar als plugin voor Eclipse of als standalone installer.
Van de plugin was ik niet heel onder de indruk omdat deze bepaalde functies, die Aptana Standalone wel heeft, niet of niet makkelijk kan uitvoeren.
Zo kon de plugin bijvoorbeeld geen HTML formatteren; handig voor als je een stuk van je HTML code wilt bekijken, geknipt uit de source code, maar het niet (goed) is ingesprongen.
Aptana scoort maximaal in de must-haves; 10/10 en voldoende in de wannahaves; 4/6
De standalone versie is geheel gebaseerd op een webdevelopment scope (inclusief PHP), waar Eclipse veelal gespecialiseerd is op PHP.
Positieven punten waren eigenlijk hetzelfde als die van Eclipse, met als toevoeging dat Aptana ondersteuning biedt voor jQuery en andere talen en dat de Workspace niet corrupt is na een applicatie of systeem crash.
Negatieve punten waren eigenlijk hetzelfde als die van Eclipse, met als toevoeging dat Aptana het gebruik van SFTP (voor root-access) heeft weggelegd voor de betaalde versie en dat PHP ondersteuning niet standaard is geinstalleerd.
Activestate Komodo Edit
Activestate heeft een mooie IDE gemaakt gebaseerd op het Gecko principe wat wij kennen uit Firefox en Thunderbird.
Plugins laten zich makkelijk installeren m.b.v. .xpi bestanden via de plugin-manager wat de functionaliteit van deze IDE behoorlijk kan versterken.
De community ligt een beetje stil als het gaat om ontwikkeling van de plugins.
Komodo Edit scoort hoog in de must-haves; 9/10 en voldoende in de wannahaves; 4/6
Een paar van de goede kanten hierover zijn dat de syntax-herkenning ook verschillende talen binnen hetzelfde bestand herkent en dat het inspringen van code is begeleid door mooie lijntjes.
Wat mij minder beviel was dat de FTP functie goed werkt maar bewerkelijk is en dat het bewerken van een bestand niet mogelijk is terwijl een bestand wordt opgeslagen.
jEdit
Bij jedit.org kan jEdit gedownload worden waarvan de ontwikkeling niet erg snel meer lijkt te gaan.
Deze IDE is in Java geprogrammeerd, evenals Eclipse & Aptana en heeft ook vele plugins die handig kunnen zijn, al ligt de community ook hier een beetje stil als het gaan om ontwikkeling van de plugins.
jEdit scoort redelijk in de must-haves; 7/10 en voldoende in de wannahaves; 4/6
Het viel mij op dat dit programma een geweldige search & replace functie heeft voor binnen directories, ookal zijn de bestanden niet geopend; beetje vergelijkbaar met linux commando’s find, grep & sed. De bestandsvergelijkingstool is ook heel gemakkelijk in gebruik.
Ook is mij opgevallen dat er nauwelijks sprake is van auto-completion, geen snippets zijn (of via zeer gebruiksonvriendelijke plugin) en dat de FTP bookmarks heel onsymantisch zijn.
Ultra Edit / UEStudio
€ 44,40 / €59,20
Ultra Edit is een betaalde IDE wat als voordeel heeft dat de ontwikkeling hiervan niet stilstaat.
Ultra Edit scoort maximaal in de must-haves; 10/10 en hoog in de wannahaves; 5/6
Een paar goede puntenvan deze IDE is dat er syntax-kleur-ondersteuning is voorwerkelijk alle talen, split screen op hetzelfde bestand, FTP verbindingen heel overzichtelijk zijn en zelfs gekopieerd kunnen worden.
Desondanks vond ik dat een custom extensie (*.tml = *.html) moeilijk toe te voegen was (UEStudio iets beter), geen mappen verwijderd konden worden via de (ietwat onhandig) FTP functie, Ultra Compare een apart product met aparte prijs (€ 35.65) en een bestand sluiten slechts met de muis ging.
Conclusie
Ik ben van mening dat Aptana de beste all-round webdeveloper tool is die wij kunnen gebruiken omdat het een stabiele workspace heeft en de FTP mogelijkheden (drag & drop) veruit de beste zijn.
RR