Ha már tudjuk, hogy mi mindent is akarunk magunknak összefejleszteni akkor szükségünk lesz pár eszközre. Persze a webfejlesztéshez a legnélkülözhetetlenebb eszköz a palacsinta, de bizonyos ügyekhez e mellett másra is szükségünk lesz.

Eszközök

Megpróbálom felsorolni azokat az eszközöket amire szükségünk van a webfejlesztéshez, lehetőség szerint ingyenes használható programokra koncentrálva. Ahol nem ismerek jól használható ingyenes változatot ott fizetőset fogok javasolni az ár megjelölésével.

Számítógép

😛 Az esetek többségében elég kicsi hardverrel megoldható.

Böngészők

• Platformfüggetlen: Firefox 2,3, és legalább egy nem grafikus böngésző, illetve ha az alkalmazásunk mobilon is megjelenik akkor egy olyan is.
• Linux: nem grafikusok: lynx vagy a links
• Windows: IE6, 7
• Mac OS X: Safari

HTML, CSS és JavaScript szerkesztő

Ezekkel szemben minimális elvárás a kódszínezés, ezen kívül a projekt kezelés és a kódkiegészítés is jól jön. Az egyes alkalmazások ezeken felül még kismillió egyéb kisebb-nagyobb segítséget adhat a kezünkbe.

• Platformfüggetlen: Komodo Edit, Eclipse
• Linux: Quanta, Bluefish, Vim, mcedit, gedit, kedit, gvim stb
• Windows: Notepad++, PSPad, Dreamweaver (399 $)
• Mac OS X: Smultron, Xcode

Fejlesztői környezet

Remélem azzal mindenki egyetért, hogy közvetlenül a neten dolgozni fejlesztés közben egyrészt meglehetősen kényelmetlen, másrészt eléggé biztonságtalan megoldás. Tehát garantáltan szükségünk lesz egy saját fejlesztői környezetre a gépünkre. Ez többnyire egy webszervert – többnyire Apache-ot -, egy szerver oldali nyelvet – mondjuk PHP-t -, valamint egy adatbázis kezelőt – mondjuk MySQL-t – jelent. Ezeket külön-külön is telepíthetjük a gépünkre, vagy használhatunk olyan csomagot ami magába foglalja mindegyiket.

• Platformfüggetlen: Xampp
• Linux fejlesztési környezet

Adminisztrációs eszközök

A saját fejlesztői környezetünket biztosan valamilyen szinten adminisztrálni is kell. Ezeket a szerver alkalmazásokat többnyire szöveges ini vagy conf fájlokon keresztül tudunk finomhangolni, amihez nincs szükség külön programra, bármelyik szövegszerkesztő alkalmas rá. A MySQL adatbázisok kezelésére használhatjuk a mysql konzolt, vagy valamilyen grafikus alkalmazást.

• Platformfüggetlen: phpMyAdmin

Adatbázis tervező

Az adatbázisok felépítésénél jó segítség ha van valamilyen grafikus tervező alkalmazásunk. Erre használhatunk egy tetszőleges grafikai programot vagy egy direkt AB tervező alkalmazást. Ezek előnye a grafikai programokkal szemben, hogy sokszor tudnak SQL-be exportálni, illetve javaslatokat adni az indexekre és egyéb nyalánkságokra.

• Platformfüggetlen: DBDesigner

Ftp alkalmazás

Elkészült fájlainkat időnként azért biztosan fel kell töltenünk egy nyilvánosan elérhető webszerverre. Ilyenkor elő kell kapnunk a kedvenc ftp alkalmazásunkat.

• Platformfüggetlen: FTP-Go
• Linux: Krusader, gftp
• Windows: Total Commander (Shareware)
• Mac OS X: Transmit

Grafikai programok

Időnként azt sem ússzuk meg, hogy hozzá kelljen nyúlni valamilyen grafikai részhez.

• Linux: Gimp
• Windows: Gimp, Photoshop (649 $)
• Mac OS X: Gimp app

SVN kliens (és szerver)

Verziókövetéshez az SVN a legmegfelelőbb eszköz, egy használat után rászokáshoz vezet. SVN szerver minden platformra elérhető, bár telepítésük néha kissé macerás.

• Platformfüggetlen: JSVN
• Linux: Kdesvn
• Windows: TortoiseSVN
• Mac OS X: svnX

SSH

Minden rendszerben elérhető a parancssori SSH kliens. Távoli szerver adminisztrációnál jön jól, elég ritkán használjuk általában.

Debuggerek (kliens oldal)

A fejlesztés során fellépő hibákat valahogyan meg kell találnunk. A szerver oldali hibakereséshez (vagyis a PHP debughoz) még mindig nem találtam könnyen kezelhető, normális és ingyenes eszközt.

• Platformfüggetlen: Firebug

Hibakövetés

Abban az elképesztően ritka esetben 😛 amikor a megtalált hibát nem tudjuk azonnal kijavítani nélkülözhetetlen a hibák formalizált nyilvántartása. E nélkül nem lehet egy közepes méretű vagy annál nagyobb webalkalmazást fejleszteni.

• Platformfüggetlen: Mantis, Bugzilla, GNATS

Többnyelvűsítés

• Platformfüggetlen: Poedit