mozaikoo 3.5 Design Guides

Einleitung

Diese Dokumentation richtet sich an Benutzer, die Arbeiten am Template einer vorhandenen Frontend-Applikation in Ember.js^* (inklusive API und Backend) vornehmen möchten.

Dazu gehören:

• die Konfigurationsmöglichkeiten und Struktur der Templates
• der Templateaufbau
• die Einstellungen für das Template im Backend, die aus den Konfigurationsdateien des Templates gelesen werden
• und das Design der Seiten und Elemente.

Die JavaScript-WebApp von mozaikoo verwendet (Ausnahmen) zum Erstellen der Templates die Glimmer-VM mit einer Handlebars-Syntax, die sich htmlbars nennt.

Für Ember-WebApps wurden die Handlebars- und ember.js-Tags um Helper und Komponenten erweitert. Dazu gehören Formatierungs-Hilfmittel, Textbehandlungshilfen, Logik-Operatoren, Variablen-Hilfen und Hilfmittel zum Errechnen von Werten.

Referenzen für den Einstieg

Das mozaikoo 3.5 Webdesign verwendet als Standard-Framework UIKit. Wir empfehlen, die UIKit-Klassen-Dokumentation zu lesen oder parat zu halten. Für JavaScript-Komponenten aus UIKit wurden ECMAScript-kompatible Wrapper geschrieben. Diese können als Komponenten im Templatedesign verwendet oder im Backend direkt im Editor als HTML aufgerufen werden. Style-Anweisungen werden standardmäßig in LESS geschrieben und zu CSS kompiliert. Wir empfehlen die LESS-SCSS-Dokumentation.

Als Einleitung in das Templating empfehlen wir die Templating Basics von Ember.

Als Editor zur Bearbeitung sowohl der Styles, als auch der Handlebars-Dateien (.hbs) empfehlen wir Visual Studio Code von Microsoft (kostenlos) mit Ember JS Snippets und Ember Language Server als aktivierte Erweiterungen sowie ES- und HTML-Linter nach Wahl.

^* Für die Installations-Anleitung aus dem GIT-Repository, API-Deployment oder alternative Frontend-Apps in React, mobile Apps in React-Native oder als Portals, (s. google web.dev) wenden Sie sich bitte an den Support.