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