Client-seitige Web-APIs

Application Programming Interfaces (APIs) sind Programmierfunktionen zur Manipulation verschiedener Aspekte des Browsers und des Betriebssystems, auf dem die Website läuft, oder zur Datenmanipulation von anderen Websites oder Diensten. Dieses Modul behandelt gemeinsame Aspekte einiger der häufigsten Klassen von Web-APIs, die wir bisher 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 dieses Modul beginnen, sollten Sie wirklich die Grundlagen von JavaScript gelernt haben, insbesondere JavaScript-Objekt-Grundlagen und die Abdeckung der Kern-APIs wie DOM-Scripting und Netzwerkanfragen.

Es wäre auch hilfreich, wenn Sie mit HTML und CSS etwas vertraut sind.

Hinweis: Wenn Sie an einem Gerät arbeiten, auf dem Sie keine eigenen Dateien erstellen können, könnten Sie (die meisten) Codebeispiele in einem Online-Coding-Programm wie JSBin oder Glitch ausprobieren.

Tutorials

Einführung in Web-APIs: Zuerst betrachten wir APIs aus einer übergeordneten Sicht – was sind sie, wie funktionieren sie, wie verwendet man sie in Ihrem Code und wie sind sie strukturiert? Wir werfen auch einen Blick auf die verschiedenen Hauptklassen von APIs und ihre Anwendungszwecke.
Video- und Audio-APIs: HTML enthält Elemente zum Einbetten von reichhaltigen Medien in Dokumente — <video> und <audio> — die wiederum ihre eigenen APIs zum Steuern der Wiedergabe, zum Suchen usw. mitbringen. Dieser Artikel zeigt Ihnen, wie man gängige Aufgaben wie das Erstellen von benutzerdefinierten Wiedergabesteuerungen durchführt.
Grafiken zeichnen: Der Browser enthält einige sehr leistungsfähige Grafik-Programmierwerkzeuge, 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, die Ihnen erlauben, mehr zu lernen.
Client-seitige Speicherung: Moderne Webbrowser verfügen über eine Reihe verschiedener Technologien, die es Ihnen ermöglichen, Daten im Zusammenhang mit Websites zu speichern und bei Bedarf abzurufen, sodass Sie Daten langfristig speichern, Websites offline sichern und mehr können. Dieser Artikel erklärt die Grundlagen, wie diese funktionieren.
Drittanbieter-APIs: Die APIs, die wir bisher behandelt haben, sind in den Browser integriert, aber nicht alle APIs sind es. Viele große Websites und Dienste wie Google Maps, Facebook, PayPal usw. bieten APIs an, mit denen Entwickler deren Daten oder Dienste nutzen können (z.B. das Anzeigen von benutzerdefinierten Google Maps auf Ihrer Website oder die Verwendung des Facebook-Logins für den Benutzerzugriff). Dieser Artikel behandelt den Unterschied zwischen Browser-APIs und Drittanbieter-APIs und zeigt einige typische Anwendungen der Letzteren.