z SPA Client Side Awesomeness By Sk. Tajb ir DotNetters Tech Summit - 2015 RUET
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
z
SPAClient Side Awesomeness
By
Sk.Tajbir
DotNettersTech Summit - 2015RUET
Little bit about me..
Sr. Software Engineer at
Desme Bangladesh
Technical Consultant at
KNOW ‘N’ RISE
Product Developer at jEffectBox
www.sktajbir.com
SPASingle Page Apps
This is not SPA
What’s a SPA?
Web app that fits on single web page providing a comfortable and
responsive user experience by loading all necessary code with a
single page load
Google Mail
Trello (www.trello.com)
How Request & Response Works?
How Request & Response Works? (Cont.)
How Request & Response Works? (Cont.)
How Request & Response Works? (Cont.)
How SPA Works?
Traditional vs. SPA
What’s AJAX?
Asynchronous JavaScript + XML is an approach to using a number of existing technologies
together, including: HTML or XHTML, Cascading Style Sheets, JavaScript, The Document Object
Model, XML, XSLT, and most importantly the XMLHttpRequest object.
When these technologies are combined in the Ajax model, web applications are able to make quick,
incremental updates to the user interface without reloading the entire browser page. This makes the
application faster and more responsive to user actions.
Why SPA?
Rich User Experience
Same App for all
Devices
Reduced Round
Tripping
What you need to build SPA?
Project Idea
HTML5/CSS3
Angular Js
Require Js
WebApi as Web Service
SingnalR for Push
Notification
Data Storage
Key Factors while creating SPA
SecurityError
Handling in JS
Performance
JS Code Complexity
Justin Mayer Says..
“ The secret of building large apps is never build large apps. Break your application into small pieces. Then, assemble those testable, bite-sized pieces into your big application. “
Thank [email protected]
Related Documents
