Entwicklerleitfäden

Es gibt eine Anzahl von Leitfäden innerhalb der MDN-Dokumentation. Diese Artikel zielen darauf ab, zusätzliche Nutzungsmöglichkeiten aufzuzeigen oder Ihnen zu lehren, wie Sie eine API oder ein Feature verwenden. Diese Seite verlinkt einige der beliebtesten Materialien.

HTML

Die Web-Struktur mit HTML gestalten

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

HTML-Grundlagen

Dieser Artikel vermittelt Ihnen ein grundlegendes Verständnis von HTML. Nach dem Durcharbeiten dieses Leitfadens können Sie das Material im HTML-Lernbereich weiter erkunden.

CSS

HTML mit CSS stylen lernen

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

CSS-Layout-Leitfäden

Es gibt eine Vielzahl von Leitfäden zu CSS-Layouts über die MDN hinweg. Diese Seite fasst sie alle zusammen.

CSS-Animationen verwenden

CSS-Animationen ermöglichen es, Übergänge von einer CSS-Stil-Konfiguration zu einer anderen zu animieren. Dieser Leitfaden hilft Ihnen, mit den Animations-Eigenschaften zu starten.

JavaScript

JavaScript-Lernbereich

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

Medien

Audio- und Video-Übertragung

Wir können Audio und Video im Web auf verschiedene Weise bereitstellen, von 'statischen' Mediendateien bis hin zu adaptiven Livestreams. Dieser Artikel ist als Ausgangspunkt gedacht, um die verschiedenen Übertragungsmechanismen webbasierter Medien und die Kompatibilität mit gängigen Browsern zu erkunden.

Audio- und Video-Bearbeitung

Die Schönheit des Webs liegt darin, dass Sie Technologien kombinieren können, um neue Formen zu erstellen. Mit nativem Audio und Video im Browser können wir diese Datenströme mit Technologien wie dem <canvas>, WebGL oder der Web Audio API direkt bearbeiten, zum Beispiel um Hall-/Kompressionseffekte zu Audio oder Graustufen-/Sepia-Filter zu Video hinzuzufügen. Dieser Artikel bietet eine Referenz, die erklärt, was Sie tun müssen.

APIs

FormData-Objekte verwenden

Das FormData-Objekt ermöglicht es Ihnen, einen Satz von Schlüssel/Wert-Paaren zu erstellen, die mit fetch() gesendet werden. Es ist hauptsächlich für das Senden von Formulardaten gedacht, kann aber unabhängig von Formularen verwendet werden, um Daten mit Schlüsseln zu übertragen. Die Übertragung erfolgt im gleichen Format, das die submit()-Methode des Formulars verwenden würde, um die Daten zu senden, wenn der Codierungstyp des Formulars auf "multipart/form-data" eingestellt wäre.

Progressive Web-Apps

Progressive Web-Apps (PWAs) nutzen moderne Web-APIs zusammen mit einer traditionellen progressiven Verbesserungsstrategie, um plattformübergreifende Webanwendungen zu erstellen. Diese Apps funktionieren überall und bieten mehrere Funktionen, die ihnen die gleichen Benutzererfahrungsvorteile wie nativen Apps verleihen. Diese Reihe von Leitfäden erklärt Ihnen alles, was Sie über PWAs wissen müssen.

XML-Parsing und -Serialisierung

Die Web-Plattform bietet verschiedene Methoden zum Parsen und Serialisieren von XML, jede mit ihren Vor- und Nachteilen.

Leistung

Optimierung und Leistung

Beim Erstellen moderner Webanwendungen und -seiten ist es wichtig, dass Ihre Inhalte schnell und effizient arbeiten. Dadurch können sie sowohl auf leistungsstarken Desktop-Systemen als auch auf schwächeren Handheld-Geräten effektiv ausgeführt werden.

Mobile Webentwicklung

Lernen: Responsives Design

Dieser Artikel bietet einen Überblick über einige der wichtigsten Techniken, die benötigt werden, um Websites zu entwerfen, die auf mobilen Geräten gut funktionieren.

Schriften

Variable Fonts Leitfaden

Erfahren Sie, wie Sie variable Schriftarten in Ihren Designs verwenden können.

Das Web Open Font Format (WOFF)

WOFF (Web Open Font Format) ist ein Schriftdateiformat, das kostenlos für die Verwendung im Web verfügbar ist.

Benutzeroberflächenentwicklung

Benutzereingabemethoden und Steuerungen

Benutzereingaben beschränken sich nicht nur auf Maus und Tastatur: Denken Sie beispielsweise an Touchscreens. Dieser Artikel bietet Empfehlungen zur Verwaltung von Benutzereingaben und zur Implementierung von Steuerungen in offenen Web-Apps, zusammen mit FAQs, praxisnahen Beispielen und Links zu weiterführenden Informationen für alle, die detailliertere Informationen zu den zugrunde liegenden Technologien benötigen.