{"componentChunkName":"component---src-templates-post-template-js","path":"/posts/javascript-handbook/web-apis/","webpackCompilationHash":"a3ac22c47fe06e2afd02","result":{"data":{"markdownRemark":{"id":"d544d600-1559-5b19-8797-f3d34275d545","html":"<p>Im Folgenden eine kurze Auflistung von Web APIs, die für die Webentwicklung interessant und relevant sind.</p>\n<blockquote class=\"info\">\n  <strong>Hinweis:</strong> Weitere Informationen zu Web APIs finden Sie übrigens in meinem <a href=\"pages/books\">JavaScript-Handbuch</a>.\n</blockquote>\n<!-- more -->\n<ul>\n<li><strong>Ambient Light API</strong>\nErmöglicht den Zugriff auf Informationen bezüglich des Umgebungslichts.\n<br/>Link: <a href=\"https://www.w3.org/TR/ambient-light/\">https://www.w3.org/TR/ambient-light/</a></li>\n<li><strong>Battery Status API</strong>\nErmöglicht den Zugriff auf den Batteriestand (Akkustand) eines Endgeräts.\n<br/>Link: <a href=\"https://www.w3.org/TR/battery-status/\">https://www.w3.org/TR/battery-status/</a></li>\n<li><strong>Canvas API</strong>\nErmöglicht das Zeichnen per JavaScript.\n<br/>Link: <a href=\"https://www.w3.org/TR/2dcontext/\">https://www.w3.org/TR/2dcontext/</a></li>\n<li><strong>Clipboard API</strong>\nErmöglicht den Zugriff auf die Zwischenablage.\n<br/>Link: <a href=\"https://www.w3.org/TR/clipboard-apis/\">https://www.w3.org/TR/clipboard-apis/</a></li>\n<li><strong>Command Line API</strong>\nStellt verschiedene Funktionalitäten rund um das Arbeiten mit der Entwicklerkonsole zur Verfügung.\n<br/>Link: <a href=\"https://developers.google.com/web/tools/chrome-devtools/console/command-line-reference\">https://developers.google.com/web/tools/chrome-devtools/console/command-line-reference</a></li>\n<li><strong>Device Orientation API</strong>\nErmöglicht das Auslesen von Informationen bezüglich der Orientierung von Endgeräten.\n<br/>Link: <a href=\"http://www.w3.org/TR/orientation-event/\">http://www.w3.org/TR/orientation-event/</a></li>\n<li><strong>Fullscreen API</strong>\nErmöglicht das Darstellen einer Webseite im Vollbildmodus.\n<br/>Link: <a href=\"https://fullscreen.spec.whatwg.org/\">https://fullscreen.spec.whatwg.org/</a></li>\n<li><strong>Gamepad API</strong>\nErmöglicht den Zugriff auf Gamepads.\n<br/>Link: <a href=\"https://www.w3.org/TR/gamepad/\">https://www.w3.org/TR/gamepad/</a>\nstatus: Working Draft</li>\n<li><strong>Geolocation API</strong>\nErmöglicht den Zugriff auf Standortinformationen.\n<br/>Link: <a href=\"http://www.w3.org/TR/geolocation-API/\">http://www.w3.org/TR/geolocation-API/</a></li>\n<li><strong>High Resolution Time API</strong>\nErmöglicht den Zugriff auf den aktuellen Zeitpunkt in einer höheren Auflösung als beispielsweise die, die für die Systemzeit verwendet wird.\n<br/>Link: <a href=\"http://www.w3.org/TR/hr-time/\">http://www.w3.org/TR/hr-time/</a></li>\n<li><strong>Indexed Database API</strong>\nErmöglicht den Zugriff auf eine clientseitige Browserdatenbank.\n<br/>Link: <a href=\"http://www.w3.org/TR/IndexedDB\">http://www.w3.org/TR/IndexedDB</a></li>\n<li><strong>Internationalization API</strong>\nErmöglicht die Internationalisierung einer Anwendung.\n<br/>Link: <a href=\"http://www.ecma-international.org/ecma-402/1.0/\">http://www.ecma-international.org/ecma-402/1.0/</a></li>\n<li><strong>Media Capture and Streams API</strong>\nDefiniert eine Schnittstelle für den Zugriff auf Mediendaten wie Audiodaten und Videodaten.\n<br/>Link: <a href=\"http://www.w3.org/TR/mediacapture-streams/\">http://www.w3.org/TR/mediacapture-streams/</a></li>\n<li><strong>Navigation Timing API</strong>\nErmöglicht den Zugriff auf verschiedenen zeitliche Informationen bei der Interaktion von Nutzern mit einer Webseite.\n<br/>Link: <a href=\"http://www.w3.org/TR/navigation-timing/\">http://www.w3.org/TR/navigation-timing/</a></li>\n<li><strong>Network Information API</strong>\nErmöglicht Zugriff auf Verbindungsinformationen eines Endgeräts.\n<br/>Link: <a href=\"http://w3c.github.io/netinfo/\">http://w3c.github.io/netinfo/</a></li>\n<li><strong>Notifications API</strong>\nErmöglicht es, Hinweismeldungen an den Nutzer zu schicken.\n<br/>Link: <a href=\"https://www.w3.org/TR/notifications/\">https://www.w3.org/TR/notifications/</a></li>\n<li><strong>Page Visibility API</strong>\nErmöglicht es, festzustellen, ob eine Webseite aktuell sichtbar ist oder nicht (beispielsweise wenn sie in einem verdeckten Tab geöffnet ist).\n<br/>Link: <a href=\"http://www.w3.org/TR/page-visibility/\">http://www.w3.org/TR/page-visibility/</a></li>\n<li><strong>Payment Request API</strong>\nVereinheitlich Bezahlprozesse auf Webseiten.\n<br/>Link: <a href=\"https://www.w3.org/TR/payment-request/\">https://www.w3.org/TR/payment-request/</a>\nstatus: Working Draft</li>\n<li><strong>Performance Timeline API</strong>\nErmöglicht Zugriff auf Informationen, um die Performance innerhalb einer Webseite zu messen.\n<br/>Link: <a href=\"http://www.w3.org/TR/performance-timeline\">http://www.w3.org/TR/performance-timeline</a></li>\n<li><strong>Presentation API</strong>\nDefiniert eine Schnittstelle für den Zugriff auf externe Präsentations-Displays wie Beamer oder Fernseher.\n<br/>Link: <a href=\"https://www.w3.org/TR/presentation-api/\">https://www.w3.org/TR/presentation-api/</a></li>\n<li><strong>Pointer Events API</strong>\nDefiniert eine einheitliche Schnittstelle für Eingabegeräte wie Maus, Stift und Touchscreen.\n<br/>Link: <a href=\"http://www.w3.org/TR/pointerevents/\">http://www.w3.org/TR/pointerevents/</a></li>\n<li><strong>Progress Events API</strong>\nDefiniert eine Schnittstelle, um auf den Fortschritt von bestimmten Prozessen zugreifen zu können. Wurde in diesem Kapitel beispielsweise verwendet, um den Fortschritt beim Lesen einer Datei zu ermitteln (siehe Unterkapitel Fehler! Verweisquelle konnte nicht gefunden werden.).\n<br/>Link: <a href=\"http://www.w3.org/TR/progress-events\">http://www.w3.org/TR/progress-events</a></li>\n<li><strong>Proximity API</strong>\nErmöglicht den Zugriff auf Angaben zu der Lage von physischen Objekten wie Endgeräten oder Nutzern.\n<br/>Link: <a href=\"http://www.w3.org/TR/proximity/\">http://www.w3.org/TR/proximity/</a></li>\n<li><strong>Resource Timing API</strong>\nErmöglicht den Zugriff auf zeitliche Informationen bezüglich der in einer Webseite eingebundenen Ressourcen, um beispielsweise zu protokollieren, wie lange das Laden einer Ressource dauert.\n<br/>Link: <a href=\"http://www.w3.org/TR/resource-timing/\">http://www.w3.org/TR/resource-timing/</a></li>\n<li><strong>Screen Orientation API</strong>\nErmöglicht den Zugriff auf Orientierungsinformationen von Endgeräten.\n<br/>Link: <a href=\"http://www.w3.org/TR/screen-orientation/\">http://www.w3.org/TR/screen-orientation/</a></li>\n<li><strong>Selection API</strong>\nErmöglicht die Selektion von Inhalten auf einer Webseite.\n<br/>Link: <a href=\"https://www.w3.org/TR/selection-api/\">https://www.w3.org/TR/selection-api/</a>\nstatus: Working Draft</li>\n<li><strong>Server-Sent Events API</strong>\nErmöglicht das Senden von Nachrichten vom Server an den Client.\n<br/>Link: <a href=\"http://www.w3.org/TR/eventsource\">http://www.w3.org/TR/eventsource</a></li>\n<li><strong>Touch Events API</strong>\nDefiniert eine Schnittstelle für den Zugriff auf Touch-Oberflächen.\n<br/>Link: <a href=\"http://www.w3.org/TR/touch-events\">http://www.w3.org/TR/touch-events</a></li>\n<li><strong>User Timing API</strong>\nErmöglicht den Zugriff auf verschiedenen zeitliche Informationen bei der Interaktion von Nutzern mit einer Webseite unter Verwendung von hochauflösenden Zeitinformationen.\n<br/>Link: <a href=\"http://www.w3.org/TR/user-timing/\">http://www.w3.org/TR/user-timing/</a></li>\n<li><strong>Vibration API</strong>\nErmöglicht es, die Vibrationsfunktion von Endgeräten zu nutzen.\n<br/>Link: <a href=\"http://www.w3.org/TR/vibration/\">http://www.w3.org/TR/vibration/</a></li>\n<li><strong>Web Animations API</strong>\nErmöglicht das Erstellen von Animationen innerhalb einer Webseite.\n<br/>Link: <a href=\"https://w3c.github.io/web-animations/\">https://w3c.github.io/web-animations/</a></li>\n<li><strong>Web Audio API</strong>\nErmöglicht das Verarbeiten und Erstellen von Audiodaten innerhalb einer Webseite.\n<br/>Link: <a href=\"https://www.w3.org/TR/webaudio/\">https://www.w3.org/TR/webaudio/</a>\nstatus: Working Draft</li>\n<li><strong>Web Bluetooth API</strong>\nErmöglicht den Zugriff auf Bluetooth-Geräte.\n<br/>Link: <a href=\"https://webbluetoothcg.github.io/web-bluetooth/\">https://webbluetoothcg.github.io/web-bluetooth/</a></li>\n<li><strong>Web Cryptography API</strong>\nErmöglicht kryptographische Operationen mit Hilfe von JavaScript.\n<br/>Link: <a href=\"https://www.w3.org/TR/WebCryptoAPI/\">https://www.w3.org/TR/WebCryptoAPI/</a></li>\n<li><strong>Web Messaging API</strong>\nDefiniert eine Schnittstelle für den Nachrichtenaustausch. Wird beispielsweise bei Server-Sent Events oder Web Sockets verwendet.\n<br/>Link: <a href=\"https://www.w3.org/TR/webmessaging/\">https://www.w3.org/TR/webmessaging/</a></li>\n<li><strong>Web Notification API</strong>\nDefiniert eine Schnittstelle für Benachrichtigungen an Nutzer.\n<br/>Link: <a href=\"http://www.w3.org/TR/notifications/\">http://www.w3.org/TR/notifications/</a></li>\n<li><strong>Web Speech API</strong>\nErmöglicht Sprachausgabe und Spracherkennung.\n<br/>Link: <a href=\"https://dvcs.w3.org/hg/speech-api/raw-file/tip/webspeechapi.html\">https://dvcs.w3.org/hg/speech-api/raw-file/tip/webspeechapi.html</a></li>\n<li><strong>Web Storage API</strong>\nErmöglicht den Zugriff auf einen Browserspeicher.\n<br/>Link: <a href=\"http://www.w3.org/TR/webstorage\">http://www.w3.org/TR/webstorage</a></li>\n<li><strong>Web Workers API</strong>\nErmöglicht die parallele Ausführung von JavaScript-Programmen.\n<br/>Link: <a href=\"http://www.w3.org/TR/workers\">http://www.w3.org/TR/workers</a></li>\n<li><strong>WebSocket API</strong>\nErmöglicht die bidirektionale Kommunikation zwichen Client und Server.\n<br/>Link: <a href=\"http://www.w3.org/TR/websockets\">http://www.w3.org/TR/websockets</a></li>\n</ul>","fields":{"slug":"/posts/javascript-handbook/web-apis/","tagSlugs":["/tag/java-script/","/tag/web-ap-is/"]},"frontmatter":{"date":"2017-04-14T17:50:00.000Z","description":"","tags":["JavaScript","Web APIs"],"title":"Übersicht Web APIs"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/posts/javascript-handbook/web-apis/"}}}