Web apps and websites can appear incredibly similar, and in many ways they are, but there is in fact a difference. Let’s start from the beginning so that we understand the context of websites and web apps.
Table of Contents
- Web Apps Used to Not Exist?
- The Infancy of Web Apps
- Fast Forward to the Present
- What’s the Difference?
- Back to Basics: What's a Website
- Back to Basics: What’s a Web App
Web Apps Used to Not Exist?
Back in the olden days, about 20ish years ago, websites were mainly the only tech on the web for customers to interact with.
- Need to check the news? Website.
- Sending an email? Website.
- Downloading music? P2P Software (shoutout Napster)
The thought of advanced web-based applications simply just wasn’t there at the time.
The Infancy of Web Apps
When looking at the emergence of web-based applications in 2003 the difference between websites and web apps were not too dramatic. Websites were being developed using the same expanded frameworks (HTML, PHP, CSS, and Flash) that had been used for years and that were now getting quite advanced. Web apps were being developed upon those same frameworks as well as a couple others, in an attempt to introduce an entirely new way of using the internet.
Wondering what web apps are actually good for? Check out our blog “What Are Progressive Web Apps Good For” to learn more! We take a more detailed look at the evolution of web apps and explain how they’re different from native apps, mobile apps and more.
Fast Forward to the Present
So then what’s the actual difference between a website and a web application? With the implementation of Ajax, not a lot. It’s mostly a matter of perspective and semantics. Even if you tried to ask Wikipedia or Google, you would get a myriad of definitions for a web application and a website that sound awfully similar, use the same phrases, and link to a lot of the same technologies and programming languages.
Today, distinguishing a URL between a website and web app is often-times very difficult and situational. The internet, consumer technologies, and our reliance on always being connected have enabled a transformation of the web landscape to be something that shifts with the user’s intent.
Let’s take Facebook for example. It’s both a website and a web app. But how can it be both?
Facebook is able to be both a website and web app due to its user inputs, automated response, and interconnectivity:
Going to Facebook.com? Website.
Logging into Facebook.com? Website.
Posting a status on Facebook.com? Website.
Seeing a reaction to your post on Facebook.com? Web app.
Automatically updating your Facebook feed? Web app.
Getting a notification in real-time? Web app.
The point we’re focused on here is the responsive aspect of the website that turns it into a web app.
Ultimately, a website which receives, gathers or aggregates user information from multiple sources at a time and provides the user of that website with a customized web page is to be considered a web app.
What’s the Difference
In the end, the difference between a website and a web app comes down to how it’s built and the primary functions it undertakes when being navigated by a user. As demonstrated in our Facebook example, the main (and only) difference between a website and a web app is the responsive ability of the site based upon user inputs. In the words of Albot, er Sir Isaac Newton - “For every action, there must be an equal and opposite reaction”. Translated into technical terms, for every user input there must be an equal and opposite output from the web app.
Click the “Share Post” button
Facebook automatically shares the post and updates your news feed
Click the “Like” button
Facebook automatically likes the post and shows your like in real time
Typing in the search bar for a band
Facebook automatically updates the search results in real time to show you results as you type
Now that you’ve learned about what constitutes a web app versus a website, check out the list of our “10 Best Collaboration & Organization Apps” . With so many great apps out there to help you and your team collaborate, communicate and organize projects better, how do you choose which one to use?
Want to know more about Websites and Web Apps? Below is a brief summary of both.
Back to Basics: What’s a Website
Websites can be accessed on a range of devices, including desktops, laptops, tablets, and smartphones through a software application called a web browser. Some of the most popular web browsers are Google Chrome, Microsoft Edge, Safari, Mozilla Firefox, and Opera.
Publicly accessible websites are what make up the World Wide Web (WWW). However, there are also private websites that can only be accessed through a private network. The most obvious example of this being internal company websites that communicate directly with employees to provide the latest resources, critical updates, and more.
Back to Basics: What’s a Web App
A web application, or web app for short, is an application that runs over an internet connection on a web server, unlike locally-based software programs that are stored on the operating system of the device being used.
Web applications are accessed by the user through a web browser. These applications are designed for the user to be provided services through an off-site server, hosted by a third-party. The most relevant examples of commonly-used web applications include: Gmail, Amazon, Online Banking, and Ebay.