Client-seitige Web-APIs

Anwendungsprogrammierschnittstellen (APIs) sind Programmierfunktionen zur Manipulation verschiedener Aspekte des Browsers und des Betriebssystems, auf dem die Website läuft, oder zur Verarbeitung von Daten von anderen Webseiten 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 mit diesem Modul beginnen, sollten Sie wirklich die Grundlagen von JavaScript erlernt haben, insbesondere die Grundlagen von JavaScript-Objekten und die grundlegende API-Abdeckung wie DOM-Scripting und Netzwerkanfragen.

Es wäre auch hilfreich, sich mit HTML und CSS auszukennen.

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

Tutorials

Einführung in Web-APIs: Zuerst werfen wir einen Blick auf APIs aus einer übergeordneten Perspektive — was sind sie, wie funktionieren sie, wie verwendet man sie im eigenen Code und wie sind sie strukturiert? Wir betrachten auch, welche verschiedenen Hauptklassen von APIs es gibt und welche Verwendungszwecke sie haben.
Video- und Audio-APIs: HTML enthält Elemente zum Einbetten von Multimedia-Inhalten in Dokumente — <video> und <audio> — die wiederum über eigene APIs zur Steuerung der Wiedergabe, des Suchvorgangs usw. verfügen. Dieser Artikel zeigt Ihnen, wie Sie gängige Aufgaben wie das Erstellen benutzerdefinierter Wiedergabesteuerungen durchführen.
Grafiken zeichnen: Der Browser enthält einige sehr leistungsstarke Grafikprogrammierwerkzeuge, von der Scalable Vector Graphics (SVG)-Sprache 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 und weitere Ressourcen, damit Sie mehr lernen können.
Client-seitige Speicher: 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 speichern und mehr. Dieser Artikel erklärt die Grundlagen, wie diese funktionieren.
APIs von Drittanbietern: Die bisher behandelten APIs sind in den Browser integriert, aber nicht alle APIs sind es. Viele große Webseiten 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 anzuzeigen oder den Facebook-Login zu verwenden, um Ihre Nutzer anzumelden). Dieser Artikel betrachtet den Unterschied zwischen Browser-APIs und Drittanbieter-APIs und zeigt einige typische Verwendungen der letzteren.