Sessions at WebTech Conference 2010 on Monday 11th October

Testgetriebenes Design (TDD) erzeugt u.a. weniger Fehler im Code, fördert ein wartbares Design und führt zu einer guten Testabdeckung. Der Vortrag erklärt TDD und zeigt mit einer Code-Kata TDD für JavaScript. JavaScript wird zumeist noch im Browser ausgeführt. Es werden andere Abstraktionen und andere Architekturmodelle für testbare Architekturen benötigt und die verschiedenen Testwerkzeuge für JavaScript verglichen. Abschließend werden Ansätze zur Integration der Tests in einen automatisierten Releaseprozess diskutiert.

Im Vergleich zu manuellen Tests werden durch automatisierte Akzeptanztests Fehler in der Software früher und zuverlässig aufgedeckt. Tests von Webanwendungen mit automatisierten Skripten sind fragil gegenüber Änderungen an der Funktionalität und schwer wartbar. Der Vortrag wird zeigen, wie durch Abstraktionen ("Page-Objects") Akzeptanztests gegenüber Änderungen stabilisiert werden können. Gleichzeitig führen die Akzeptanztests zu einer Dokumentation der fachlichen Funktionalität der Anwendung. Diese Dokumentation ist durch eine Strukturierung nach "Behaviour-driven Development" (BDD) für die Produktverantwortlichen verständlich und erweiterbar. Der Vortrag zeigt dabei durchgehend ein konkretes Beispiel aus der Praxis.

^Mit CSS3 Media Queries ist es möglich, die Einbindung von CSS nicht nur von einem bestimmten Medium abhängig zu machen, sondern auch davon, ob das Medium oder Ausgabegerät bestimmte Merkmale aufweist oder nicht. Webautoren können so beispielsweise auf die Breite des Browserfensters reagieren und ein Spaltenlayout auflösen, wenn die Breite für die mehrspaltige Darstellung nicht mehr ausreicht. Oder sie können spezielle Stylesheets für die Darstellung auf dem iPhone oder iPad bereitstellen, abhängig davon, wie das Gerät in der Hand gehalten wird. Dieser Vortrag führt ein in die Funktionsweise von CSS Media Queries und zeigt aktuelle Anwendungsbeispiele, die in (fast) allen aktuellen Browsern funktionieren.