Web applications have evolved over time from traditional multi-page applications that required full page reloads to modern single-page applications (SPAs) that function more like desktop apps. SPAs are built with JavaScript frameworks on the client-side and use Ajax techniques to update parts of the page dynamically without reloading. This provides a more fluid user experience compared to older request-response models. SPAs can improve performance by reducing load times, transferring less data, distributing load to clients, and enabling easier caching compared to traditional server-side web apps.

1. Web Applications
Come of Age
Presented By : Gaurav Gawande

2. 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

3. The Web

4. Years of Development
• WWW 1st took off in mid 1990
• netScape introduce JavaScript In 1995
•
“Web App“ Servlets Specification version 2.2.
In 1999

5. The Web App
Web App : Allow user to
retrieve data
Browser : A Computer
program that allow
user to interact
with web.

6. REQUEST-RESPONSE
MODEL

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

8. But..
Very slow
&
Need to Reload Every
time

9. Consider Example..
Index.html
Greed.html
• Greed.html
• Details.html
Details.html

10. Not Any More..
Model Changed in mid2000
 2005 -- AJAX

11. 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

12. Examples
Twitter
Google Mail

13. 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...

14. 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 .

15. Request-Response Mode

16. Working

17. JavaScript Web App Mode

18. Working Of Java Script Model

19. JavaScript Frameworks

20. WHY USE SPA?

21. 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

22. 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.

23. <Thank You..!! >