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. Dieses Modul behandelt gemeinsame Aspekte einiger der häufigsten Klassen von Web-APIs, die wir zuvor nicht im Detail 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 die Grundlagen von JavaScript gelernt haben, insbesondere die JavaScript-Objektgrundlagen und die grundlegende API-Abdeckung wie DOM-Scripting und Netzwerkanfragen.

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

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

Zuerst betrachten wir APIs aus einer übergeordneten Perspektive – was sind sie, wie funktionieren sie, wie verwendet man sie im Code und wie sind sie aufgebaut? Wir werfen auch einen Blick auf die verschiedenen Hauptklassen von APIs und welche Anwendungen sie haben.

Video- und Audio-APIs

HTML enthält Elemente zur Einbettung von Rich Media in Dokumenten — <video> und <audio> — die wiederum ihre eigenen APIs zum Steuern der Wiedergabe, Suchvorgängen usw. haben. Dieser Artikel zeigt Ihnen, wie Sie häufige Aufgaben wie das Erstellen benutzerdefinierter Wiedergabesteuerungen ausführen.

Grafiken zeichnen

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

Client-seitige Speicherung

Moderne Webbrowser verfügen über eine Reihe unterschiedlicher Technologien, die es Ihnen ermöglichen, datenbezogene Informationen zu Websites zu speichern und bei Bedarf abzurufen, sodass Sie Daten langfristig erhalten, Websites offline speichern und mehr. Dieser Artikel erklärt die grundlegendsten Funktionsweisen dieser Technologien.

Drittanbieter-APIs

Die bisher behandelten APIs sind im Browser integriert, aber nicht alle APIs sind das. Viele große Websites und Dienste wie Google Maps, Facebook, PayPal usw. bieten APIs an, die es Entwicklern ermöglichen, ihre Daten oder Dienste zu nutzen (z. B. benutzerdefinierte Google Maps auf Ihrer Website anzeigen oder Facebook-Login verwenden, um Benutzer bei Ihnen anzumelden). Dieser Artikel betrachtet den Unterschied zwischen Browser-APIs und Drittanbieter-APIs und zeigt einige typische Einsatzmöglichkeiten der letzteren.