Bootstrap Studio und React Studio: UI-Designer für Web-Apps

Entwickler, die vom Desktop ins Web wechseln, wundern sich gelegentlich, dass hier noch fast alles per Hand codiert wird. Ein Editor mit Syntaxhervorhebung genügt meist, um Anwendungen zu erstellen. Was zunächst reizvoll und nach ehrlicher Programmierung klingt, kann jedoch schnell nerven. Denn heutige Bedienoberflächen müssen intuitiv zu erschließen sein und ein ansprechendes Design bieten. Weil beides nicht einfach zu erreichen ist, trennen viele Softwarehäuser Entwicklung und Oberflächenerstellung personell. Die Werkzeugkiste des Designers ist natürlich eher mit Grafiktools als mit klas­sischen Editoren und integrierten Entwicklungsumgebungen gefüllt. Aber auch wenn eine Person beide Aufgaben er­ledigt, wünscht sie sich vielleicht Hilfe. Hier kommen grafische Designer wie Bootstrap Studio und React Studio ins Spiel (siehe ix.de/z6n9).

Bei der Frontend-Entwicklung läuft die App im Browser, und hier handelt es sich bekanntermaßen auf unterster Ebene nach wie vor um ein Zusammenspiel aus HTML (Struktur), CSS (Design) und JavaScript (Interaktion). Ein entfernter Server liefert die Daten. Da komplexe Webanwendungen auf Wiederverwendung setzen, kommen auf allen Ebenen Bibliotheken und Frameworks zum Einsatz. Bibliotheken stellen diverse Funk­tionen bereit, zum Beispiel zum Gestalten des User Interface. Diese Komponenten lassen sich nach Belieben in eigenen Anwendungen verwenden und kombinieren. Frameworks geben der Applikation eine Struktur. Das kann eine Architektur für Komponenten oder die Art der Navigation zwischen den Elementen sein. Zum Auslagern spezialisierter Aufgaben wie der Oberflächengestaltung nutzen Frameworks Bibliotheken.