What you can build with JavaScript

Liudmila Mzhachikh — Wed, 10 Nov 2021 19:29:53 +0000

JavaScript was originally invented to "bring web pages to life". In nowadays JS feels comfortable on a server and continues to explore new areas.

I was interested in existing non-trivial uses of JavaScript. I have researched the question and made this overview. It includes examples from flying drone controlling to machine learning. In this article you can find links helpful for beginners.

There probably is much more that could have been mentioned here. Please add other interesting JavaScript use cases in the comments, let's make a complete list.

Let's Begin 👇

1️⃣ Native and Hybrid Mobile Apps

You can build cross platform app with React Native, Ionic or PhoneGap.

2️⃣ Desktop Apps

Desktop applications are built with the Electron framework. VS Code, Skype, Slack are also written in JS, by the way.

3️⃣ Browser Extensions

Writing a browser extension is pretty easy. You can write your own extension in vanilla JS for your own goals.

4️⃣ Software Plugins

Extensions for Photoshop and Sketch can be written in JS.

5️⃣ GameDev

Nowadays, a lot of games are being developed with JS. Among them are many games that help you learn coding. There is a great article on MDN with resources for JS game development. You can write games in both vanilla JS and engines like PixiJS.

6️⃣ 3D Graphics

WebGL can do really cool things. The Three.js library is by far the most popular for working with WebGL.

7️⃣ Video and Audio Players

You can play video and audio in browser using HTML5 and JS. The VideoJS library can be helpful.

8️⃣ Internet of Things

IOT is a plenty of devices controlled over the Internet: a refrigerator that orders products itself, all kinds of sensors and remote monitoring systems - everything that can be automated. Through Node.js, you can interact with robots and other devices. There are even quadcopters that you can install a Node.js on. There are a lot of libraries for IOT.

9️⃣ Smart TV

You can write JS applications using the Samsung SDK.

1️⃣0️⃣ Smart Watch

The Pebble smartwatch company has released the Pebble.js framework for writing applications for their platform in JS. You cannot write applications for iOS and Android in JS... but who knows what will happen in the future :)

1️⃣1️⃣ Smart Columns

Applications (skills) for smart columns (voice assistants) are written in Node.js.

1️⃣2️⃣ Payment Terminals

Interfaces of payment and information terminals and other self-service devices can be built with JS.

1️⃣3️⃣ WebRTC

WebRTC is technology that allows Web applications to capture and selectively transmit audio and/or video media streams and exchange data directly between browsers, without additional plugins, in real time.

1️⃣4️⃣ AR/VR

Virtual and augmented reality in browser using the WebVR API and 3D graphics. Take a look what cool things can be done with this technologies.

1️⃣5️⃣ Machine Learning

With JS you can create and train your own neural networks, as well as use ready-made solution developed in other languages. TensorFlow.js is the most popular JS library for ML. Using ML, you can, for example, teach a website to catalog goods for an online store right at the frontend, or show suggestions for you text while typing and do many other cool things.

Jason Mayes

@jason_mayes

So @devdevcharlie just made a tutorial for making fruit ninja in the browser with #TensorFlowJS - go check it out - it looks super fun! Check the video tutorial here: youtube.com/watch?v=lSMJ-3…
Blog: dev.to/devdevcharlie/…
#MadeWithTFJS #FruitNinja #JavaScript #WebDev #JS #Creative

05:54 AM - 13 May 2020

1️⃣6️⃣ Space

And what if I told you that JS flew into space 🤯

Jason Mayes

@jason_mayes

So #JS made it into space! #SpaceX uses #Chromium + #JavaScript for the Dragon 2 flight interface along with C++ for flight computers. JavaScript is not a toy folk, time to accept it. #NASA @BrendanEich space.stackexchange.com/questions/9243…

22:53 PM - 31 May 2020

And finally, check this inspirational collection of JS examples and vanilla JS projects examples. They might suggest an idea for your pet project. Also here is the 30 Day Vanilla JS Coding Challenge - 30 tutorials on different JS features.

Happy Coding! :)

Follow me ➡️
https://twitter.com/lucyhackwrench
https://tglink.ru/frontend_thoughts

Forem: Liudmila Mzhachikh