Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Leitfäden für Webentwickler

Es gibt viele Leitfäden auf MDN Web Docs, die Ihnen beibringen, wie Sie Funktionen oder APIs anhand praktischer Beispiele nutzen können. Diese Seite ist eine kuratierte Liste einiger der beliebtesten, zielorientierten 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 gibt Ihnen ein grundlegendes Verständnis von HTML. Nach dem Durcharbeiten dieses Leitfadens können Sie das Material im HTML-Lernbereich weiter erkunden.

CSS

Lernen Sie, HTML mit CSS zu stylen

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

CSS-Layout-Leitfäden

Es gibt viele Leitfäden zu CSS Layout auf MDN, und diese Seite sammelt sie alle.

Verwendung von CSS-Animationen

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

JavaScript

JavaScript-Lernbereich

Egal, ob Sie ein kompletter Anfänger sind oder Ihre Fähigkeiten auffrischen möchten, dies ist der richtige Ort, um zu starten.

Medien

Audio- und Videoübertragung

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

Audio- und Videomanipulation

Die Schönheit des Webs liegt darin, dass Sie Technologien kombinieren können, um neue Formen zu schaffen. Mit nativen Audio- und Videofunktionen im Browser können wir diese Datenstreams mit Technologien wie <canvas>, WebGL oder Web Audio API direkt modifizieren, zum Beispiel um Halleffekte/Kompression zu Audio hinzuzufügen oder Graustufen-/Sepia-Filter zu Video. Dieser Artikel bietet eine Referenz, um zu erklären, was Sie tun müssen.

APIs

Verwendung von FormData-Objekten

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

Progressive Web-Apps

Progressive Web-Apps (PWAs) verwenden moderne Web-APIs zusammen mit traditionellen Strategien der progressiven Verbesserung, um plattformübergreifende Webanwendungen zu erstellen. Diese Apps funktionieren überall und bieten mehrere Funktionen, die ihnen die gleichen Vorteile in der Benutzererfahrung wie nativen Apps geben. Diese Leitfäden bieten Ihnen alles, was Sie über PWAs wissen müssen.

Parsen und Serialisieren von XML

Die Webplattform 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 funktionieren. Dies ermöglicht eine effektive Leistung sowohl für leistungsstarke Desktop-Systeme als auch für schwächere Handgeräte.

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.

Schriftarten

Leitfaden zu variablen Schriftarten

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 Schriftartdateiformat, das frei auf dem Web verwendet werden kann.

Benutzeroberflächenentwicklung

Eingabemethoden und Steuerungen für Benutzer

Benutzereingaben gehen über Maus und Tastatur hinaus: denken Sie an Touchscreens zum Beispiel. Dieser Artikel bietet Empfehlungen zur Verwaltung von Benutzereingaben und zur Implementierung von Steuerungen in offenen Web-Apps, zusammen mit FAQs, Praxisbeispielen und Links zu weiteren Informationen für diejenigen, die detailliertere Informationen zu den zugrunde liegenden Technologien benötigen.