Your SlideShare is downloading. ×
0
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Single page App
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Single page App

172

Published on

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

No Downloads
Views
Total Views
172
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×