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 Form Controls im Template mittels Keys Pipe iterieren

erstellt: 19.05.2018
Mithilfe des Angular Reactive FormBuilder lassen sich schnell FormControls definieren und einer FormGroup zuordnen.
Hierbei fügt Angular die FormControls in das jeweilige Objekt unter controls an (z.B.: myFormGroup.controls).
Doch was ist, wenn man den Template Part mittels *ngFor realisierieren möchte und ein eigenes dynamische Formular aufbauen möchte?

Angular Component Library mit ng-packagr erstellen

erstellt: 29.04.2018
Das Erstellen einer Angular Component Library mittels ng-packagr erlaubt das einfache Wiederverwenden und Extrahieren von Angular Modulen und Components.
Nach dem Erstellen lässt sich die Component Library lokal mittels "npm pack" installieren.

C# Web Api mit Entity Framework

erstellt: 19.03.2018
Mit Visual Studio Community 2017 lässt sich schnell eine C# Web Api realisieren, die das Entity Framework zur Datenbank Kommunikation nutzt.
Die C# Web Api lässt sich einfach mit Postman testen, sodass zum Testen nicht zwingend ein Client erstellt werden muss.

Slim 3 - Datei Upload via Javascript + Axios

erstellt: 11.02.2018
Der Datei Upload erfolgt mittels Javsacript Client.
Hierbei dient eine einfache HTML Datei, die in der Funktion "window.onload" einen EventListener zum Input vom Typ "file" hinzufügt.

Slim 3 - Manuelles Setup mittels Composer

erstellt: 02.02.2018
Slim 3 ist ein minimalistisches PHP Framework, welches das Erstellen von einer REST API vereinfacht.
Mit folgendem manuellem Slim Setup lässt sich die Anzahl der Dependencies besser regeln und überschauen.

Mithril - Referenz Zugriff auf Child Componenten

erstellt: 11.11.2017
Wenn man kein Flux Pattern benutzt, kann die Kommunikation zwischen mehreren Components schwierig werden.
Gerade bei asynchronen Funktionen in Sub Components (z.B. "refresh" einer SubComponent, welche eine async Funktion aufruft), die nach Ereignissen in der Haupt/Parent Compnent aufgerufen werden sollen.

Javascript - Array Filtern und Hervorheben mit Regex

erstellt: 28.10.2017
Filtern und Hervorheben von Einträgen eines Arrays mit Hilfe von Javascript Regex.

AngularJs Material Typescript Template

erstellt: 25.10.2017
Fertiges AngularJs Material Webpack Typescript Template mit SCSS Support um direkt loslegen zu können.

Ionic - Android APK signieren

erstellt: 10.10.2017
Das manuelle Erstellen und Signieren über Konsole oder Third Party Tools kann oft zu Problemen führen.
Mit folgendem Setup lässt sich der Signiervorgang einer Android APK-Datei erheblich vereinfachen.

MithrilMdl v0.9.0

erstellt: 31.08.2017
MithrilMdl 0.9.0 Breaking Changes.
Components werden nun einzeln aus 'mithrilmdl' exportiert.
z.B.: import { Button } form 'mithrilmdl'