Leitfäden für Webentwickler
Auf den MDN Web Docs gibt es viele Leitfäden, die Ihnen durch praktische Beispiele zeigen, wie Sie Funktionen oder APIs verwenden können. Diese Seite bietet eine kuratierte Liste einiger der beliebtesten zielorientierten Lernmaterialien.
HTML
- Structuring the web with HTML
-
Der HTML-Lernbereich bietet Tutorials, die Ihnen helfen, HTML von Grund auf zu lernen.
- HTML-Grundlagen
-
Dieser Artikel verschafft 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 gestalten lernen
-
Unser umfassendes CSS-Tutorial führt Sie von den ersten Schritten über das Stylen von Text bis zur Erstellung von Layouts und mehr.
- CSS-Layout-Leitfäden
-
Auf MDN gibt es eine große Anzahl an Leitfäden zu CSS-Layout. Diese Seite sammelt sie alle an einem Ort.
- 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 Animationseigenschaften zu beginnen.
JavaScript
- JavaScript-Lernbereich
-
Egal, ob Sie ein kompletter Anfänger sind oder Ihre Fähigkeiten auffrischen möchten, hier sollten Sie beginnen.
Medien
- Bereitstellung von Audio und Video
-
Wir können Audio und Video auf verschiedene Arten im Web bereitstellen, von „statischen“ Mediendateien bis zu adaptiven Live-Streams. Dieser Artikel soll als Ausgangspunkt dienen, um die verschiedenen Bereitstellungsmechanismen von webbasierten Medien und die Kompatibilität mit beliebten Browsern zu erkunden.
- Manipulation von Audio und Video
-
Die Schönheit des Webs besteht darin, dass Sie Technologien kombinieren können, um neue Formen zu schaffen. Da native Audio- und Videowiedergabe im Browser möglich ist, können wir diese Datenströme mit Technologien wie
<canvas>
, WebGL oder der Web Audio API verwenden, um Audio und Video direkt zu modifizieren, zum Beispiel um Hall-/Kompressionseffekte zum Audio hinzuzufügen oder Graustufen-/Sepiafilter auf Video anzuwenden. 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 sie mitfetch()
zu senden. Es ist hauptsächlich dafür gedacht, Formulardaten zu senden, kann aber 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, um die Daten zu senden, falls der Codierungstyp des Formulars auf "multipart/form-data" eingestellt 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 Vorteile in der Benutzererfahrung wie nativen Apps verschaffen. Diese Gruppe von Leitfäden enthält alles, was Sie über PWAs wissen müssen.
- XML analysieren und serialisieren
-
Die Webplattform bietet verschiedene Methoden zur Analyse und Serialisierung 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 auf leistungsstarken Desktop-Systemen sowie auf schwächeren Handheld-Geräten.
Entwicklung für mobile Webanwendungen
- Lernen: Responsives Design
-
Dieser Artikel bietet einen Überblick über einige wichtige Techniken, die erforderlich sind, um Websites zu entwerfen, die auf mobilen Geräten gut funktionieren.
Schriftarten
- Leitfaden für variable 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 Schriftdateiformat, das kostenlos im Web verwendet werden kann.
Entwicklung von Benutzeroberflächen
- Benutzereingabemethoden und -steuerungen
-
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 Web-Apps, zusammen mit FAQs, Praxisbeispielen und Links zu weiteren Informationen für alle, die detailliertere Informationen zu den zugrunde liegenden Technologien benötigen.