ES6 Features in NodeJS 4

Mit Erscheinen von NodeJS 4 haben einige ES6 Features es in den Sprachkern von NodeJS geschafft. Viele dieser kleinen und großen Helfer können uns Node-Progammierern den Alltag erleichtern. Demnach möchte ich euch heute einen kurzen Überblick einiger der neuen Änderungen in aller Kürze geben.

Weiterlesen


Generatoren zur Programmflusssteuerung in NodeJS

Callbacks und Promises sind euch nicht elegant genug? Ihr wollt einfach nur in Reihe verschiedene Funktionen aufrufen, aber die an sich genialen Callbacks zwingen euch dazu mehr Code als nötig zu schreiben?

Vor kurzem habe ich Promises als eine Lösung für die sequentielle Verarbeitung asynchronen Funktionen in Javascript (vor allem auch NodeJS) vorgestellt. Nun haben mit Node4 ES6 Generator-Funktionen Einzug in den Sprachkern gefunden (bereits seit 0.11.2 sind Generatoren via Flag zuschaltbar). Generatoren bieten eine weitere interessante Möglichkeit Code zu strukturieren und deshalb starten wir heute auch direkt mit einem Beispiel:

Weiterlesen


Callback-Hölle in Javascript vermeiden

Mit NodeJS haben nun nicht mehr nur Frotend-Entwickler mit dem  Callback-Klammer-Chaos tief-verschachtelter Funktionsaufrufe in Javascript zu kämpfen. Heute schauen wir uns Möglichkeiten an strukturierten und lesbaren Javascript Code (insbesondere in NodeJS)  zu schreiben.

Weiterlesen




Grundlagen der Emulator Programmierung

pong Wer kennt nicht die Klassiker wie Space Invaders, Pong oder auch Tetris? Oft kopiert finden wir sie in Versionen für unsere Handys oder PCs und sogar Taschenrechner wieder. Heute wollen wir aber einen etwas anderen Weg einschlagen. Was ist nötig, um ein Spiel wie Pong auf einen modernen Browser zu starten. Der Clou ist aber, dass wir Pong nicht selbst schreiben sondern einen Emulator programmieren werden, der eine Vielzahl an Spielen ausführen kann. Zunächst erarbeiten wir uns gemeinsam die generelle Struktur eines „Emulators“. Als zweiter Punkt steht dann die Umsetzung einzelner Befehle . Gegen Ende der Einführung sollte es kein Problem sein, einen eigenen Emulator zu schreiben und somit Eindruck schinden zu können. Weiterlesen



Javascript Fehler mit Analytics tracken

Trotz guter Tests kommt es immer wieder vor das ein Javascript beim Besucher nicht so ausgeführt wird wie erwartet. Das kann viele Ursachen haben wie z.B. nicht erwartete Eingaben des Users oder Browserplugins die bestimmte Aktionen blocken. Diese Fehler zu erkennen ist ohne Hilfsmittel unmöglich. Aus diesem Grund gibt es viele Error-Tracking Services für Javascript. Mit diesem Blogpost möchte ich kurz zeigen wie man Analytics von Google dafür nutzen kann.

Weiterlesen


Lösung für den Orientation-Change-Bug bei VW- und VH-Einheiten

Mit den Einheiten VW (Vertical Width) und VH (Vertical Height)  kann die Größe von HTML-Elementen relativ zur Größe des Browser- Viewports geändert werden (Mehr dazu in einen zukünfigen Blogpost). Leider ist auf dem Ipad die Implementierung dieses CSS3-Features verbuggt und somit werden die geänderten Viewport-Maße nicht neu gesetzt, wenn der User das Device dreht und somit den Modus von  z.B. Landscape zu Portrait ändert. Zum Glück kann man mit JavaScript das Problem lösen.

Weiterlesen


HipsterJesus – die etwas andere API

hipsterDu musst dein Proof of Concept oder dein Codebeispiel mit Leben füllen? Einfach etwas testen? Mit HipsterJesus ist das alles kein Problem mehr. Die HipsterJesus-Api stellt einfache Schnittellen für einen schnellen Zugriff bereit. Vorbei ist die Zeit in der Beispiele die nur im Kopf ihres Autors funktionieren haben. Ein Plugin für unsere Lieblings Editoren stehen natürlich auch bereit!  Hipster Ipsum plugin für Sublime Text 2 Weiterlesen