Für manche Testszenarien muss auch ein Dateidownload mit getestet werden, z.B. um die resultierende Datei auf Korrektheit zu prüfen. Für Ende-zu-Ende Tests gibt es diverse Werkzeuge, eins davon ist das von Google entwickelte Puppeteer. Mit Puppeteer lässt sich aktuell der Chrome Browser fernsteuern, eine Erweiterung auf Mozilla Firefox ist ebenfalls in Arbeit.

In diesem Beitrag wird gezeigt, wie mit Docker und Puppeteer ein entsprechendes Testszenario umgesetzt werden kann.

Seitdem Frameworks wie Angular und React zusammen mit TypeScript die Möglichkeit eröffnen, komplexe Frontend Anwendungen zu erstellen, kommt auch die Frage auf, wie diese langfristig wartbar und erweiterbar konzipiert werden können. Als Antwort auf diese Frage liefert Karsten Sitterberg die bereits bei Backend-Anwendungen bewährte Herangehensweise des Test-Driven-Development (TDD) für Browser Anwendungen.

Im ersten Teil seiner Artikel Serie führt Karsten Sitterberg die grundlegenden Begriffe und Motivation für Tests von Webanwendungen ein und liefert einen Fahrplan für eine optimale Entwicklung einer gut getesteten Anwendung.
Dabei werden sowohl die Bedürfnisse der Entwickler klassischer (MVC) Webanwendungen, als auch von Single Page Application (SPA) berücksichtigt.

Das Angular-CLI richtet mit Angular 8 einen erweiterten Support für SVG-Grafiken ein. Dies wollen wir zum Anlass nehmen, den SVG-Support von Angular einmal genauer zu beleuchten.

Karsten Sitterberg stellte auf der Jax 2019 in Mainz in seinem Vortrag "Effektives Testen von Browseranwendungen" Technologien und Frameworks vor. Der Überblick wurde dabei durch Tipps und Best-Practices für die Erstellung von wartbaren Tests ergänzt.

Bei der Java User Group Münster stellte Karsten Sitterberg Technologien und Frameworks zum Testen von Browser-Anwendungen vor. Der Überblick wurde dabei durch Tipps und Best-Practices für die Erstellung von wartbaren Tests ergänzt.

Debugging ist ein wichtiges Werkzeug in der Softwareentwicklung. Aus klassischen Umgebungen, wie Java oder .net ist Debugging in Entwicklungsumgebung (IDEs) wie beispielsweise Visual Studio, NetBeans oder Eclipse bekannt. Debugging bietet dem Entwickler...

Das seit Angular 6 als Beta verfügbare Feature "Angular Elements" wird mit Angular 7 erweitert und für den produtkiven Einsatz stabilisiert. Mit Angular Elements lassen sich mit dem Angular-Framework leichtgewichtige Web-Components entwickeln, die sich in unterschiedlichen Kontexten einsetzen lassen.

Karsten Sitterberg stellt in seinem Artikel "Architektur mit Angular Elements" vor, wie sich bereits mit Angular in Version 6 die Entwicklung von Web-Components gestalten lässt und welche Konsequenzen sich für die Architektur von Anwendungen durch die neuen Möglichkeiten ergeben.

Qualität von Frontend-Anwendungen erhöhen und sicherstellen ist ein wichtiges Ziel. Vor allem, wenn es um große Anwendungen mit hohen Investitionen geht, sollen diese oft langfristig gewartet und ausgebaut werden. Wie das Thema Qualitätssicherung am Beispiel einer Angular Anwendung angegangen werden kann, stellte Karsten Sitterberg bei dem Meetup der "Frontend Freunde" in Münster vor.

Angular Architektur stand bei dem Vortrag, der auf dem Meetup "Frontend Freunde" in Münster von Karsten Sitterberg und Thomas Kruse gehalten wurde, im Fokus. Das Angular Framework positioniert sich als opinionated Full-Stack-Framework, mit dem sich große und komplexe Frontend-Anwendungen langfristig wartbar umsetzen lassen. In dem Vortrag wurden Architekturmuster - welche sich mit Angular umsetzen lassen - für das Design einer Anwendung im Unternehmenskontext vorgestellt.

Bei dem Meetup "Frontend Freunde" hielten Karsten Sitterberg und Thomas Kruse einen technischen Vortrag zum Thema WebComponents. WebComponents waren vor einiger Zeit das Thema aller Konferenzen und Blogs. Seitdem hat sich viel getan: Version 1 des Standards ist festgeschrieben, alle großen Browser-Hersteller versprechen noch in diesem Jahr stabilen Support von Custom Elements und Shadow DOM. Damit ist ein guter Grund gegeben, um sich mit dem Thema Web Components eingehender zu befassen.

Angular 2 befindet sich in einer Phase der Stabilisierung. Der nächste Release Kandidat (RC6) soll keine inkompatiblen Änderungen mehr enthalten. Damit eine Anwendung auf einem soliden Fundament entstehen kann, sollte nicht nur die Technologie, sondern auch die Architektur beherscht werden.

In Kundenprojekten taucht immer wieder in der einen oder anderen Variante die Fragestellung auf: Wie kann eine bestehende Java Swing Anwendung am besten in das Web-Zeitalter migriert werden?

Wir haben uns eingehend mit der Anforderung und möglicher Lösungswege befasst…​