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 mitfetch()
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 diesubmit()
-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.