Knowledge - Web-Developement

Selenium

Bei Selenium handelt es sich um ein Tool, welches per JavaScript aufgezeichnete Tests automatisiert im Browser abspielen kann. Für das Aufzeichnen und Bearbeiten der Tests gibt es eine eigene IDE, die als Firefox-PlugIn daherkommt. Einen Vortrag (link) zum Thema gibt es von Neal Ford, einem Mitentwickler von Selenium. Die Projektseite findet ihr hier. Dort erfahrt ihr auch mehr zur IDE und der Definition der Tests in anderen Sprachen.

Zum Seitenanfang

AJAX

AJAX steht für Asynchronous JavaScript and XML. Eigentlich ist diese Technik nicht neu, sondern erfährt unter diesem Namen und im Zusammenhang mit dem Buzzword "Web 2.0" einen Hype. Mit AJAX lassen sich schon viele benutzerfreundliche Sachen verwirklichen siehe GMail oder Flickr. Jedoch gibt es auch einige Haken bei AJAX, die nur umständlich gelöst werden können. Hierfür ist reichlich JavaScript notwendig. Da aber JavaScript nicht gerade zu den freundlichsten Programmiersprachen gehört, sind in der Vergangenheit viele AJAX-Frameworks für andere Sprachen aus dem Boden geschossen. Das bringt den Vorteil, dass man sich nicht mehr mit dem lästigen JavaScript herumschlagen muss.

Solche Frameworks sind zum Beispiel das javabasierte Google Web Toolkit und das php-Framework Xajax. Mit Xajax hab ich dann auch mal gleich AJAX auf einer meiner Seiten integriert. Siehe hier!

Zum Seitenanfang

CSS Tidy

Besonders für CSS-Laien bietet sich die Seite CSS4YOU als Nachschlaghilfe an. Wenn dann über mit der Zeit das CSS-File immer mehr angewachsen ist, kann es auch in Zeiten der DSL-Anschlüsse zu unnötigen Traffic kommen. Um nun seine CSS-Datei zu optimieren, kann folgender Link benutzt werden. CSS Tidy

Zum Seitenanfang

Web Developer PlugIns

In der Webentwicklung, was nicht nur HTML & CSS. betrifft, sondern auch JavaScript, PHP, ASP und JAVA benötigt man besonders zum Debuggen Möglichkeiten seinen Browser in diesem Fall den Firefox so zu erweitern, dass verschiedene Konfigurationen ausprobiert und alle notwendigen Informationen angezeigt werden können.

Web Developer Toolbar
Mit dieser Toolbar lassen sich schnell Konfigurationen ändern, Teile ausblenden oder Zusatzinformationen in die Webseite einblenden. Download-Link
Tamper Data
Tool um den HTTP/HTTPS Datenaustausch zu scannen und zu manipulieren. Damit lassen sich auch Informationen zu Tage bringen, die sonst im Verborgenen liegen. Download-Link
FireBug
Dieses PlugIn zeigt nicht nur JavaScript-Fehler an, sondern kann auch als Debugger fungieren. Download-Link
MeasureIt
Damit lassen sich Webseiten im Browser abmessen. Dies kann praktisch sein, wenn man gezwungen ist, Designs von Agenturen pixelgenau umzusetzen. Download-Link
Zum Seitenanfang