Single page App

374 views

Published on

Published in: Education, Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
374
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Single page App

  1. 1. Web Applications Come of Age Presented By : Gaurav Gawande
  2. 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. 3. The Web
  4. 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. 5. The Web App Web App : Allow user to retrieve data Browser : A Computer program that allow user to interact with web.
  6. 6. REQUEST-RESPONSE MODEL
  7. 7. Server side Script The Person coding the interface and the person writing server side both must have detail of each others requirements.
  8. 8. But.. Very slow & Need to Reload Every time
  9. 9. Consider Example.. Index.html Greed.html • Greed.html • Details.html Details.html
  10. 10. Not Any More.. Model Changed in mid2000  2005 -- AJAX
  11. 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. 12. Examples Twitter Google Mail
  13. 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. 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. 15. Request-Response Mode
  16. 16. Working
  17. 17. JavaScript Web App Mode
  18. 18. Working Of Java Script Model
  19. 19. JavaScript Frameworks
  20. 20. WHY USE SPA?
  21. 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. 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. 23. <Thank You..!! >

×