Suche senden
Hochladen
Backbone.js in a real-life application
•
Als KEY, PDF herunterladen
•
4 gefällt mir
•
1,536 views
S
Sebastiano Armeli
Folgen
Presentation held at MelbJS, Melbourne, Australia (14/12/2011)
Weniger lesen
Mehr lesen
Technologie
Bildung
Melden
Teilen
Melden
Teilen
1 von 21
Jetzt herunterladen
Empfohlen
Halloween info
Halloween info
Ramona Violeta Charming
Icalt2002 2
Icalt2002 2
Mikhail Morozov
ЭОР нового поколения по Химии
ЭОР нового поколения по Химии
Mikhail Morozov
Build my dream 4 opdracht 02 show 02
Build my dream 4 opdracht 02 show 02
DienoSaurus
Bmd 6 o1 show
Bmd 6 o1 show
DienoSaurus
How to make courseware for schools interesting
How to make courseware for schools interesting
Mikhail Morozov
Build my dream 4 opdracht 01
Build my dream 4 opdracht 01
DienoSaurus
Timetable daniela huber
Timetable daniela huber
Ramona Violeta Charming
Empfohlen
Halloween info
Halloween info
Ramona Violeta Charming
Icalt2002 2
Icalt2002 2
Mikhail Morozov
ЭОР нового поколения по Химии
ЭОР нового поколения по Химии
Mikhail Morozov
Build my dream 4 opdracht 02 show 02
Build my dream 4 opdracht 02 show 02
DienoSaurus
Bmd 6 o1 show
Bmd 6 o1 show
DienoSaurus
How to make courseware for schools interesting
How to make courseware for schools interesting
Mikhail Morozov
Build my dream 4 opdracht 01
Build my dream 4 opdracht 01
DienoSaurus
Timetable daniela huber
Timetable daniela huber
Ramona Violeta Charming
Sequences
Sequences
Ramona Violeta Charming
Summit 17 04
Summit 17 04
Mikhail Morozov
Indians sign language
Indians sign language
Ramona Violeta Charming
Bmd opdracht 4
Bmd opdracht 4
DienoSaurus
Cscl m mlab-2011
Cscl m mlab-2011
Mikhail Morozov
BMD opdracht 1
BMD opdracht 1
DienoSaurus
Build my dream 4 opdracht 04
Build my dream 4 opdracht 04
DienoSaurus
электронные образовательные ресурсы (2005) для школы
электронные образовательные ресурсы (2005) для школы
Mikhail Morozov
E learn 2005-Moscow
E learn 2005-Moscow
Mikhail Morozov
Sequences
Sequences
Ramona Violeta Charming
Halloween
Halloween
Ramona Violeta Charming
vAcademia 2015
vAcademia 2015
Mikhail Morozov
Mothering sunday kerstin_schnaitl_a[1].doc
Mothering sunday kerstin_schnaitl_a[1].doc
Ramona Violeta Charming
Enforcing coding standards in a JS project
Enforcing coding standards in a JS project
Sebastiano Armeli
Burns night
Burns night
Ramona Violeta Charming
E learning-2004
E learning-2004
Mikhail Morozov
Vacademia 31 10 2013 moscow
Vacademia 31 10 2013 moscow
Mikhail Morozov
A Dança das Emoções
A Dança das Emoções
Paulo Freitas
Bmd opdracht 2
Bmd opdracht 2
DienoSaurus
Bmd opdracht 1
Bmd opdracht 1
DienoSaurus
Unit 07: Design Patterns and Frameworks (3/3)
Unit 07: Design Patterns and Frameworks (3/3)
DSBW 2011/2002 - Carles Farré - Barcelona Tech
SPA using Rails & Backbone
SPA using Rails & Backbone
Ashan Fernando
Weitere ähnliche Inhalte
Andere mochten auch
Sequences
Sequences
Ramona Violeta Charming
Summit 17 04
Summit 17 04
Mikhail Morozov
Indians sign language
Indians sign language
Ramona Violeta Charming
Bmd opdracht 4
Bmd opdracht 4
DienoSaurus
Cscl m mlab-2011
Cscl m mlab-2011
Mikhail Morozov
BMD opdracht 1
BMD opdracht 1
DienoSaurus
Build my dream 4 opdracht 04
Build my dream 4 opdracht 04
DienoSaurus
электронные образовательные ресурсы (2005) для школы
электронные образовательные ресурсы (2005) для школы
Mikhail Morozov
E learn 2005-Moscow
E learn 2005-Moscow
Mikhail Morozov
Sequences
Sequences
Ramona Violeta Charming
Halloween
Halloween
Ramona Violeta Charming
vAcademia 2015
vAcademia 2015
Mikhail Morozov
Mothering sunday kerstin_schnaitl_a[1].doc
Mothering sunday kerstin_schnaitl_a[1].doc
Ramona Violeta Charming
Enforcing coding standards in a JS project
Enforcing coding standards in a JS project
Sebastiano Armeli
Burns night
Burns night
Ramona Violeta Charming
E learning-2004
E learning-2004
Mikhail Morozov
Vacademia 31 10 2013 moscow
Vacademia 31 10 2013 moscow
Mikhail Morozov
A Dança das Emoções
A Dança das Emoções
Paulo Freitas
Bmd opdracht 2
Bmd opdracht 2
DienoSaurus
Bmd opdracht 1
Bmd opdracht 1
DienoSaurus
Andere mochten auch
(20)
Sequences
Sequences
Summit 17 04
Summit 17 04
Indians sign language
Indians sign language
Bmd opdracht 4
Bmd opdracht 4
Cscl m mlab-2011
Cscl m mlab-2011
BMD opdracht 1
BMD opdracht 1
Build my dream 4 opdracht 04
Build my dream 4 opdracht 04
электронные образовательные ресурсы (2005) для школы
электронные образовательные ресурсы (2005) для школы
E learn 2005-Moscow
E learn 2005-Moscow
Sequences
Sequences
Halloween
Halloween
vAcademia 2015
vAcademia 2015
Mothering sunday kerstin_schnaitl_a[1].doc
Mothering sunday kerstin_schnaitl_a[1].doc
Enforcing coding standards in a JS project
Enforcing coding standards in a JS project
Burns night
Burns night
E learning-2004
E learning-2004
Vacademia 31 10 2013 moscow
Vacademia 31 10 2013 moscow
A Dança das Emoções
A Dança das Emoções
Bmd opdracht 2
Bmd opdracht 2
Bmd opdracht 1
Bmd opdracht 1
Ähnlich wie Backbone.js in a real-life application
Unit 07: Design Patterns and Frameworks (3/3)
Unit 07: Design Patterns and Frameworks (3/3)
DSBW 2011/2002 - Carles Farré - Barcelona Tech
SPA using Rails & Backbone
SPA using Rails & Backbone
Ashan Fernando
Pieter De Baets - An introduction to React Native
Pieter De Baets - An introduction to React Native
tlv-ios-dev
Spring-training-in-bangalore
Spring-training-in-bangalore
TIB Academy
React Vs AnagularJS
React Vs AnagularJS
deepakpatil84
struts
struts
Arjun Shanka
Annotation-Based Spring Portlet MVC
Annotation-Based Spring Portlet MVC
John Lewis
Asp.NET MVC
Asp.NET MVC
vrluckyin
Intoduction to Play Framework
Intoduction to Play Framework
Knoldus Inc.
Securing JSF Applications Against the OWASP Top Ten
Securing JSF Applications Against the OWASP Top Ten
David Chandler
How to React Native
How to React Native
Dmitry Ulyanov
ECPPM2014 - Making SimModel information available as RDF graphs
ECPPM2014 - Making SimModel information available as RDF graphs
Pieter Pauwels
Training: Day Four - Struts, Tiles, Renders and Faces
Training: Day Four - Struts, Tiles, Renders and Faces
Artur Ventura
Java one 2010
Java one 2010
scdn
sMash at May NYPHP UG
sMash at May NYPHP UG
Project Zero
Day7
Day7
madamewoolf
Writing HTML5 Web Apps using Backbone.js and GAE
Writing HTML5 Web Apps using Backbone.js and GAE
Ron Reiter
Rails 6 frontend frameworks
Rails 6 frontend frameworks
Eric Guo
Demoiselle Spatial Latinoware 2011
Demoiselle Spatial Latinoware 2011
Rafael Soto
In The Brain of Cagatay Civici: Exploring JavaServer Faces 2.0 and PrimeFaces
In The Brain of Cagatay Civici: Exploring JavaServer Faces 2.0 and PrimeFaces
Skills Matter
Ähnlich wie Backbone.js in a real-life application
(20)
Unit 07: Design Patterns and Frameworks (3/3)
Unit 07: Design Patterns and Frameworks (3/3)
SPA using Rails & Backbone
SPA using Rails & Backbone
Pieter De Baets - An introduction to React Native
Pieter De Baets - An introduction to React Native
Spring-training-in-bangalore
Spring-training-in-bangalore
React Vs AnagularJS
React Vs AnagularJS
struts
struts
Annotation-Based Spring Portlet MVC
Annotation-Based Spring Portlet MVC
Asp.NET MVC
Asp.NET MVC
Intoduction to Play Framework
Intoduction to Play Framework
Securing JSF Applications Against the OWASP Top Ten
Securing JSF Applications Against the OWASP Top Ten
How to React Native
How to React Native
ECPPM2014 - Making SimModel information available as RDF graphs
ECPPM2014 - Making SimModel information available as RDF graphs
Training: Day Four - Struts, Tiles, Renders and Faces
Training: Day Four - Struts, Tiles, Renders and Faces
Java one 2010
Java one 2010
sMash at May NYPHP UG
sMash at May NYPHP UG
Day7
Day7
Writing HTML5 Web Apps using Backbone.js and GAE
Writing HTML5 Web Apps using Backbone.js and GAE
Rails 6 frontend frameworks
Rails 6 frontend frameworks
Demoiselle Spatial Latinoware 2011
Demoiselle Spatial Latinoware 2011
In The Brain of Cagatay Civici: Exploring JavaServer Faces 2.0 and PrimeFaces
In The Brain of Cagatay Civici: Exploring JavaServer Faces 2.0 and PrimeFaces
Mehr von Sebastiano Armeli
Managing a software engineering team
Managing a software engineering team
Sebastiano Armeli
Enforcing coding standards
Enforcing coding standards
Sebastiano Armeli
ES6: The future is now
ES6: The future is now
Sebastiano Armeli
EcmaScript 6 - The future is here
EcmaScript 6 - The future is here
Sebastiano Armeli
Dependency management & Package management in JavaScript
Dependency management & Package management in JavaScript
Sebastiano Armeli
Karma - JS Test Runner
Karma - JS Test Runner
Sebastiano Armeli
RequireJS
RequireJS
Sebastiano Armeli
Lazy load Everything!
Lazy load Everything!
Sebastiano Armeli
MVC on the server and on the client
MVC on the server and on the client
Sebastiano Armeli
Getting started with Selenium 2
Getting started with Selenium 2
Sebastiano Armeli
Web Storage
Web Storage
Sebastiano Armeli
Mehr von Sebastiano Armeli
(11)
Managing a software engineering team
Managing a software engineering team
Enforcing coding standards
Enforcing coding standards
ES6: The future is now
ES6: The future is now
EcmaScript 6 - The future is here
EcmaScript 6 - The future is here
Dependency management & Package management in JavaScript
Dependency management & Package management in JavaScript
Karma - JS Test Runner
Karma - JS Test Runner
RequireJS
RequireJS
Lazy load Everything!
Lazy load Everything!
MVC on the server and on the client
MVC on the server and on the client
Getting started with Selenium 2
Getting started with Selenium 2
Web Storage
Web Storage
Kürzlich hochgeladen
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
lior mazor
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Neo4j
Evaluating the top large language models.pdf
Evaluating the top large language models.pdf
ChristopherTHyatt
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
The Digital Insurer
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
UK Journal
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
Kürzlich hochgeladen
(20)
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Evaluating the top large language models.pdf
Evaluating the top large language models.pdf
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Backbone.js in a real-life application
1.
Backbone.js
in a real-life application Sebastiano Armeli-Battana @sebarmeli https://github.com/sebarmeli December 14 , 2011 MelbJS, Melbourne
2.
Backbone.js JavaScript
MVC Framework Model - View - Collections Lightweight RESTful JSON Interface
3.
Single Page Application AJAX
applications Desktop-like applications State vs Page Hash tag / pushState
4.
Online Purchasing System https://web01.archicentre.com.au/websales/nrma High
Responsive Data-driven Approach Events-oriented
5.
Source code structure /js
application.js models views controllers routers helpers lib live
6.
Source code structure /js
application.js models views $(function){ AC.app_router = new AC.Routers.AppRouter(); controllers Backbone.history.start({root: location.pathname}); }) routers helpers lib live
7.
Router STATE
ACTION
8.
Router STATE
ACTION / index() FormPostcodeView
9.
Router STATE
ACTION / index() FormPostcodeView /#/postcode/xxxx selectRooms() FormRoomsView
10.
Router
STATE ACTION / index() FormPostcodeView /#/postcode/xxxx selectRooms() FormRoomsView /#/postcode/xxxx/product/yyy/rooms/zzz extrasDetails() FormExtrasView
11.
FormPostcodeView
FormPostcodeView PostcodeView
12.
FormPostcodeView
FormPostcodeModel PostcodeModel
13.
FormRoomsView
FormRoomsView PriceView(s)
14.
FormRoomsView
FormRoomsModel ProductQuotesCollection ProductQuoteModel ProductQuoteModel ProductQuoteModel ProductQuoteModel ProductQuoteModel ProductQuoteModel
15.
FormExtrasView FormExtrasView
QuotePriceView ParameterBView ParameterBView ParameterNView ParameterBView
16.
FormExtrasView FormExtrasModel ProductQuote
Model Parameter Parameter Parameter Parameter
17.
Models Backbone.Model Key-value pairs fetch() /
save() RESTful JSON API Validation
18.
Collections Backbone.Collection models attribute fetch() /
save() url attribute parse()
19.
Views Backbone.View el / model
/ events attributes initialize() / render() HTML templating ICanHaz.js
20.
Testing Jasmine-jquery SinonJS
21.
Resources
http://documentcloud.github.com/backbone/ http://www.ibm.com/developerworks/web/library/wa-backbonejs/index.html
Hinweis der Redaktion
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Jetzt herunterladen