What is the difference between Static and Dynamic web application

In this tutorial we are going to learn what is Static and Dynamic web Applications.

Static Web application

A Static web application is a web application that can be delivered directly to an end users browser without any server side interaction of the HTML, CSS or JavaScript content, while this can encompass very flat, unchanging sites like a corporate web site.

Static web applications generally refer to rich sites that utilize technologies into browser instead of the server to deliver dynamic content.

Ex: behindjava.com, reactgo.com, kodeazy.com

Dynamic Web application

A server-side dynamic web page is a web page whose construction is controlled by an application server processing server-side scripts. In server-side scripting, parameters determine how the assembly of every new web page proceeds, including the setting up of more client-side processing.

A client-side dynamic web page processes the web page using HTML scripting running in the browser as it loads. JavaScript and other scripting languages determine the way the HTML in the received page is parsed into the Document Object Model, or DOM, that represents the loaded web page.

The same client-side techniques can then dynamically update or change the DOM in the same way. Even though a web page can be dynamic on the client-side, it can still be hosted on a static hosting service such as GitHub Pages or Amazon S3 as long as there isn’t any server-side code included.

For example, dynamic sites allow you to create a user, comment on a post like E-Commerce sites, Facebook etc.