Drei nützliche JavaScript Object Funktionen

Es gibt im JavaScript viele nützliche Array Funktionen aber wiederum gelten die nicht für Objekte. Das kann zum Beispiel ein Grund sein, warum man sich einer Object Funktion bedient um daraus ein Array zu machen. Ich stelle im Folgenden die Funktionen: Object.keys, Object.value und Object.entries vor. Ausgangsituation wäre ein nettes Objekt: Das sind nämlich die […]

Weiterlesen...

April 8, 2021

Javascript – Das doppelte Ausrufezeichen

Der ein oder andere hat es vielleicht schon gesehen. In Javascript gibt es das doppelte Ausrufezeichen und nicht jeder kann damit auf anhieb etwas anfangen. Mein erster Gedanke war. Doppelte Verneinung. Ein häufiges Stilelement aus der russischen Sprache. Manche denken das ist ein Operator. Wieder andere denken, dass ist ein Tippfehler. The double exclamation mark […]

weiterlesen
avatar Martin

February 19, 2021

Javascript Prototype mal kurz erklärt

JavaScript ist eine prototypenbasierte Sprache. Was soll das eigentlich sein? Heute werde ich euch erklären, was Prototypen sind. Was sind Prototype? Zunächst einmal sollten wir uns nicht von dem Wort “Prototyp” verunsichern lassen. Um ehrlich zu sein klingt es abstrakt und irgendwie fancy. “Prototyp” ist ein System. Dieses System erlaubt dir, Eigenschaften von Objekten zu […]

weiterlesen
avatar Martin

January 27, 2021

Javascript – Die geschweifte Klammer in der Funktions Parameterliste

Vielleicht habt ihr das schon mal gesehen. Eine geschweifte Klammer in der Funktionsparameterliste. Was ist das und wozu ist das gut? Um hier Licht ins dunkel zu bringen, bediene ich mich eines kleine Fallbeispiels. Im folgendem Beispiel möchte ich aus einem Objekt den Namen der Person mit der id = 8 finden. Vielleicht erkennt der […]

weiterlesen
avatar Martin

January 15, 2021

Wie merge ich zwei Javascript Objekte

Der Ein oder Andere wird im Laufe seiner Javascript Entwicklung an einen Punkt gekommen sein zwei JavaScript Objekte zusammenzuführen. Quasi „mergen“. Ein Fallbeispiel könnte sein, ihr habt eine JS Klasse mit einer Membervariablen vom Typ „Object“ die Texte im key-value beinhaltet. Nun wollt ihr statt „Tschüßi Kowski“ doch lieber Auf Wiedersehen ausgeben. Eine Möglichkeit ihr […]

weiterlesen
avatar Martin

January 12, 2021

Tailwind und VanillaJS – Toast Hawaii bzw. Notification

Stellt euch vor ihr wollt für ein Shop eine Notification oder auch bekannt als Toast ausgeben. Zum Beispiel Produkt in Warenkorb gelegt. Oder „ups, leider ist das Produkt in ihrer Größe nicht mehr vorhaben. Es gibt hier echt viele und gute Bibliotheken. Aber ich will selber eine Toaster Klasse bauen, weil mir der Overhead gerade […]

weiterlesen
avatar Martin

January 9, 2021

TailwindCSS und VanillaJS – Step Progress Bar

Ich persönlich finde bei Bestellvorgängen oder Behördenformularen es extrem hilfreich eine sogenannte Prozessverfolgung auf dem Bildschirm zu haben. Damit weiß man stets Bescheid, wo man gerade ist und wie lange das noch in etwa dauern kann. Ich dachte mir, es ist Samstagabend und die Kinder sind im Bett und die bessere Hälfte macht noch Steuern, […]

weiterlesen
avatar Martin

January 6, 2021

Object Orientierte Programmierung in Javascript

Vor 10 Jahren hielt ich immer Abstand von Javascript. Nur wenn es sein musste habe ich mich mit JS beschäftigt. Das waren mir zu viel geschweifte Klammern und Callbacks und es haftete an Javascript ein schlechtes Image, was die Sicherheit anging, an. Um auch ganz ehrlich zu sein, ich hatte Probleme Javascript Code richtig zu […]

weiterlesen
avatar Martin

December 7, 2020

Einstieg in axios.js

Das tägliche Brot eines Webentwicklers sind XHR / Ajax Anfragen zu generieren. Also man fragt an einer Schnittstelle nach Daten an. Das ist auch ein alter Hut. Dafür gibt es auch nicht einen Weg sondern viele. Und keiner ist richtiger oder falsch. Es ist immer Geschmackssache und vom Fall abhängig. Ich bevorzuge in meiner Javascript […]

weiterlesen
avatar Martin

October 14, 2020

Javascript async/await kurz mal erklärt

Async steht für asynchron. Man kann async vor eine Funktion oder Klassenmethode setzen. Ruft man jetzt die Funktion auf, erhält man statt dem true ein Promise. Das bedeutet das der Rückgabewert in einem Promise verpackt wird, was erst einmal aufgelöst werden muss. Await – Wer async sagt sollte await nutzen …und wer await sagt muss […]

weiterlesen
avatar Martin

SeoTheater Autoren