Heise Blog

Seit Version 10.5 stellt Node.js sogenannte Worker Threads als experimentelles Feature zur Verfügung. Diese Blogartikel stellt das Feature kurz vor.

Web Worker eignen sich hervorragend dazu, komplexe Berechnungen vom Haupt-Thread einer Webanwendung auszulagern und damit die Performance einer Anwendung zu verbessern. Eine interessante Bibliothek, die die Kommunikation zwischen Worker-Threads und Haupt-Thread vereinfacht, ist Comlink.

Das Implementieren von Bestell- beziehungsweise Bezahlprozessen innerhalb von Webanwendungen kann mitunter recht komplex sein. Die sogenannte Payment Request API, die momentan beim W3C ausgearbeitet wird und vor etwa einem Monat zusammen mit den Payment Method Identifiers als "Candidate Recommendation" veröffentlicht wurde, soll hier Abhilfe schaffen.

Ein wesentliches Design-Prinzip unter Node.js ist es, den Code getreu dem Motto "small is beautiful" in möglichst kleine, wiederverwendbare Packages zu strukturieren. Bei komplexeren Projekten kann das jedoch schnell unübersichtlich werden, wenn für jedes Package ein eigenes Git-Repository zu verwalten ist. Das Tool "Lerna" verspricht Abhilfe.

Bei der Web Incubator Community Group werden verschiedene Vorschläge für neue Web APIs diskutiert und ausgearbeitet. Eine davon ist die Shape Detection API, mithilfe derer sich über den Browser verschiedene Formen wie Gesichter oder Barcodes innerhalb von Bilddaten erkennen lassen.

Bislang gibt es für das Teilen von Inhalten zwischen mobilen Webanwendungen keinen einheitlichen Ansatz. Doch dies könnte sich bald ändern, denn bei der Web Incubator Community Group macht man sich bereits Gedanken über entsprechende Web APIs: Über die Web Share API soll das Teilen von Inhalten möglich sein, über die Web Share Target API das Empfangen von Inhalten.

Die Schnittstelle, um in JavaScript mit Cookies zu arbeiten, hat mindestens zwei Probleme: Zum einen ist der Zugriff auf Cookies nicht gerade komfortabel, zum anderen ist die Synchronität der Operationen rund um document.cookie nicht mehr zeitgemäß. Dagegen will die Async Cookies API Abhilfe schaffen.

Nach der Sommerpause stehen hierzulande wie in den vergangenen Jahren auch wieder einige interessante Veranstaltungen vor der Tür, die sich mit allen wichtigen Themen rund um die Webentwicklung beschäftigen.

Die Font Loading API bietet einen standardisierten Weg, um Schriften dynamisch per JavaScript zu laden. Dadurch macht sie die bisherigen Vorgehen überflüssig.

Die Bibliothek stacktrace.js ermöglicht den browserunabhängigen Zugriff auf Stacktrace-Informationen und bezieht Lokalisierungsinformationen aus Source Maps mit ein, um von der minifizierten Version Rückschlüsse auf Zeilen- und Spaltennummer im Originalcode ziehen zu können.

Das Einbeziehen von Sensorinformationen wird auch bei der Entwicklung von Webanwendungen immer wichtiger. In den vergangenen Jahren haben sich beim W3C verschiedene Spezifikationen angesammelt, in denen Schnittstellen zu bestimmten Arten von Sensoren beschrieben werden, beispielsweise die Device Orientation API, die Geolocation API, die Proximity Events API oder die Ambient Light Sensor API.

Das Thema Bluetooth wird zunehmend auch für den Bereich der Webentwicklung interessant. Während es für mobile (native bzw. hybride) Anwendungen bereits relativ viele Möglichkeiten gibt, per Bluetooth auf andere Geräte zuzugreifen (beispielsweise via PhoneGap-Plug-ins, die für den Nutzer transparent bleiben), ist das aus dem Browser heraus nur über Plug-ins möglich, die der Nutzer selbst installieren muss (z.B. Brulee SDK). Hier soll die Web Bluetooth API Abhilfe schaffen.

Die Entwurfsmuster der Gang of Four sind eine Sammlung bewährter Lösungen zu häufig auftretenden Problemstellungen, soweit dürfte allgemein bekannt sein. Doch wie sieht es mit der Relevanz dieser Entwurfsmuster für die Sprache JavaScript aus?

Auch dieses Jahr stehen wieder eine Reihe interessanter Veranstaltungen zu den Themen HTML, CSS und JavaScript an. Die folgende Auflistung zeigt einige kommende Events innerhalb Deutschlands für das erste Halbjahr 2016.

Die Features, die offiziell Einzug in die nächste Version des ECMAScript-Standards Einzug halten werden, sind seit letzter Woche final. Dazu gehören alle Features, die bis zum 28.01.2016 Stage 4 erreicht hatten, was – nun ja – lediglich zwei neue sind: die neue Array-Methode includes() sowie der Potenzierungs-Operator. Gute Gelegenheit, sich beides einmal kurz anzuschauen.

Im vorigen Artikel dieser Serie hatten wir gesehen, dass der instanceof-Operator in JavaScript in einigen Fällen problematisch sein kann, nämlich immer dann, wenn man mit mehreren Versionen der gleichen "Klasse" (bzw. des gleichen Prototypen) arbeitet. In diesem Artikel nun möchte ich auf diese Problematik zurückkommen und einige Lösungsansätze skizzieren.

MongoDB ist eine beliebte und verbreitete NoSQL-Datenbank. Wer ihre API nutzen, aber lieber lokal mit IndexedDB oder LocalStorage arbeiten möchte, kann auf das Node.js-Modul minimongo zurückgreifen, das einen (kleinen) Teil der MongoDB-API implementiert, im Hintergrund aber unter anderem besagte Speichermöglichkeiten nutzen kann.

In einem meiner letzten Blogbeiträge hatte ich erwähnt, dass Typüberprüfungen in JavaScript nicht ganz ohne sind. Was war noch schnell der Unterschied zwischen typeof und instanceof? Und funktionieren beide Operatoren wirklich so, wie man das selbst auch gedacht hat? Fragen, mit denen sich JavaScript-Entwickler irgendwann beschäftigen sollten. Besser heute als morgen.

Nachdem mit Smartwatches nun der nächste Trend in den Startlöchern steht, sehen sich Webentwickler bereits vor einer neuen Herausforderung: Wie kann die Oberfläche einer Webanwendung an runde Displays angepasst werden? Responsive Design bezieht sich derzeit ja schließlich immer auf rechteckige Displays.

Insbesondere Sprachneulinge dürften anfangs über den ein oder anderen typbedingten Fehler bei der JavaScript-Entwicklung stoßen. Typüberprüfungen in JavaScript sind nämlich so eine Sache: Was war nochmal der Unterschied zwischen dem typeof- und dem instanceof-Operator? Und was der Unterschied zwischen null und undefined? Warum gibt der typeof-Operator für Arrays und reguläre Ausdrücke den Wert "object" zurück, für Funktionen aber den Wert "function" (obwohl diese ja eigentlich auch Objekte sind)?

Nachdem es dieses Jahr schon einige großartige Events zu den Themen HTML, CSS und JavaScript gegeben hat, stehen weitere noch kurz vor der Tür. Im Folgenden dazu eine Liste der noch im Jahr 2015 kommenden Veranstaltungen innerhalb Deutschlands.

Wie in jeder anderen Programmiersprache gibt es auch für JavaScript eine Reihe von Best Practices und damit einhergehenden Bad Practices. Aufgrund seiner dynamischen Eigenschaften hat JavaScript zudem verschiedene Tücken, die Entwickler kennen sollten. Diese neue Artikelreihe soll sich mit all dem beschäftigen: Best Practices, Bad Practices und den Eigenarten der Sprache. Den Anfang machen Callback-Funktionen.

Ein Feature, welches es nicht mehr in den ES6-Standard geschafft, aber mittlerweile den Status eines Draft inne hat und somit für eine Aufnahme in ES7 ganz gut positioniert scheint, ist die Methode Object.observe().

Ein interessantes Modul für das Definieren von Cron-Jobs oder ganz allgemein für das zeitgesteuerte Ausführen bestimmter Aufgaben ist Later. Es lässt sich mit Node.js und auch im Browser einsetzen und benötigt dabei keine Datenbank.

Im Februar hat das W3C die Pointer Events API als Recommendation veröffentlicht. Dies und die Tatsache, dass sich Browserhersteller Google (nach einigem Hin und Her in der Vergangenheit) nun doch dazu entschieden hat, die Pointer Events API zu implementieren (und nicht wie Apple auf der Touch Events API beharrt), sei zum Anlass genommen, noch einmal kurz zu zeigen, was es mit ihr auf sich hat.

Der Nachteil bei den meisten Node.js-Modulen für die Bildbearbeitung ist, dass sie lediglich Wrapper um bereits existierende Tools sind und somit zusätzliche Installationen voraussetzen. Doch nicht immer möchte man solche Abhängigkeiten haben. Hier setzt LWIP an.

AJAX-basierte Anfragen lassen sich, wenn man keine Hilfsbibliotheken wie jQuery hinzunimmt, eher umständlich formulieren. Die neue Fetch API verspricht hier eine einfach zu bedienende, auf Promises basierende Alternative.

Während ES6 in den Startlöchern steht, gehen bereits fleißig weitere Beiträge für ES7 ein. Einer davon ist der vor Kurzem veröffentlichte Vorschlag der sogenannten Decorators von Yehuda Katz.

Im ersten Teil der "Ich kenne was..."-Reihe ging es darum, wie man mit Hilfe des Moduls Passport einer auf Express basierenden Webanwendung Authentifizierung beibringt. Nun soll ein weiteres Modul das Ganze um Autorisierung erweitern.

Sollte HTML5 doch nicht das Ende der Fahnenstange gewesen sein? Auf der Mailing-Liste der entsprechenden Arbeitsgruppe macht man sich Gedanken um Features eines eventuellen Nachfolgers.

Während die CSS3 Selectors Level 3 schon seit geraumer Zeit eine W3C Recommendation ist, arbeitet man beim W3C derzeit noch an Level 4 der Selectors API. Der aktuelle Editor's Draft listet einige interessante neue Features, die Webentwicklern die Arbeit mit CSS erleichtern sollen. Dieser Beitrag stellt einige davon vor.

Der Großteil der Web- und JavaScript-Entwickler wartet gespannt auf die endgültige Verabschiedung des ECMAScript6-Standards beziehungsweise den vollständigen Browser-Support, doch nur die wenigsten dürften sich mit Features beschäftigt haben, die für die übernächste Version ES7 auf dem Plan stehen. Gute Gelegenheit, sich ein Wesentliches davon einmal anzuschauen: die sogenannten Async Functions.

Tales from the Crypt ist eine US-amerikanische Horrorserie der frühen 90er Jahre. Ich muss zugeben, ich habe die Serie nie gesehen (und mich auch nicht bei der Namenswahl des Blogs dadurch inspirieren lassen), bin aber zuversichtlich, dass dieser Blog nicht ganz so schrecklich und angsteinflößend sein wird, wie die dort verfilmten Kurzgeschichten.