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

View in English Always switch to English

Clientseitige Web-APIs

Application Programming Interfaces (APIs) sind Programmierfunktionen zum Manipulieren verschiedener Aspekte des Browsers und des Betriebssystems, auf dem die Website ausgeführt wird, oder zum Manipulieren von Daten anderer Websites oder Dienste. Dieses Modul behandelt allgemeine Aspekte einiger der häufigsten Klassen von Web-APIs, die wir zuvor noch nicht detailliert behandelt haben, und bietet eine nützliche Grundlage für diejenigen, die tiefer in die Nutzung von Browser-APIs einsteigen möchten.

Voraussetzungen

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

Es wäre außerdem hilfreich, wenn Sie bereits mit HTML und CSS vertraut sind.

Hinweis: Wenn 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

Zunächst betrachten wir APIs auf einer übergeordneten Ebene — was sind sie, wie funktionieren sie, wie verwenden Sie sie in Ihrem Code und wie sind sie strukturiert? Außerdem werfen wir einen Blick auf die verschiedenen Hauptklassen von APIs und darauf, welche Einsatzmöglichkeiten sie haben.

Video- und Audio-APIs

HTML verfügt über Elemente zum Einbetten umfangreicher Medien in Dokumente — <video> und <audio> — die wiederum eigene APIs zur Steuerung der Wiedergabe, zum Springen innerhalb der Medien usw. bereitstellen. Dieser Artikel zeigt Ihnen, wie Sie häufige Aufgaben erledigen, beispielsweise das Erstellen benutzerdefinierter Wiedergabesteuerungen.

Grafiken zeichnen

Der Browser enthält einige sehr leistungsfähige Werkzeuge zur Grafikprogrammierung, von der Sprache Scalable Vector Graphics (SVG) bis hin zu APIs zum Zeichnen auf HTML-<canvas>-Elementen (siehe die Canvas API und WebGL). Dieser Artikel bietet eine Einführung in die Canvas API sowie weiterführende Ressourcen, mit denen Sie mehr lernen können.

Clientseitige Speicherung

Moderne Webbrowser bieten eine Reihe verschiedener Technologien, mit denen Sie Daten zu Websites speichern und bei Bedarf wieder abrufen können. Dadurch können Sie Daten langfristig erhalten, Websites offline speichern und mehr. Dieser Artikel erklärt die grundlegenden Funktionsweisen dieser Technologien.

APIs von Drittanbietern

Die bisher behandelten APIs sind in den Browser integriert, aber nicht alle APIs sind es. Viele große Websites und Dienste wie Google Maps, Facebook, PayPal usw. stellen APIs bereit, mit denen Entwickler ihre Daten oder Dienste nutzen können, beispielsweise um benutzerdefinierte Google Maps auf Ihrer Website anzuzeigen oder Facebook Login zur Anmeldung Ihrer Benutzer zu verwenden. Dieser Artikel erläutert den Unterschied zwischen Browser-APIs und APIs von Drittanbietern und zeigt einige typische Einsatzmöglichkeiten der letzteren.