Die ersten Schritte mit VueJS – Die Installation

Hast Du vor dir mal Vue JS anzuschauen? Dann ist dieser Artikel genau richtig. Hier zeige ich Dir wie man Vue JS bei dir auf dme Rechner zum laufen kriegt. Man braucht für Vue JS node.js (https://nodejs.org). Hier könnt ihr node für Mac, Windows und Linux runterladen. Für Ubuntu User ist hier die Anleitung zur […]

Weiterlesen...

Die neusten Sachen

June 30, 2022

Alphanumeric sorting of an array with objects according to the value of an object

Especially in the frontend it happens quite often that you want to sort an array, an array with objects according to a certain pattern. Javascript has very performant and nice functions. But you can use these functions not only in the frontend. If you write your backend with NodeJS you will also appreciate the array […]

weiterlesen
avatar Martin

June 27, 2022

Was ist der Unterschied zwischen Unit-Tests und Function-Tests

Um es kurz zu fassen: Unit Tests gibt dem Entwickler ein Feedback ob sein bzw. der Code richtigfunktioniert. Dagegen machen Funktionstest eine Aussagen darüber, ob der Codeauch die richtige Sache macht. Unit Tests werden aus der Sicht des Programmierers geschrieben. Sie sollensicherstellen, dass eine bestimmte Methode (oder eine Einheit) einer Klasse eineReihe von spezifischen Aufgaben […]

weiterlesen
avatar Martin

April 1, 2022

CSS Einfache Bilder Gallery mit unterschiedlich hohen Bildern

Wer als Dev schon mal mit Bildern zu tun hatte weiß es. Bilder sind in den seltensten Fällen immer gleich groß. Aber es gibt ja auch fancy Bildergallerien die sich genau diese Diversität zu nutze machen. Und auch genau deswegen so cool aussehen. Das lässt sich ziemlich leicht mit purem CSS lösen. https://codepen.io/seotheater/pen/YzYrBqp

weiterlesen
avatar Martin

March 26, 2022

CSS not() – What?

Stellt Euch vor ihr möchtet eine CSS Property einem ganzen container zuweisen außer einem einzigen element nicht. Ihr könnt es jetzt schön manuel machen oder dem parent Element die Property zweusen aber im Selector die Pseudoklasse :not(‘selector’) noch verwenden. Somit erben alle Kinder bis auf das eine welches man aus seinem “Erbe” 😉 ausgetragen hat. […]

weiterlesen
avatar Martin

March 23, 2022

Wer Padding sagt sollte box-sizing in Erwägung ziehen

Schnell ist innerhalb einer Box ein padding links und ein padding rechts hinzugefügt. Was einigen abernicht bewusst ist, dass die padding die width des Containers ebenfalls beinflusst. Aus diesem Grund sollte man, wenn man das nicht wünscht ein box-sizing: border-box; dem Element mit dem Padding hinzufügen. Bei parent habe ich es nicht hinzugefügt und ihr […]

weiterlesen
avatar Martin

March 21, 2022

JS reduce()

Man hat ein array und möchte zum Beispiel alle Zahlen im Array kumulieren. Mit der Javascript Array Function reduce() geht das ganz leicht.

weiterlesen
avatar Martin

March 14, 2022

Return days of a month in an array

You need all days of a certain month then you can use this function: getDaysInMonth = (month,year) => new Date(year, month, 0).getDate();console.log( […Array(getDaysInMonth(3, 2022)).keys()] ); Greets!

weiterlesen
avatar Martin

March 11, 2022

Symlinks – Was sind symbolische Links

Bei einem aktuellen Projekt bin ich auf ein außergewöhnliches deployment gestoßen. Außergewöhnlich aber nicht negativ wertend gemeint. Halt nicht “state of the art”. Stack: Amazon EC2 Server mit einem NGINX Webserver. Der Ablauf ist wie folgt. Der Order html unter dem Pfad /usr/share/nginx/html war ein Symlink auf ein Verzeichnis im selben Pfad. Nennen wir den […]

weiterlesen
avatar Martin

March 9, 2022

JS flat()

Es kommt schon mal vor das man geschachtelte arrays bekommt.Zum Beispiel: Man möchte aus einem geschachteltem Array alle Werte in einem Array sammeln. Mit der array Funktion flat() ist das kein Problem. Auch mehrstuffig verschachtelte Arrays kann man geradeziehen (flatten). Indem man der flat Funktion die Anzahl der verschachtelungen die aufgelöst werden sollen, mitgibt. Da […]

weiterlesen
avatar Martin

March 8, 2022

JS bind()

Ein einfaches besipiel um JS bind() function zu verdeutlichen:

weiterlesen
avatar Martin