MuchaDev

Tutorials & Projekt Entwicklung

Dev Blog über Tutorials und eigene Projekte

Willkommen auf MuchaDev

MuchaDev ist eine gemeinnützige Webseite, welche Tutorials bezüglich Webentwicklung, Hybridentwicklung, Desktopentwicklung und Spieleentwicklung mit verschiedenen Frameworks veröffentlicht. Darüber hinaus werden auch eigene Projekte veröffentlicht.

Angular Custom Pipe OrderBy erstellen

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

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.

Neuer Info Bereich

erstellt: 29.01.2017
Zusätzlich zu den Tutorials, den eigen erstellten Projekten werden nun auch News zu geplanten Projekten, deren Status und Struktur-Änderungen der Seite veröffentlicht.

Electron - Desktop Beispiel App erstellen

erstellt: 26.01.2017
Electron erlaubt das Ausführen von Html 5 Anwendungen als Desktop Applikation.
Zusätzlich benutzen wir die Packages "electron-reload" für ein Live-Reload während der Entwicklung und "electron-packager" für das finale Builden.

Angular Input File als Component auslagern

erstellt: 15.01.2017
Durch das Auslagern von dem File Input in eine eigene Angular Component lässt sich redundanter Code vermeiden.
Zusätzlich ist man in der Lage andere Elemente zu nutzen, die sich stylen lassen was bei dem File Input nur bedingt möglich ist.

Angular - Component Library erstellen

erstellt: 14.01.2017
Das Erstellen einer Angular Component Library erlaubt das einfache Wiederverwenden von Javascript Code.
Nach dem Erstellen hosten wir die Component Library auf GitHub um sie später in anderen Projekten installieren zu können.

AngularJs - C# Web Api Server

erstellt: 11.01.2017
C# Web Api mit Entity Framework als Server Applikation, die über HTTP Requests von einer AngularJs Single Page Application angesteuert wird.

AngularJs - Custom Build mit Gulp erstellen

erstellt: 11.01.2017
Custom Build mit Gulp erstellen und somit den Code für den Produktions Einsatz minimieren und durch uglify unlesbar machen.

AngularJs - Dokumente mit Docx Templates erstellen

erstellt: 10.01.2017
Mit DocxTemplater lassen sich aus .docx-Vorlagen und Daten einfach Dokumente erstellen.