webapis playground

? Web -Apis -Spielplatz

Der Web APIs Playground ist ein Projekt, das die JavaScript -Web -APIs mit Beispielen und Demonstrationen präsentiert. Client-Seite-JavaScript-APIs bietet Wrapper-Funktionen für viele Aufgaben auf niedriger Ebene wie, wie,

• Gerätehardware -Interaktionen
• Client-Seite-Speicherinteraktionen
• 3D -Grafik, Webgl
• Benachrichtigungen
• Audio, Video
• und viele, viele mehr.

Bitte folgen Sie diesem Link, um über verschiedene Web -APIs und ihre Verwendung zu erfahren.

Die App

https://webapis-playground.vercel.app

Vision und Mission dieses Spielplatzes

Die Hauptaufgabe besteht darin, Arbeitsbeispiele für die JavaScript -Web -APIs mit einfacher Demonstration anzugeben, auf die mit Browsern auf verschiedenen Geräten zugegriffen werden kann. Es kann vielen Anfängern zu diesem Thema helfen, zu verstehen, wie die Web -APIs codiert und verwendet werden.

Wie füge ich eine neue Demo hinzu?

Hier finden Sie eine Schritt-für-Schritt-Anleitung, mit der Sie eine neue Demo hinzufügen können.

⚒️ Es wurde mit Next.js entwickelt

Dieses Projekt wird mit Next.js entwickelt. Wenn Sie ein ähnliches Projekt mit JavaScript oder anderen Frameworks wie React , Angular , Vue implementiert haben, erstellen Sie bitte ein Problem, um sie in die Readme aufzunehmen.

? Willst du motivieren?

Wer braucht keine Motivation? Bitte geben Sie dem Projekt einen Star () und/oder teilen Sie es in Ihrem Entwicklerkreis.

Vielen Dank an alle Stargazers , die dieses Projekt mit Stars () unterstützt haben

? ‍♀️ Wie führen Sie das Projekt lokal aus

Das Projekt lokal durchführen,

• Bitte klonen Sie es.
• Durchsuchen Sie das Projektverzeichnis.
• Abhängigkeiten installieren
• Verwenden Sie den Knoten 16.xx oder einen Knotenversionsschalter

npm install
# Or
yarn install

• Führen Sie die Anwendung lokal aus

npm run dev
# Or
yarn dev

• Öffnen Sie den Browser und navigieren Sie zu http://localhost:3000

Was ist enthalten?

Bisher enthält es die folgenden Beispiele:

1. Dateisystem -API
2. Vollbild -API
3. ? Clipboard -API
4. ? Übertragen
5. ? Bildaufnahme
6. ? Netzwerkinformationen
7. ? Größen Sie die Größe des Beobachters
8. ? Zahlungsanfrage
9. ? Vibrations -API
10. ? Batterie -API
11. ? Ziehen und Drop
12. ⚓ Geolocation API
13. ? ️ Bild im Bild
14. Bildschirmaufnahme
15. ✍️ CSS -Schriftart Laden
16. ? ️ Web Speech -API
17. ? Canvas -API
18. ? Zeiger -Erfassungs -API
19. URL -API
20. ? ️ Auswahl -API
21. ? Seite Sichtbarkeit API
22. Webrtc

? Open Source

Dieses Projekt ist Open Source und Open für Beiträge. Wenn Sie nach Beispielen und Demonstrationen suchen, die fehlen, öffnen Sie hier ein Problem. Sie können auch zum Quellcode beitragen, indem Sie ein Beispiel hinzufügen, den Code verbessern und Vorschläge bereitstellen.

? Beitrag zum playground

Jeder positive Beitrag ist willkommen! Bitte helfen Sie uns, zu wachsen, indem Sie zum Projekt beigetragen haben.

Wenn Sie einen Beitrag leisten möchten, können Sie an allen hier aufgeführten Themen arbeiten oder selbst eines erstellen. Nachdem Sie Ihren Code hinzugefügt haben, senden Sie uns bitte eine Pull -Anfrage.

Bitte lesen Sie CONTRIBUTING für unseren CODE OF CONDUCT und den Vorgang zum Senden von Pull -Anfragen an uns.

Unterstützung

Wir alle brauchen Unterstützung und Motivation. WebAPIs Playground ist keine Ausnahme. Bitte geben Sie diesem Projekt ein ️, um zu ermutigen und zu zeigen, dass Ihnen es gefallen hat.

Wenn Sie die App hilfreich fanden, sollten Sie uns mit einem Kaffee unterstützen.

Mitwirkende

Vielen Dank an diese wunderbaren Menschen (Emoji -Schlüssel):

Max -Programmierung	Tapas Adhikary	Nitesh Seram ️️Echen?	Sameer Waskar	Omri Attiya	Yash Raj	Rehan Sattar ?
Muhammad Ahsan Ayaz	Koustov ?	Aanchal	Abhishek Khatri	Avneesh Agarwal	Kunal Singh	Rosie z
Matheus Verissimo	Abiola	Emittieren	Tyler Morales	Chosunosu ?	Šime Vidas ?	Vaibhav Agrawal
Bharati Subramanian ?	Sukhseerat Kaur ?	Richard Nikolas	Varun	Supriya m	Williams Samuel	Geovana S. Ribeiro

Dieses Projekt folgt der All-Contributors-Spezifikation. Beiträge jeglicher Art willkommen!