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