Tag

MithrilJs Note App ist eine einfache und super schnelle "Notiz" HTML5 Applikation, deren Source Code in purem JavaScript auf GitHub veröffentlicht wurde.

Das Aufrufen / Auslösen von Funktionen einer Haupt Komponente in einer Sub / Child Komponente macht das Auslagern von wiederkehrenden Abschnitten einfacher.
z.b. für NavBar / Menu Komponenten

Mithril ist ein leichtgewichtiges Javascript Framework zum Erstellen von Single Page Applications. Folgend ein einfacher Aufbau für eine Mithril App.

Express ist ein schnelles, einfaches und flexibles Node.js Framework, welches das Einrichten eines JavaScript Backend erleichtert.
Hier demonstriert mit einem simplen Setup.

Async und Await via ECMAScript 2016 (ES7) erleichtern das Behandeln von asynchronem Code.
Hier anhand eines Beispiels mit einem Input type "file".

Achtung: Wenn man nach ES5 kompatibel sein will, muss man PolyFills nutzen.

Gängige Linq JS Listen Methoden lassen sich mittels Vanilla Javascript Array Methods umsetzen und so ein Third Party Package einsparen.
Achtung: Manche Methoden sind nur in ES6 und höher verfügbar!

Eine Angular Custom Pipe ermöglicht das Definieren von weiterer Funktionalität, welche z.B.: beim Iterieren von Einträgen genutzt werden kann.
Hier wird eine injectable Custom Pipe erstellt, welche sowohl im View als auch in einer anderen Component genutzt werden kann.
Für das Sortieren wird eine einfache ".sort" Methode implementiert, die beliebig erweitert werden kann.
Zu beachten ist hier "transform", welche Zugriff auf die zu iterierende Einträge und weitere Parameter ermöglicht.

TypeScript Klassen für AngularJs

Ein simples AngularJs Basic Setup mit Routeprovider und Controller als "vm" Deklaration.