10 Things You Can Build with JavaScript

According to a recent survey conducted by Stack Overflow, JavaScript is the most popular language on earth. What is interesting about these survey results, is that even for developers whose primary responsibility is the back-end (server-side code) they are still more likely to research questions about JavaScript than any other language. That’s largely because JavaScript is inescapable. Ask any of our Java or .NET bootcampers and they will tell you that for their final projects they had to get to a basic level of proficiency with JavaScript. This is also true in the working world. Any teams that do not have dedicated front-end developers, have to do it themselves.

build this with javascript

Atwood’s Law states that: “Any application that can be written in JavaScript, will eventually be written in JavaScript.”

Jeff Atwood was making a joke at JavaScript’s expense, but it has turned out to be more true than not. With advances in browser technology and JavaScript having moved into the server with NodeJS, JavaScript is capable of so much more than it was just a few years ago. Here’s a quick run-down of what you can do with JavaScript. Some of it is pretty obvious, other things less so.

10 Things You Can Build with JavaScript

1. Websites:

Okay, so you can file this one under ‘pretty obvious’. Adding interactivity and behavior to otherwise static sites was what JavaScript was invented to do by Brendan Eich way back in 1995. It’s still used for that. This one’s easy. Any remotely modern web site is running JavaScript on some level. This one’s a gimme.

2. Web Applications:  

As browsers and personal computers have continued to improve, so, too, has the abilities to create robust web applications. Just think of applications like Google Maps. If you want to explore a map in Google Maps, all you have to do is click and drag with the mouse. You may see a part of the map that is less detailed that then fills itself in. That’s JavaScript at work behind the scenes.

3. Presentations:

A very popular use for JavaScript is to create presentations as websites. Who needs Powerpoint or Keynote? Using the RevealJS library this becomes really easy if you’re already familiar with HTML and CSS. If you’re not familiar with these tools, you can still use slides.com, which uses RevealJS to build a web-based slide deck for you.

4. Server applications:

With the advent of NodeJS a few year ago, JavaScript made its way from the browser and into the server. Since then, Node has been adopted by many major companies, such as Wal-Mart, as a key part of their back-end infrastructure.

5. Web Servers:

While we’re on the topic of server applications. Have you seen Node’s Hello World application? It’s easy to build a web server in about 10 lines of code. Of course, you can create much more robust servers using node or the standard server application framework expressJS. Many of the previously mentioned applications using Node are actually built using the MEAN stack (Mongo, Express, Angular, Node), of which Express is a key component.

6. Games:

While the browser hasn’t been a traditional games platform in the past, recently it has become a robust venue for games. Additionally, with the addition of the HTML5 canvas (more on that in a second), the level of complexity that is possible in browser-based games has increased exponentially. There are even browser games to teach you programming!

7. Art:

One of the new features in the HTML5 specification is the canvas element,which allows the browser to render three-dimensional shapes. This opened the browser as a new medium for digital art projects.

8. Smartwatch apps:

Popular smartwatch maker Pebble has created Pebble.js, a small javascript framework that allows a developer to create an application for the Pebble line of watches in JavaScript. But Pebble makes up a relatively small part of the market share. What if you want to develop for iOS or Android…

9. Mobile Apps:using a smartphone app

One of the most powerful things you can do with JavaScript is build applications for non-web contexts. That’s a fancy way of saying you can make apps for things that aren’t the internet. For instance, mobile devices are now the most popular way to access the internet. What this means is that ALL of your websites should be responsive (but that could be another blog post). Additionally, it means that mobile applications are as important a product as a web property for digital goods. The catch is that mobile apps come in two major flavors, Apple and Android. And those apps are written in two completely different languages. So that means you need three times as many developers to build and support a product for mobile devices plus the web. Here’s the good news: It is possible to have a ‘write it once’ solution for all three platforms. Phonegap is one of the oldest and well-established frameworks in this space. More recently React Native has come on the scene and shows a lot of promise of becoming the major player in the cross-platform space. Long story short: You can make mobile apps with JavaScript you can deploy and download right to their respective app stores. Here’s a list of apps made with React Native.

10. Flying Robots:

Yes, you read that right. Several commercially available quadcopters come outfitted with a simple OS that makes it possible to install NodeJS. This means that you can program a flying robot using JavaScript.
As it’s probably pretty clear, Atwood’s Law continues to ring true but not in a bad way. JavaScript remains the most accessible programming language on the planet. So it’s great to see that it’s possible to create such a wide variety of projects using it.

 

Are you ready to learn JavaScript? Join our Front-End Coding Bootcamp.

Front-End Bootcamp Info

Not ready to take that leap? Start with Intro to Web Development Part 1 to learn CSS & HTML. Already know CSS & HTML? Our Intro to Web Development Part 2 gets into JavaScript & jQuery. 

8 thoughts on “10 Things You Can Build with JavaScript”

  1. Ndubugo Njoagwuani says:

    This is beautiful! Didn’t know JavaScript could accomplish do much.
    I have mastered CSS and HTML to an appreciable degree. I just recently started looking at JavaScript. I use a tab for my coding. The coding ground is a google play app called ‘anwriter’. The only set back is that when it has to do with codes that involve images in HTML/CSS, the images don’t show! Please canyou suggest an App/tool that I can download to my tablet and that I can code effectively with and that doesn’t have the setback I pointed out earlier. Thanks
    -Ndubugo

  2. Sadia Afreen says:

    It was a great article, very clear and specific.

  3. aliyudante says:

    I use an app in play store called html editor. The app’s icon is brown and has an Html closing tag on the icon. It’s so far the best app for web programming.

  4. Costas Mikeal says:

    talk about the obvious, wheres the applications that we can build? Click bait!

    1. Hi there –

      Thanks for the feedback. We think it’s important to understand that some folks come to us with little-to-no understanding of programming or what’s possible with software development. This blog gives folks the opportunity to understand what is build using software development. We never intend on having click bait blogs.
      Here’s another article with some great examples: https://www.creativebloq.com/web-design/examples-of-javascript-1233964

  5. Ameya says:

    There’s this HTML Code Play app.. or you could also use the standard html editor for android.

  6. I am relatively new to Java, so this is a great source of knowledge for beginners like me, who just need more insight. Java seems to be extremely universal taking into account all these use cases.

Leave a Reply

Your email address will not be published. Required fields are marked *