Developer

Open Graph Teaser

Was ist Open Graph?

HTML Open Graph Protokoll erweitert eine Webseite, mit dieser Erweiterung kann die Webseite in sozialen Kanälen besser dargestellt werden. Das Protokoll sagt dem Netzwerk, z.B. Facebook oder Twitter, welches Bild und welcher Text die Webseite wiederspiegelt.

Arbeitsumgebung einrichten Teaser

Arbeitsumgebung einrichten

HTML Ich gebe dir hier meine Arbeitsumgebung als Muster, es kann jederzeit angepasst und deinen Wünschen erweitert werden. Es soll dir als Beispiel für die Grundausrüstung dienen.

JavaScript OOP Teaser

JavaScript: OOP – Klassen, Methoden und Vererbung

Java Script Mit JavaScript ist es möglich Objekt Orientiert zu programmieren (OOP). Dies bedeutet das der Code eine modulare Struktur aufweist, der Vorteil bei dieser Programmierart ist die Wartbarkeit sowie die Erweiterbarkeit.

Javascript Funktionen clonen

JavaScript: Funktionen klonen & manipulieren

Java Script In Java Script ist es möglich Funktionen in eine Variable zu speichern und die Originale Funktion zu überschreiben. Dies ermöglicht es z.B. bei einem Videoplayer den Playbutton zu tracken.

LESS Mixins Teaser

LESS Mixins

LESS Mixins sind vordefinierbare CSS Eigenschaften, die per Aufruf in die Klasse geladen werden kann. Es gibt 2 Arten von Mixins, die mitausgegeben werden und die nur im LESS vorhanden sind. Des weiteren ist es möglich Mixins Variablen zu übergeben um diese im Mixin zu verwenden.

LESS Variablen

LESS Variablen

LESS In LESS können Variablen erstellt werden, in diese man z.B. URL's, Farbwerte oder Abstände speichern kann um eine höhere Wartbarkeit zu schaffen.

LESS Dateien importieren

LESS Dateien importieren

LESS Mit dem Import Befehl können die LESS Dateien auf mehrere aufgeteilt werden und nach und nach geladen werden. In diesem Beispiel werde ich die Farbwerte in die variables.less speichern und die Klassen in die style.less.

LESS installieren & anwenden

LESS installieren und anwenden

LESS LESS ist ein Präprozessor der CSS mit Variablen , Funktionen und Vererbung erweitert. Dadurch kann eine saubere und schnellere Entwicklung von CSS gewährleistet werden.

CSS Styles definieren

CSS Styles definieren

CSS Übersicht von Styleanwendungen auf verschiedene Objekte.  Es wird erklärt wie auf Class , ID , HTML Tag Styles übertragen werden. Des weiteren wird noch das

Was ist continue?

JavaScript – Was ist continue?

Java Script In Schleifen können Labels gesetzt werden, dies sind Markierungen vor einer Schleife. Mit continue springt man zu diesem Label vor einer Schleife.

Was ist rekursives Programmieren

Was ist rekursives Programmieren?

Theorie Kurz gesagt rekursives Programmieren bedeutet, dass eine Funktion oder Methode sich selbst aufruft.

klimabewusste Website