MuchaDev

Tutorials & Projekt Entwicklung

Dev Blog über Tutorials und eigene Projekte

MithrilJs - Note App Code veröffentlicht

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

Angular - Dynamische Component erzeugen

erstellt: 20.05.2017
Das Erzeugen einer dynamischen Component in Angular erlaubt das Hinzufügen eines Templates zur Laufzeit und ermöglicht so ein asynchrones Hinzufügen von zuvor nicht deklarierten Componenten und NgModules.

Mithril - Parent Funktion in Child Component aufrufen

erstellt: 14.05.2017
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 - Basic Setup

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

Express - Basic Express App Setup

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

JavaScript - Async, Await und Promise anhand FileInput

erstellt: 17.04.2017
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.

JavaScript - Array Operationen

erstellt: 13.04.2017
Gängige Linq JS Listen Operationen mittels Vanilla Javascript Array Operationen umsetzen und so ein Third Party Package einsparen.
Achtung: Manche Operationen sind nur in ES6 verfügbar!

Angular - Custom Pipe OrderBy

erstellt: 12.04.2017
Ein Custom Pipe ermöglicht das definieren von weiterer Funktionalität, welche gerade beim Iterieren von Einträgen von Nutzen sein kann.
Hier erstellen wir einen Angular Custom Pipe, welcher die "OrderBy" Funktionalität mittels FieldName ermöglicht

AngularJs - Leeres Filter Ergebnis

erstellt: 18.02.2017
Mit einer einfachen Abfrage lässt sich im Falle eines leeren Filter Ergebnis eine entsprechende Nachricht anzeigen

AngularJs - Timer Component

erstellt: 15.02.2017
Einfache AngularJs Timer Component, welche einen Zeitfortschritt mit individuellem Startzeitpunkt und Ausgabeformat mit MomentJs anzeigt.