DEV Community

Cover image for 7 JavaScript Web APIs to build Futuristic Websites you didn't know🤯

7 JavaScript Web APIs to build Futuristic Websites you didn't know🤯

Tapajyoti Bose on February 19, 2023

With the rapidly changing technologies, developers are being provided with incredible new tools and APIs. But it has been seen that out of the 100+...
Collapse
 
anubarak profile image
Robin Schambach

Liar - I knew them all 😜
Especially intersection observers should be used on many pages in order to increase the performance.

Another great tool for custom management systems or other content like this is the Broadcast channel Api. The Drag and Drop API is also interesting (to avoid library overhead)

Collapse
 
tmgaston profile image
Tchinda MOISE GASTON

Interesting.

Collapse
 
htho profile image
Hauke T.

Nice Post.

I'd suggest you to add links to the according MDN pages.

Note that the WebShare API is not available (yet) in Firefox Desktop: developer.mozilla.org/en-US/docs/W...

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀

Learned one or two thanks 🙏

Collapse
 
bretbernhoft profile image
Bret Bernhoft

The clipboard API is one of the more powerful tools mentioned on this post, in my opinion. You can add entire files, including images, to a persons clipboard in association with any event. That's a lot of flexibility.

Collapse
 
abdulmuminyqn profile image
Abdulmumin yaqeen

Really great API's.

Please is it possible to share media with the Web Share Api?

Collapse
 
zalithka profile image
Andre Greeff

the MDN docs for the Web Share API does state:

The Web Share API allows a site to share text, links, files, and other content to user-selected share targets, utilizing the sharing mechanisms of the underlying operating system.

the docs for the navigator.share() also includes a list of shareable types. so yes, you can indeed share "media files". (:

Collapse
 
varshithvhegde profile image
Varshith V Hegde

I particularly like screen Capture API

Collapse
 
legaciespanda profile image
Ernest Obot

Lovely

Collapse
 
junaidashraf profile image
Junaid Ashraf

Wow it's just amazing, thanks dude. Such a helpful post. My takeaway, Screen Capture API & Intersection Observer API 😋

Collapse
 
wilmela profile image
Wilmela

Lovely, thanks for sharing.

Collapse
 
saurabhmisra profile image
Saurabh Misra

Wow! This is a great list. I wasn't aware of any of these native APIs. Thanks for sharing.👍

Collapse
 
developeratul profile image
Minhazur Rahman Ratul

Thanks for sharing! I am amazed by the Screen capture API.

Collapse
 
layanyashoda profile image
Layan Yasoda

Such a helpful post.

Collapse
 
gamerseo profile image
Gamerseo

It looks great to ask if the scripts don't overload the website too much.

Collapse
 
amargoel profile image
Amar Goel

i like these. the screen capture API is cool.

Collapse
 
sarma_akondi_746f338b83b7 profile image
Sarma Akondi

Awesome

Collapse
 
ashutosh_dev profile image
Ashutosh_dev

Screen Capture and Screen Orientation API was like......💖

Collapse
 
pterpmnta profile image
Pedro Pimienta M.

Great post!!

Collapse
 
omprakash2929 profile image
Omprakashchauhan

Amezing 🔥🔥

Collapse
 
ardhityawiedhairawan profile image
Ardhitya Wiedha Irawan

Thank for sharing. This is awesome!

Collapse
 
mezieb profile image
Okoro chimezie bright

Great thanks for sharing👍

Collapse
 
hammedcoder profile image
HammedCoder

Thanks for this huge resources, please can you share a roadmap for backend with nodejs. Thanks

Collapse
 
hammedcoder profile image
HammedCoder

Please include a resources for guidance if possible.

Collapse
 
zalithka profile image
Andre Greeff

thanks for the refresher! I did already know most of them, but I haven't really used them as much as I would like... this makes me want to go play with them now.

so... after work then. definitely. :D

Collapse
 
richardrichardson profile image
RichardRichardson

It's really interesting.

Collapse
 
kossijulesketika profile image
Jules le dev

Thanks
Very useful

Collapse
 
clericcoder profile image
Abdulsalaam Noibi

Wow,Great Article

Collapse
 
adesina_ini profile image
Inioluwa Adesina

This is useful. Thanks for sharing 🙂😊

Collapse
 
vulcanwm profile image
Medea

This is great, especially the infinite scroll!

Collapse
 
codenear profile image
Codenear

Nice!
Thnx ;)

Collapse
 
candlepeter profile image
Isienyi Paschal Ejike

Thank you for sharing.

Collapse
 
vitomohagheghian profile image
vito.mohagheghian

Thanks for sharing

Collapse
 
lotfijb profile image
Lotfi Jebali

Useful

Collapse
 
ebuka1anthony profile image
ebuka anthony

wowwwwwwwwwwwwwwww. i'm building beautiful stuff on this.

Collapse
 
anhtran304 profile image
Anh Tran

Great, thanks for sharing, very helpful

Collapse
 
theashutoshshukl01 profile image
Ashutosh shukla

Very nice post thanks for shering this with us.

Collapse
 
bakardev profile image
Muhib ur Rahman Bakar

Nice

Collapse
 
voltra profile image
Voltra

Oh god, that Clipboard API is a security hazard

Collapse
 
tmgaston profile image
Tchinda MOISE GASTON

Wow. Discovered new APIs in Javascript. Detailed post. Thanks.

Collapse
 
abdo84758101 profile image
abdo

n

Collapse
 
satyendrachaudhary profile image
Satyendra Chaudhary

Well there are a lot of them documented over mdn, even the experimental ones. You can get bluetooth devices, wifi networks and a lot more.

Collapse
 
jungar1111 profile image
jungar1111

So I tried 'screen capture API' in edge, Firefox, and Chrome. It does not work in any of them. Any thoughts?

link

Collapse
 
caixiangyangcd profile image
CaixiangyangCD

thanks for sharing.

Collapse
 
caixiangyangcd profile image
CaixiangyangCD

yeah

Collapse
 
kapicaoskar0 profile image
Oskar Kapica

nice thing to know!****

Collapse
 
lifetech365 profile image
LifeTech365

It just blow my mind 🤣🤣

Collapse
 
kiganou profile image
kiganou

OMG, the screen capture is an awsome one ! thanks for sharing

Collapse
 
arrebcer1107 profile image
Sweta

Amazing it is.

I am gonna explore these API's for sure.