Tool-Unterstützung
Durch die Beliebtheit von Branching-Strategien gibt es eine breite Tool-Unterstützung unterschiedlicher Strategien.
Tooling
Artikel in Web & Mobile Developer
41 Artikel
2023
Wiederverwendbaren Code gestalten
Moderne Web-Frameworks bieten verschiedene Möglichkeiten, Code wiederzuverwenden. Bei Vue 3 ist durch das Composition API eine Variante hinzugekommen.
Vue.js · Webentwicklung
Branching-Strategien im praktischen Einsatz
Es gibt verschiedene Branching-Strategien, von denen sich in der Praxis etliche fest in der Entwicklerszene etabliert haben.
Tooling
Das melodische Release
WordPress hat mit Version 6.1 das dritte Major-Release für das Jahr 2022 veröffentlicht. Der Artikel zeigt, was sich hinter dem Misha genannten Release verbirgt.
Webentwicklung
Formulare mit Superkräften
Formulare sind die Dreh- und Angelpunkte für die Interaktion mit den Nutzern. Mit dem Framework FormKit lassen sich Web-Formulare schnell und unkompliziert erzeugen.
Webentwicklung · Vue.js
Typischer Entwicklungs-Workflow
Systeme für die Versionsverwaltung sind aus dem Entwickleralltag nicht mehr wegzudenken. Die Arbeit in Teams basiert dabei auf verschiedenen Branching-Strategien.
Tooling
2022
Modellhafte Nachahmungen
Episode 21 von Fabians Web-Perlen stellt die 2D-Physik-Engine Matter.js vor: die allgemeine Nutzung, den Übergang zu Simulationen und die Grenzen der Bibliothek. Dazu gibt es einen Überblick über Terra.js für biologische Simulationen.
Webentwicklung · Games & Spieleentwicklung
Animationen leichtgemacht
Die Integration und Implementierung von Animationen ist auf viele verschiedene Arten möglich, zum Beispiel mit der Bibliothek Animate.css.
Webentwicklung
Das zeitgenössische Release
WordPress hat mit Version 6.0 das zweite Major-Release für das Jahr 2022 nachgelegt.
Webentwicklung
Unveränderliche Daten
Die 20. Episode von Fabians Web-Perlen ordnet unveränderliche Daten und persistente Datenstrukturen ein und zeigt, wie sich mit der Bibliothek Immutable.js solche Strukturen anlegen und abfragen lassen, was dabei zu beachten ist und wo ihre Grenzen liegen.
Webentwicklung
Beweglicher Text
Ein Video aufzuzeichnen ist mittlerweile gängige Praxis. Um die Aufnahme zu unterstützen, sind Manuskripte sinnvoll, die über ein Teleprompter angezeigt werden können.
Webentwicklung
Dokumentation auf Knopfdruck
Dokumentationen zu erstellen, zu erzeugen und ordentlich zur Verfügung zu stellen können nervige Themen sein.
Webentwicklung · Tooling
Auf der Überholspur
Episode 17 von Fabians Web-Perlen stellt die Bibliothek fast-json-stringify vor, die auf Basis eines Schemas eine schnelle stringify-Funktion erzeugt. Der Artikel zeigt Implementierung, Einsatz sowie Vor- und Nachteile.
Webentwicklung
Modernes Web
Chrome stellt die Web Serial API und die Web Bluetooth API ohne experimentelles Flag bereit. Der Artikel zeigt, wie sich Hardware direkt aus dem Browser verbinden lässt, wie Daten übertragen werden und welche Anwendungsszenarien das ermöglicht.
Webentwicklung · Hardware
JavaScript im Wandel
Unter Entwicklern gibt es regelmäßig Umfragen zum Zustand eines Ökosystems. Mittlerweile gibt es Ergebnisse, die sich primär auf das Web-Umfeld mit JavaScript beziehen.
Webentwicklung · Datenanalyse
Wichtige Informationen
History.js kapselt den Zugriff auf den Sitzungsverlauf hinter einem einheitlichen API, unabhängig von der JavaScript-Umgebung. Die Episode zeigt die Modi Browser History, Hash History und Memory History.
Webentwicklung
Fast beliebige Speicherorte
Die 15. Episode von Fabians Web-Perlen stellt unstorage vor, eine universelle Speicherschicht mit einheitlicher Schnittstelle für Browser-Speicher, Dateisystem oder Datenbanken. Es geht um Treiber für verschiedene Datenquellen und das Schreiben eigener Treiber.
Webentwicklung
Entfernte Anfragen
Axios ist ein Promise-basierter http-Client für Browser und Node.js. Die 14. Episode von Fabians Web-Perlen zeigt den allgemeinen Einsatz, die Integration in bekannte Web-Frameworks, Vor- und Nachteile sowie Alternativen.
Webentwicklung
Wegweisender Release
WordPress, das freie Content-Management-System (CMS), hat mit Version 5.9 das erste Major-Release für das Jahr 2022 vorgelegt.
Webentwicklung
Schwebende Elemente
Tooltips und Popover korrekt zu positionieren ist aufwendiger, als es aussieht: Scrolling, verdeckte Bereiche, virtuelle Elemente. Die 13. Episode der Kolumne stellt die Low-Level-Bibliothek Floating UI sowie Popper.js vor.
Webentwicklung
Onboarding fürs Web
Für die Unterstützung von Nutzern einer Web-Anwendung helfen Bibliotheken für das Onboarding, die dynamische und interaktive Tutorials in einer Anwendung anbieten.
Webentwicklung · Eye-Tracking
Eingaben formatieren
Die eingegebenen Daten ordentlich anzuzeigen ist wichtig bei Web-Formularen.
Webentwicklung
Projektstrukturen auf Knopfdruck
Scaffolding-Tools erzeugen Projektstrukturen aus Templates auf Knopfdruck, reproduzierbar und mit einheitlichem Qualitätsstandard. Die Beispiele zeigen das Vorgehen mit Vue.js und den Scaffolding-Werkzeugen aus dessen Ökosystem.
Webentwicklung · Tooling · Vue.js
2021
Visualisierung von Daten
GoJS ist eine Bibliothek für JavaScript und TypeScript, mit der sich interaktive Diagramme wie Flussdiagramme, Organigramme oder Mindmaps erstellen lassen. Die zehnte Episode von Fabians Web-Perlen stellt die Bibliothek von Northwoods Software vor.
Webentwicklung
Süße Alarme fürs Web
In einer Web-Anwendung müssen Benutzer ständig mit Informationen versorgt werden.
Webentwicklung
Dynamische Datenkataloge
Die achte Episode von Fabians Web-Perlen stellt Grid.js vor, ein Table-Plugin mit Pagination, Suche, Sortierung und veränderbaren Spalten, und zeigt, wie sich die Bibliothek im eigenen Projekt verwenden lässt.
Webentwicklung
Zweites Major-Release
Das freie Content-Management-System WordPress hat mit Version 5.8 das zweite Major-Release für das Jahr 2021 nachgelegt.
Webentwicklung
Zeitreisen
Mit Datums- und Zeitangaben umzugehen ist durchaus aufwändig.
Webentwicklung
Animationen fürs Web
Das Web wird immer dynamischer, auch was die Präsentation von Inhalten betrifft.
Webentwicklung
Das hoffnungsvolle Release
Die zuletzt veröffentlichte Major-Version 5.7 des CMS WordPress bietet zahlreiche Neuerungen und Vereinfachungen. Ein Grundlagenartikel zeigt, was sich hinter der Esperanza genannten Programmversion verbirgt.
Webentwicklung
Farbiger Text
Fabians Web-Perlen, Episode 5: Die JavaScript-Bibliothek Highlight.js färbt Quelltext und Markup im Browser oder unter Node.js ein. Der Artikel zeigt, welche Sprachen und Designs sie mitbringt, wie sie ins eigene Projekt kommt und wo clientseitiges Syntax-Highlighting an Grenzen stößt.
Webentwicklung
Endlose Layouts
Die Bibliothek Muuri unterstützt Designer beim Anordnen von Elementen auf Websites.
Webentwicklung
Erstellen und bearbeiten
Episode 3 von Fabians Web-Perlen stellt die Bibliothek pdf-lib vor, mit der sich PDF-Dateien in JavaScript und TypeScript nicht nur erzeugen, sondern auch vorhandene Dokumente bearbeiten und Formulare ausfüllen lassen.
Webentwicklung · Tooling
Eine gute Alternative
Zu aufwändigen Web-Apps sind Generatoren für statische Seiten eine gute Alternative.
Vue.js · Webentwicklung
Einfache Visualisierungen
Die erste Episode von Fabians Web-Perlen stellt die Charting-Bibliothek Chart.js vor, mit der sich Balken-, Linien- und Flächendiagramme schnell in Web-Projekte einbinden lassen. Dazu gehört eine Einschätzung von TypeScript-Support, Dokumentation und Einbindung ins Web-Ökosystem.
Webentwicklung · Datenanalyse
2020
ResizeObserver
Das Resize Observer API meldet Größenänderungen einzelner DOM-Elemente, auch beim Einfügen und Entfernen von Kind-Elementen. Der Beitrag grenzt es von Media-Queries und window.matchMedia ab und zeigt, welche Anwendungsfälle sich damit performant umsetzen lassen.
Webentwicklung
2019
Prettier
Prettier formatiert Quelltext verschiedener Programmier- und Auszeichnungssprachen nach festen Regeln und lässt nur wenige Optionen zu. Vorgestellt werden das rechthaberische Konzept, die Integration in Entwicklungsumgebungen sowie CLI und API.
Tooling · Webentwicklung
Der neue Node.js-Debugger
Der Debugger ndb der Google Chrome Labs verspricht bessere Usability und speziell auf Node.js angepasste Features. Nach einem Überblick über Debug-Ausgaben, Browser-DevTools und den eingebauten Node.js-Debugger stellt der Artikel ndb vor.
Webentwicklung · Tooling
2018
TypeScript 3.0 und 3.1
Seit 2017 erscheint TypeScript in einem schnelleren Release-Zyklus mit einem größeren Release alle zwei Monate. Der Überblick zeigt die Neuerungen von Version 3.0, etwa den Typ unknown, Neues bei Tupeln und Projektreferenzen, sowie die von Version 3.1.
Webentwicklung · Tooling · Programmiersprachen
PixiJS - Eine Einführung
PixiJS ist eine HTML5 Engine, die 2D-Inhalte per WebGL rendert. Der Artikel führt in Version 4 der Bibliothek ein, erklärt Einsatzszenarien von Spielen bis Datenjournalismus und zeigt, wie der Einstieg gelingt.
Webentwicklung
2017
Electron - Eine Einführung
Electron bringt Anwendungen aus HTML, CSS und JavaScript als Cross-Plattform-Anwendungen auf den Desktop. Die Einführung erklärt die Herkunft des Frameworks aus Atom Shell, eingebaute Funktionen wie automatische Updates und wie Electron unter der Haube arbeitet.
Webentwicklung