Entwicklerleitfäden

Es gibt eine Reihe von Leitfäden innerhalb der MDN-Dokumentation. Diese Artikel sollen zusätzliche Anwendungsbeispiele bieten oder Ihnen beibringen, wie eine API oder Funktion zu verwenden ist. Diese Seite verlinkt auf einige der beliebtesten Materialien.

HTML

Das Web mit HTML strukturieren

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

CSS

Lernen, HTML mit CSS zu stylen

Unser vollständiges CSS-Tutorial führt Sie von den ersten Schritten über das Stylen von Text, das Erstellen von Layouts und mehr.

CSS-Layout-Leitfäden

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

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 Ort, an dem Sie beginnen sollten.

Medien

Audio- und Videoübertragung

Wir können Audio und Video auf verschiedene Weise im Web bereitstellen, von 'statischen' Mediendateien bis hin zu adaptiven Live-Streams. Dieser Artikel dient als Ausgangspunkt für die Erkundung der verschiedenen Übertragungsmechanismen webbasierter Medien und deren Kompatibilität mit gängigen Browsern.

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 modifizieren, zum Beispiel durch Hinzufügen von Hall-/Kompressionseffekten zu Audio oder Graustufen-/Sepia-Filtern zu Video. Dieser Artikel bietet ein Nachschlagewerk, 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 zu kompilieren, das mit fetch() gesendet werden kann. Es ist hauptsächlich zum Senden von Formulardaten gedacht, kann jedoch unabhängig von Formularen verwendet werden, um Schlüssel-Daten zu übertragen. Die Übertragung erfolgt im gleichen Format, das die submit()-Methode des Formulars verwenden würde, wenn der Kodierungstyp des Formulars auf "multipart/form-data" gesetzt wäre.

Progressive Web Apps

Progressive Web Apps (PWAs) nutzen moderne Web-APIs zusammen mit der traditionellen Strategie der progressiven Verbesserung, um plattformübergreifende Webanwendungen zu erstellen. Diese Apps funktionieren überall und bieten mehrere Funktionen, die ihnen die gleichen Benutzererfahrungsvorteile wie nativen Apps verleihen. Diese Sammlung von Leitfäden vermittelt 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, jeweils mit ihren Vor- und Nachteilen.

Performance

Optimierung und Leistung

Beim Erstellen moderner Web-Apps und -Seiten ist es wichtig, dass Ihre Inhalte schnell und effizient funktionieren. So kann es sowohl auf leistungsstarken Desktop-Systemen als auch auf schwächeren mobilen Geräten effektiv arbeiten.

Mobile Webentwicklung

Mobile Webentwicklung

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

Schriftarten

Variable Fonts Leitfaden

Erfahren Sie, wie Sie variable Schriftarten in Ihren Designs verwenden.

Das Web Open Font Format (WOFF)

WOFF (Web Open Font Format) ist ein Schriftdateiformat, das kostenlos für jedermann im Web verwendet werden kann.

Benutzeroberflächenentwicklung

Benutzereingabemethoden und -steuerungen

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