Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Client-seitige Web-APIs

Application Programming Interfaces (APIs) sind Programmiermerkmale zur Manipulation verschiedener Aspekte des Browsers und Betriebssystems, auf dem die Website läuft, oder zur Manipulation von Daten anderer Websites oder Dienste. In diesem Modul werden häufige Aspekte einiger der gängigsten Web-API-Klassen behandelt, die wir bisher nicht im Detail behandelt haben. Es bietet eine nützliche Grundlage für diejenigen, die tiefer in die Nutzung von Browser-APIs eintauchen möchten.

Voraussetzungen

Bevor Sie mit diesem Modul beginnen, sollten Sie wirklich die Grundlagen von JavaScript gelernt haben, insbesondere die Grundlagen von JavaScript-Objekten und grundlegende API-Abdeckungen wie DOM-Scripting und Netzwerkanfragen.

Es wäre auch hilfreich, eine gewisse Vertrautheit mit HTML und CSS zu haben.

Hinweis: Sollten Sie an einem Computer, Tablet oder einem anderen Gerät arbeiten, auf dem Sie keine Dateien erstellen können, können Sie versuchen, den Code in einem Online-Editor wie CodePen oder JSFiddle auszuführen.

Tutorials

Einführung in Web-APIs

Zuerst werden wir die APIs aus einer hohen Perspektive betrachten - was sind sie, wie funktionieren sie, wie nutzt man sie in Ihrem Code und wie sind sie strukturiert? Wir werfen auch einen Blick darauf, welche unterschiedlichen Hauptklassen von APIs existieren und welche Verwendungen sie haben.

Video- und Audio-APIs

HTML bietet Elemente zum Einbetten von Multimedia-Inhalten in Dokumente — <video> und <audio> — die wiederum über eigene APIs zur Steuerung von Wiedergabe, Suchvorgängen usw. verfügen. Dieser Artikel zeigt Ihnen, wie Sie gängige Aufgaben wie das Erstellen benutzerdefinierter Wiedergabesteuerelemente durchführen.

Grafiken zeichnen

Der Browser enthält einige sehr leistungsfähige Grafikprogrammierungstools, von der Scalable Vector Graphics (SVG)-Sprache bis hin zu APIs zum Zeichnen auf HTML <canvas>-Elementen (siehe The Canvas API und WebGL). Dieser Artikel bietet eine Einführung in die Canvas API und weitere Ressourcen, um Ihnen das Lernen zu erleichtern.

Client-seitiger Speicher

Moderne Webbrowser bieten eine Reihe verschiedener Technologien, mit denen Sie Daten zu Websites speichern und bei Bedarf abrufen können, sodass Sie Daten langfristig speichern, Websites offline speichern und mehr können. Dieser Artikel erklärt die Grundlagen, wie diese funktionieren.

Drittanbieter-APIs

Die bisher behandelten APIs sind in den Browser integriert, aber nicht alle APIs sind das. Viele große Websites und Dienste wie Google Maps, Facebook, PayPal usw. bieten APIs, die es Entwicklern ermöglichen, ihre Daten oder Dienste zu nutzen (z. B. benutzerdefinierte Google Maps auf Ihrer Website anzuzeigen oder Facebook-Login zu verwenden, um Ihre Benutzer anzumelden). Dieser Artikel betrachtet den Unterschied zwischen Browser-APIs und Drittanbieter-APIs und zeigt einige typische Anwendungsfälle letzterer.