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.

Vue WebComponent mit Vue Cli erstellen

erstellt: 17.04.2019
Mit der Vue Cli v3.x lässt sich eine vorhandene Vue Component sehr schnell eine WebComponent erstellen.

Angular Material Template

erstellt: 17.04.2019
Fertiges Angular Cli Material Template um direkt loslegen zu können.

Vue.js - Functional Component

erstellt: 05.04.2019
Functional Components sind in Vue.js lediglich Components, welche props nutzen. Hierbei wird eine Component leichtgewichtiger und perfomanter.

CSS4 - Light & Dark Theme mit CSS Custom Properties (Variablen)

erstellt: 15.03.2019
Ein Light und Dark Theme kann sehr einfach mit CSS Custom Properties (Variables), welche von modernen Browsern unterstützt werden, umgesetzt werden.

Vue.js - individuelles Component Iteration-Template definieren

erstellt: 10.03.2019
Die Directive v-slot erlaubt nicht nur das Platzieren von Content, sondern auch das Bereitstellen eines individuellen Templates für Iterations-Elemente.

Vue.js - Component via Mixin erweitern

erstellt: 09.03.2019
Ein Mixin ist ein wiederverwendbarer Schnipsel für Components und kann alle Optionen enthalten, die einer Component zugewiesen werden können.
Beim Extend eines Mixin werden alle Optionen zusammengeführt (merged).

AngularJs - Custom Form Control

erstellt: 17.02.2019
Custom Form Control mittels ngModel als ngModelCtrl für AngularJs erstellen.
Durch ngModelCtrl lassen sich $viewValue und $modelValue individuell zuweisen.

AngularJs async und await verwenden

erstellt: 08.02.2019
Async und await kann in AngularJs nur in Verbindung mit $scope verwendet werden, damit Änderungen im View aktualisiert werden.
Durch die Zuweisung von $q dem window.Promise Object wird intern $q verwendet.

Vue.js - JSX Template

erstellt: 02.02.2019
Einfaches Vuejs JSX Starter Template, welches @vue/babel-preset-jsx in der Version 1.0.0-beta.2 nutzt.
Demonstriert einen einfachen Start um JSX und nicht-JSX Components zu verwenden.

AngularJs Child Reference erlangen

erstellt: 18.07.2018
Im folgenden wird erläutert wie in AngularJs eine custom Child Reference hergestellt wird.
Hier wird wie in React oder Preact ebenfalls mit einem Callback gearbeitet um ein ViewChild wie Angular2+ zu realisieren.