Web Applications Come of Age

Presented By : Gaurav Gawande

Insides• A Brief History of Web Development.• What is a Web App• Working of Web App• What is a Single Page Apps?• Examples• Why switch to Single Page Apps?• JavaScript Frame work• Advantages• Conclusion

The Web

Years of Development• WWW 1st took off in mid 1990

• netScape introduce JavaScript In 1995

• “Web App“ Servlets Specification version 2.2. In 1999

The Web App

Web App : Allow user to retrieve data

Browser : A Computer program that allow user to interact with web.

REQUEST-RESPONSE

MODEL

Server side Script

The Person coding the interface and the person writing server side both must have detail of each others requirements.

But..

Very slow

&

Need to Reload Every time

Consider Example..

Index.html• Greed.html

Greed.html• Details.html Details.ht

ml

Not Any More..

Model Changed in mid- 2000

2005 -- AJAX

Rise of Single Page Application

• A single-page application (SPA), also known as single-page interface (SPI), is a web application or web site that fits on a single web site with the goal of providing a more fluid user experience akin to a desktop application.

..Wikipedia

ExamplesTwitter Google Mail

What is Single Page App.• As AJAX gained in popularity, we started

seeing a major reversal instead of • "dynamically-generated static web pages"

• "statically-generated dynamic web pages"

• This gave birth to something new:  serve simple static content and do all the dynamic stuff with JavaScript.

• In theory, you could run a whole app with a single page load...

Key Difference

• Here’s a simple server-side web page template with a PHP script that makes some

• SQL queries, plus HTML formatting for a table that contains the results of those .

Request-Response Mode

Working

JavaScript Web App Mode

Working Of Java Script Model

JavaScript Frameworks

WHY USE SPA?

SPA PERFORMANCE• SPAs can improve performance in several ways:• Load time: 1 file each of HTML, CSS, JS,• static files not dynamic• Less data transfer: XHR calls only send• raw data, not HTML markup• Load distribution: dramatically less load• on your server, by distributing it to clients• Caching gets a lot easier and more beneficial

Final Thoughts• !dea is simple • Server Up the Base Presentation Document and • Manipulate it with JS.

• All these benefits explain why developer may want to develop next app on single page App.

<Thank You..!! >