Transcript Getting started with Single page application

C# Corner
Mumbai Chapter Meet
Getting Started with
SPA technologies
By
swapnal R. chonkar
Introduction to SPA technologies
Disclaimer
All the characters and incidents in this film are
imaginary, resemblance to any person dead or
alive is purely coincidental.
Neither the producer nor the director nor the
artists, nor swapnal intend to outrage, insult ,
wound or hurt any religion or the religious
sentiments, beliefs or feelings of any person(s) or
class or community.
web: world wide web { www }
Normal guy
with in me / realisation
practise
practise
practise
challenges
challenges
challenges
victory
the war within
appreciation and acceptance
prize
get ready for new challenges
Confusion
Expectations are very high for web
developers
Very thin line between front-end and
back-end developer
Multitasking roles and responsibilities.
OLD WAY
We were using DOM manipulation
libraries and technologies like JQUERY,
CSS and HTML5 to deliver great user
experience.
NEW WAY
Single Page Application
What is SAP technology ?
NEW WAY - Single Page Application
SPA are built to expand reach via the
browser.
Reducing round trip.
Enhancing User Experience (UX).
web developer
SPA technologies
Knockout.js
Angular.js
Backbone.js
with in me / realisation
practise
practise
SPA technology and myth
SPA technology and myth
SPA technology and myth
practise
SPA technology and myth
challenges
Page
View
Data
SPA technology and myth
Page – HTML page + CSS
View – Template + CSS
Data – AJAX + Java script
SPA technology and myth
SPA technology and myth
TO DO list
Book management
challenges
SPA technology and myth
Housing.com
Backbone Object {VERSION: "1.0.0",
emulateHTTP: false, emulateJSON:
false, Events: Object, history:
b.History…}
SPA technology
SPA technology
SPA technology
SPA technology
SPA technology and myth
fashionandyou.com
Backbone Object {VERSION: "1.1.2",
emulateHTTP: false, emulateJSON:
false, Events: Object, history:
b.History…}
SPA technology
SPA technology
SPA technology
victory
According to John Papa rather and
SPA, We should call it as RWA (Rich
Web Application)
the war within
SPA technology VS. jquery
SPA technologies and jQuery can't
reasonably be compared.
SPA technology VS. jquery
I think we cannot compare the same.
But yes, we can definitely discuss
advantages of SPA technologies over
SPA
appreciation and acceptance
The Advantage of SPA technologies
A Better Approach
MVC / MVC* pattern support.
More testable code
Templating
Data-binding
The Advantage of SPA technologies
Routing
Clean, modular, reusable architecture
Security
Additional functions/features for
convenience
prize
The Advantage of SPA technologies
cont…
You are very much the blue-eyed boy
in the office.
Famous in girls / boys
You can have better job opportunities.
Promotion
Your only friends
console.log();
alert();
debugger;
Some key points
Enterprise application
SEO
Reference link
References
http://www.johnpapa.net/spa/
http://www.johnpapa.net/pageinspa/
https://www.airpair.com/js/javascript-framework-comparison
Credits
http://cartoondistrict.com/
http://spinoff.comicbookresources.com/
http://www.hdwallpapersinn.com/
http://cdn.collider.com/
http://images6.fanpop.com/
http://fc09.deviantart.net/
http://images1.fanpop.com/
http://static.hitek.fr/
http://i.huffpost.com/
http://www.dvdactive.com/
http://i.ytimg.com/
http://www.bbc.co.uk/
http://youthopia.in/
http://1.bp.blogspot.com/
http://despreneur-cdn.despreneur.netdna-cdn.com/
c-sharp corner team
Mahesh Sir
Vidya Sir
Shiv Sir
Dinesh Beniwal
connect
Vithal Wadje
[email protected]
Mumbai chapter And
you guys .........
https://www.facebook.com/swapnal.chonkar.1
http://www.c-sharpcorner.com/authors/swapnal/swapnal-chonkar.aspx