Entwickler-Leitfäden

Es gibt eine Reihe von Leitfäden innerhalb der MDN-Dokumentation. Diese Artikel zielen darauf ab, zusätzliche Anwendungsbeispiele hinzuzufügen oder Ihnen beizubringen, wie Sie eine API oder Funktion verwenden können. Diese Seite verlinkt einige der beliebtesten Materialien.

HTML

Die Struktur des Webs mit HTML aufbauen

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. Nachdem Sie diesen Leitfaden durchgearbeitet haben, können Sie das Material im HTML-Lernbereich weiter erkunden.

CSS

HTML mit CSS gestalten lernen

Unser umfassendes CSS-Tutorial führt Sie von den ersten Schritten über das Gestalten von Text und das Erstellen von Layouts bis hin zu weiteren Themen.

CSS-Layout-Leitfäden

Es gibt eine Vielzahl von Leitfäden zum Thema CSS-Layout auf MDN, diese Seite fasst sie alle zusammen.

CSS-Animationen verwenden

Mit CSS-Animationen ist es möglich, Übergänge von einer CSS-Stilkonfiguration zu einer anderen zu animieren. Dieser Leitfaden hilft Ihnen beim Einstieg in die Animations-Eigenschaften.

JavaScript

JavaScript-Lernbereich

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

Medien

Audio- und Videowiedergabe

Wir können Audio und Video im Web auf verschiedenen Wegen bereitstellen, von "statischen" Mediendateien bis zu adaptiven Live-Streams. Dieser Artikel dient als Ausgangspunkt, um die verschiedenen Bereitstellungsmechanismen webbasierter Medien und die Kompatibilität mit gängigen Browsern zu erkunden.

Audio- und Videobearbeitung

Die Schönheit des Webs besteht darin, dass Sie Technologien kombinieren können, um neue Formen zu schaffen. Da Audio und Video nativ im Browser verfügbar sind, können wir diese Datenströme mit Technologien wie <canvas>, WebGL oder Web Audio API direkt bearbeiten, z. B. um Hall-/Kompressionseffekte zu Audio hinzuzufügen oder Graustufen-/Sepia-Filter auf Video anzuwenden. Dieser Artikel bietet eine Referenz, die erklärt, was Sie tun müssen.

APIs

FormData-Objekte verwenden

Das FormData-Objekt ermöglicht es Ihnen, ein Set von Schlüssel/Werte-Paaren zu erstellen und mit fetch() zu senden. Hauptsächlich gedacht, um Formulardaten zu senden, kann es unabhängig von Formularen verwendet werden, um Schlüssel-Daten zu übertragen. Die Übertragung erfolgt im gleichen Format, das die submit()-Methode eines Formulars verwenden würde, wenn der Kodierungstyp des Formulars auf "multipart/form-data" eingestellt wäre.

Progressive Web Apps

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

XML parsen und serialisieren

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

Performance

Optimierung und Performance

Beim Erstellen moderner Webanwendungen und -seiten ist es wichtig, Ihren Inhalt schnell und effizient zum Laufen zu bringen. Dadurch kann er sowohl auf leistungsstarken Desktop-Systemen als auch auf schwächeren tragbaren Geräten effektiv arbeiten.

Mobile Webentwicklung

Lernen: Responsives Design

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

Schriftarten

Leitfaden zu Variablen-Schriften

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 von jedermann im Web verwendet werden kann.

Benutzeroberflächen-Entwicklung

Methoden und Steuerungen für Benutzereingaben

Benutzereingaben gehen über Maus und Tastatur hinaus: Denken Sie z. B. an Touchscreens. Dieser Artikel bietet Empfehlungen für die Verwaltung von Benutzereingaben und die Implementierung von Steuerungen in offenen Webanwendungen, zusammen mit FAQs, Praxisbeispielen und Links zu weiteren Informationen für alle, die detailliertere Informationen zu den zugrunde liegenden Technologien benötigen.