z
SPAClient Side Awesomeness
By
Sk.
Tajbir
DotNetters
Tech Summit - 2015
RUET
Little bit about me..
Sr. Software
Engineer at Desme
Bangladesh
Technical
Consultant at
KNOW ‘N’ RISE
Product Developer
at jEffectBox
www.sktajbir.com
SPA
Single 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
Security
Error
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 You!
sk_tajbir@outlook.com

SPA

Editor's Notes

  • #15 Source: https://developer.mozilla.org/en-US/docs/AJAX
  • #19 Justin is a founder, and lead developer of JavaScriptMVC. During the day, he is the CEO of Jupiter Consulting, a JavaScript consulting company. When not working on JavaScriptMVC, he's cheating with his other favorite framework - Ruby on Rails.