Leitfäden für Webentwickler

Es gibt viele Leitfäden auf MDN Web Docs, die Ihnen zeigen, wie Sie Funktionen oder APIs durch praktische Beispiele nutzen können. Diese Seite ist eine kuratierte Liste einiger der beliebtesten zielgerichteten Lernmaterialien.

HTML

Strukturierung des Webs mit HTML

Der HTML-Lernbereich bietet Tutorials, die Ihnen helfen, HTML von Grund auf zu lernen.

HTML-Grundlagen

Dieser Artikel vermittelt Ihnen ein grundlegendes Verständnis von HTML. Nach diesem Leitfaden können Sie weiteres Material im HTML-Lernbereich erforschen.

CSS

HTML mit CSS stylen lernen

Unser kompletter CSS-Tutorial, das Sie von den ersten Schritten über das Styling von Text bis hin zur Erstellung von Layouts und mehr führt.

CSS-Layout-Leitfäden

Es gibt eine große Anzahl von Leitfäden zu CSS-Layouts auf MDN. Diese Seite fasst sie alle zusammen.

CSS-Animationen verwenden

CSS-Animationen ermöglichen es, Übergänge von einer CSS-Stilkonfiguration zu einer anderen zu animieren. Dieser Leitfaden hilft Ihnen dabei, die Animationseigenschaften zu nutzen.

JavaScript

JavaScript-Lernbereich

Egal, ob Sie ein absoluter Anfänger sind oder Ihre Kenntnisse auffrischen möchten, hier ist der richtige Ort, um zu beginnen.

Medien

Audio- und Video-Übertragung

Wir können Audio und Video auf verschiedene Arten im Web bereitstellen, von "statischen" Mediendateien bis hin zu adaptiven Livestreams. Dieser Artikel dient als Einstiegspunkt, um die verschiedenen Bereitstellungsmechanismen von webbasierter Medieninhalte und deren Kompatibilität mit beliebten Browsern zu erkunden.

Audio- und Videobearbeitung

Die Schönheit des Webs liegt darin, dass Sie Technologien kombinieren können, um neue Formen zu erschaffen. Durch native Audio- und Videounterstützung im Browser können wir diese Datenströme mit Technologien wie <canvas>, WebGL oder der Web Audio API direkt bearbeiten, z. B. durch Hinzufügen von Hall-/Kompressionseffekten zu Audio oder Graustufen-/Sepia-Filtern zu Video. Dieser Artikel liefert eine Referenz, die erklärt, was dafür zu tun ist.

APIs

FormData-Objekte verwenden

Das FormData-Objekt ermöglicht es, eine Menge von Schlüssel-/Wert-Paaren zu erstellen, die mit fetch() gesendet werden können. Es ist primär für das Senden von Formulardaten gedacht, kann aber unabhängig von Formularen verwendet werden, um Schlüssel-Daten zu übertragen. Die Übertragung erfolgt in demselben Format, das die submit()-Methode eines Formulars verwenden würde, wenn der Kodierungstyp des Formulars auf "multipart/form-data" gesetzt wurde.

Progressive Web Apps (PWAs)

Progressive Web Apps (PWAs) verwenden moderne Web-APIs zusammen mit einer traditionellen Strategie der progressiven Verbesserung, um plattformübergreifende Webanwendungen zu erstellen. Diese Apps funktionieren überall und bieten mehrere Funktionen, die ihnen dieselben Benutzererfahrungs-Vorteile wie nativen Apps verleihen. Diese Leitfäden enthalten alles, was Sie über PWAs wissen müssen.

XML analysieren und serialisieren

Die Webplattform bietet verschiedene Methoden zum Analysieren und Serialisieren von XML, jede mit ihren Vor- und Nachteilen.

Leistung

Optimierung und Leistung

Beim Erstellen moderner Web-Apps und Websites ist es wichtig, dass Ihre Inhalte schnell und effizient funktionieren. Dies ermöglicht eine effektive Leistung sowohl auf leistungsstarken Desktop-Systemen als auch auf schwächeren mobilen Geräten.

Mobile Webentwicklung

Lernen: Responsives Design

Dieser Artikel gibt einen Überblick über einige der wichtigsten Techniken, die erforderlich sind, um Websites zu entwerfen, die gut auf mobilen Geräten funktionieren.

Schriftarten

Variable Fonts-Leitfaden

Erfahren Sie, wie Sie Variable Fonts in Ihren Designs verwenden können.

Das Web Open Font Format (WOFF)

WOFF (Web Open Font Format) ist ein Schriftart-Dateiformat, das jedem kostenlos zur Nutzung im Web zur Verfügung steht.

Benutzeroberflächenentwicklung

Methoden und Steuerungen für Benutzereingaben

Benutzereingaben gehen über Maus und Tastatur hinaus: Denken Sie beispielsweise an Touchscreens. Dieser Artikel gibt Empfehlungen zum Umgang mit Benutzereingaben und zur Implementierung von Steuerungen in offenen Web-Apps sowie FAQs, praxisnahe Beispiele und weiterführende Links für detaillierte Informationen zu zugrunde liegenden Technologien.