41 Artikel
Der dritte und letzte Teil der Serie gibt einen Überblick, wie Entwicklungsumgebungen, Git-Clients und weitere Tools Branching-Strategien unterstützen. Als Fallback bleiben immer die üblichen Git-Kommandos auf der Konsole.
Tooling
Moderne Web-Frameworks bieten verschiedene Möglichkeiten, Code wiederzuverwenden. Bei Vue 3 ist durch das Composition API eine Variante hinzugekommen.
Vue.js · Webentwicklung
Es gibt verschiedene Branching-Strategien, von denen sich in der Praxis etliche fest in der Entwicklerszene etabliert haben.
Tooling
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
Der erste Teil der Serie über Git-Branching-Strategien: lokale, zentrale und verteilte Versionskontrollsysteme im Vergleich, warum Branches in Git so günstig sind und welche Branching-Modelle daraus entstanden sind.
Tooling
Die 23. Episode von Fabians Web-Perlen zeigt, wie sich mit dem Framework FormKit Web-Formulare schnell und unkompliziert erstellen lassen und wie gut die Integration in Vue funktioniert.
Webentwicklung · Vue.js
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
Die Integration und Implementierung von Animationen ist auf viele verschiedene Arten möglich, zum Beispiel mit der Bibliothek Animate.css.
Webentwicklung
WordPress hat mit Version 6.0 das zweite Major-Release für das Jahr 2022 nachgelegt.
Webentwicklung
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
Episode 18 von Fabians Web-Perlen zeigt, wie sich mit docsify aus Markdown-Dateien eine technische Dokumentation aufsetzen, erweitern und veröffentlichen lässt, ohne statischen Seitengenerator.
Webentwicklung · Tooling
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
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
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
Ein Überblick über die Ergebnisse von State of JS, dem Stack Overflow Developer Survey und JavaScript Rising Stars für 2021, mit Fokus auf die Web-Entwicklung mit JavaScript und TypeScript und einer Einordnung der zum Teil überraschenden Ergebnisse.
Webentwicklung · Datenanalyse
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
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
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
WordPress, das freie Content-Management-System (CMS), hat mit Version 5.9 das erste Major-Release für das Jahr 2022 vorgelegt.
Webentwicklung
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
Die zwölfte Episode von Fabians Web-Perlen zeigt an Beispielen, wie Intro.js dynamische Schritt-für-Schritt-Tutorials für das Onboarding in Web-Anwendungen umsetzt. Dazu kommen alternative Bibliotheken und Einblicke in eine Eye-Tracking-Studie.
Webentwicklung · Eye-Tracking
Cleave.js formatiert Daten direkt in HTML-Input-Elementen, damit Nutzer sehen, was ein Eingabefeld erwartet. Die elfte Folge von Fabians Web-Perlen zeigt die Bibliothek und warum sie die Validierung nicht ersetzt.
Webentwicklung
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
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
In einer Web-Anwendung müssen Benutzer ständig mit Informationen versorgt werden.
Webentwicklung
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
Das freie Content-Management-System WordPress hat mit Version 5.8 das zweite Major-Release für das Jahr 2021 nachgelegt.
Webentwicklung
Moment.js hilft in JavaScript beim Parsen, Validieren und Formatieren von Datums- und Zeitangaben, inklusive Zeitzonen. Die siebte Episode von Fabians Web-Perlen stellt die Bibliothek vor und zeigt im Schnelldurchlauf Alternativen.
Webentwicklung
Das Web wird immer dynamischer, auch was die Präsentation von Inhalten betrifft.
Webentwicklung
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
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
Episode 4 von Fabians Web-Perlen stellt die Bibliothek Muuri vor, mit der sich Grid-Layouts responsiv gestalten, sortieren, filtern und per Drag & Drop verändern lassen. Der Artikel zeigt, wie sich solche Layouts umsetzen lassen.
Webentwicklung
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
Episode 2 von Fabians Web-Perlen stellt VuePress vor, einen Generator für statische Seiten, der Markdown und Vue.js verbindet und vor allem für technische Dokumentationen gedacht ist. Dazu die Vorteile statischer Seiten gegenüber einer SPA.
Vue.js · Webentwicklung
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
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
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 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
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 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
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
