Leitfäden für Webentwickler
Es gibt viele Leitfäden auf MDN Web Docs, die Ihnen zeigen, wie Sie Funktionen oder APIs durch praktische Beispiele nutzen können. Diese Seite ist eine kuratierte Liste einiger der beliebtesten zielgerichteten Lernmaterialien.
HTML
- Strukturierung des Webs mit HTML
-
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. Nach diesem Leitfaden können Sie weiteres Material im HTML-Lernbereich erforschen.
CSS
- HTML mit CSS stylen lernen
-
Unser kompletter CSS-Tutorial, das Sie von den ersten Schritten über das Styling von Text bis hin zur Erstellung von Layouts und mehr führt.
- CSS-Layout-Leitfäden
-
Es gibt eine große Anzahl von Leitfäden zu CSS-Layouts auf MDN. Diese Seite fasst sie alle zusammen.
- CSS-Animationen verwenden
-
CSS-Animationen ermöglichen es, Übergänge von einer CSS-Stilkonfiguration zu einer anderen zu animieren. Dieser Leitfaden hilft Ihnen dabei, die Animationseigenschaften zu nutzen.
JavaScript
- JavaScript-Lernbereich
-
Egal, ob Sie ein absoluter Anfänger sind oder Ihre Kenntnisse auffrischen möchten, hier ist der richtige Ort, um zu beginnen.
Medien
- Audio- und Video-Übertragung
-
Wir können Audio und Video auf verschiedene Arten im Web bereitstellen, von "statischen" Mediendateien bis hin zu adaptiven Livestreams. Dieser Artikel dient als Einstiegspunkt, um die verschiedenen Bereitstellungsmechanismen von webbasierter Medieninhalte und deren Kompatibilität mit beliebten Browsern zu erkunden.
- Audio- und Videobearbeitung
-
Die Schönheit des Webs liegt darin, dass Sie Technologien kombinieren können, um neue Formen zu erschaffen. Durch native Audio- und Videounterstützung im Browser können wir diese Datenströme mit Technologien wie
<canvas>
, WebGL oder der Web Audio API direkt bearbeiten, z. B. durch Hinzufügen von Hall-/Kompressionseffekten zu Audio oder Graustufen-/Sepia-Filtern zu Video. Dieser Artikel liefert eine Referenz, die erklärt, was dafür zu tun ist.
APIs
- FormData-Objekte verwenden
-
Das
FormData
-Objekt ermöglicht es, eine Menge von Schlüssel-/Wert-Paaren zu erstellen, die mitfetch()
gesendet werden können. Es ist primär für das Senden von Formulardaten gedacht, kann aber unabhängig von Formularen verwendet werden, um Schlüssel-Daten zu übertragen. Die Übertragung erfolgt in demselben Format, das diesubmit()
-Methode eines Formulars verwenden würde, wenn der Kodierungstyp des Formulars auf "multipart/form-data" gesetzt wurde. - Progressive Web Apps (PWAs)
-
Progressive Web Apps (PWAs) verwenden moderne Web-APIs zusammen mit einer traditionellen Strategie der progressiven Verbesserung, um plattformübergreifende Webanwendungen zu erstellen. Diese Apps funktionieren überall und bieten mehrere Funktionen, die ihnen dieselben Benutzererfahrungs-Vorteile wie nativen Apps verleihen. Diese Leitfäden enthalten alles, was Sie über PWAs wissen müssen.
- XML analysieren und serialisieren
-
Die Webplattform bietet verschiedene Methoden zum Analysieren und Serialisieren von XML, jede mit ihren Vor- und Nachteilen.
Leistung
- Optimierung und Leistung
-
Beim Erstellen moderner Web-Apps und Websites ist es wichtig, dass Ihre Inhalte schnell und effizient funktionieren. Dies ermöglicht eine effektive Leistung sowohl auf leistungsstarken Desktop-Systemen als auch auf schwächeren mobilen Geräten.
Mobile Webentwicklung
- Lernen: Responsives Design
-
Dieser Artikel gibt einen Überblick über einige der wichtigsten Techniken, die erforderlich sind, um Websites zu entwerfen, die gut auf mobilen Geräten funktionieren.
Schriftarten
- Variable Fonts-Leitfaden
-
Erfahren Sie, wie Sie Variable Fonts in Ihren Designs verwenden können.
- Das Web Open Font Format (WOFF)
-
WOFF (Web Open Font Format) ist ein Schriftart-Dateiformat, das jedem kostenlos zur Nutzung im Web zur Verfügung steht.
Benutzeroberflächenentwicklung
- Methoden und Steuerungen für Benutzereingaben
-
Benutzereingaben gehen über Maus und Tastatur hinaus: Denken Sie beispielsweise an Touchscreens. Dieser Artikel gibt Empfehlungen zum Umgang mit Benutzereingaben und zur Implementierung von Steuerungen in offenen Web-Apps sowie FAQs, praxisnahe Beispiele und weiterführende Links für detaillierte Informationen zu zugrunde liegenden Technologien.