Leitfäden für Webentwickler
Es gibt viele Leitfäden auf MDN Web Docs, die Ihnen beibringen, wie Sie Funktionen oder APIs anhand praktischer Beispiele nutzen können. Diese Seite ist eine kuratierte Liste einiger der beliebtesten, zielorientierten 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 gibt Ihnen ein grundlegendes Verständnis von HTML. Nach dem Durcharbeiten dieses Leitfadens können Sie das Material im HTML-Lernbereich weiter erkunden.
CSS
- Lernen Sie, HTML mit CSS zu stylen
-
Unser vollständiges CSS-Tutorial bringt Sie von den ersten Schritten über das Styling von Text bis hin zur Erstellung von Layouts und mehr.
- CSS-Layout-Leitfäden
-
Es gibt viele Leitfäden zu CSS Layout auf MDN, und diese Seite sammelt sie alle.
- 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 richtige Ort, um zu starten.
Medien
- Audio- und Videoübertragung
-
Wir können Audio und Video auf verschiedene Weise im Web bereitstellen, von 'statischen' Mediendateien bis hin zu adaptiven Livestreams. Dieser Artikel dient als Ausgangspunkt, um die verschiedenen Bereitstellungsmechanismen webbasierter Medien und deren Kompatibilität mit beliebten Browsern zu erkunden.
- Audio- und Videomanipulation
-
Die Schönheit des Webs liegt darin, dass Sie Technologien kombinieren können, um neue Formen zu schaffen. Mit nativen Audio- und Videofunktionen im Browser können wir diese Datenstreams mit Technologien wie
<canvas>, WebGL oder Web Audio API direkt modifizieren, zum Beispiel um Halleffekte/Kompression zu Audio hinzuzufügen oder Graustufen-/Sepia-Filter zu Video. Dieser Artikel bietet eine Referenz, 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 zusammenzustellen, um es mitfetch()zu senden. Es ist hauptsächlich zum Senden von Formulardaten vorgesehen, kann aber unabhängig von Formularen verwendet werden, um mit Schlüsseln versehene Daten zu übertragen. Die Übertragung erfolgt im gleichen Format, das diesubmit()-Methode des Formulars verwenden würde, wenn der Codierungstyp des Formulars auf "multipart/form-data" gesetzt wäre. - Progressive Web-Apps
-
Progressive Web-Apps (PWAs) verwenden moderne Web-APIs zusammen mit traditionellen Strategien der progressiven Verbesserung, um plattformübergreifende Webanwendungen zu erstellen. Diese Apps funktionieren überall und bieten mehrere Funktionen, die ihnen die gleichen Vorteile in der Benutzererfahrung wie nativen Apps geben. Diese Leitfäden bieten 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, 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 funktionieren. Dies ermöglicht eine effektive Leistung sowohl für leistungsstarke Desktop-Systeme als auch für schwächere Handgeräte.
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.
Schriftarten
- Leitfaden zu variablen Schriftarten
-
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 Schriftartdateiformat, das frei auf dem Web verwendet werden kann.
Benutzeroberflächenentwicklung
- Eingabemethoden und Steuerungen für Benutzer
-
Benutzereingaben gehen über Maus und Tastatur hinaus: denken Sie an Touchscreens zum Beispiel. Dieser Artikel bietet Empfehlungen zur Verwaltung von Benutzereingaben und zur Implementierung von Steuerungen in offenen Web-Apps, zusammen mit FAQs, Praxisbeispielen und Links zu weiteren Informationen für diejenigen, die detailliertere Informationen zu den zugrunde liegenden Technologien benötigen.