Читать книгу Angular - Ferdinand Malcher - Страница 120

Zu einer Webanwendung gehört natürlich noch mehr als nur Logik, Struktur und Templates. Wir wollen uns in diesem Buch aber vor allem auf die Arbeit mit Angular konzentrieren und nicht mit aufwendigen Style-Definitionen aufhalten. Trotzdem soll unsere Anwendung ein ansprechendes Layout besitzen.

Style-Framework Semantic UI

Im Laufe der letzten Jahre haben sich viele CSS-Frameworks zur Gestaltung von responsiven Webseiten herausgebildet. Bootstrap CSS¹⁰ und Semantic UI¹¹ sind zwei bekannte Vertreter dieser Frameworks. Für den BookMonkey wollen wir Semantic UI verwenden. Das Paket ist leichtgewichtig und bringt schlichte und flache UI-Elemente mit. Wir verwenden eine schlanke Version von Semantic UI, die uns lediglich die CSS-Definitionen liefert. Das hat den Vorteil, dass wir in unserem Projekt keine zusätzlichen Abhängigkeiten zu anderen Frameworks haben (z. B. jQuery¹²).

Zur Installation des Frameworks navigieren wir auf der Konsole in das Hauptverzeichnis BookMonkey. Dort installieren wir das Paket über NPM:

$ npm install semantic-ui-css