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