Put a little Backbone in your WordPress
-
Upload
adamsilverstein -
Category
Internet
-
view
195 -
download
1
description
Transcript of Put a little Backbone in your WordPress
![Page 1: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/1.jpg)
Put a little
Backbone in
your
WordPress
httptunedinnetwcto2014
Backbone is Awesome
Includes Underscorejs also awesome
WordPress makes Backbone easier
Outline
Backbone is Awesome
Philosophically Backbone is an
attempt to discover the minimal set
of data-structuring (models and
collections) and user interface (views
and URLs) primitives that are
generally useful when building web
applications with JavaScript
Prototypes Models Collections Views
Plus Events Routes History
Getting and Saving Data
Bootstrapping
AJAXAJAJ
JSON REST API
Backbone Basics
Highly interactive pages - front end or admin
Single page application with more than one state
Helps keep your code maintainable
Gets your truth out of the DOM
Really simple well documented easy to understand
Modular - use what you need
Bundled with WordPress
Why use Backbone
httpbackbonejsorgexamples
Rdio Hulu Gawker Foursquare Disqus Khan Academy Basecamp Stripe AirBnB Pandora Code School CloudApp Trello and on
Backbone in WordPress corehellip
Some Examples
Backbone in WordPress
Core
media
revisions
themes
what next
Collections _map _where _pluck _filter
Functions _memoize _throttle _debounce _once
_delay _defer
Utility _pick _extend _defaults
httpunderscorejsorg
Underscore is Awesome
Underscore Examples
Underscore Examples
WordPress and Backbone
WordPress JSON REST API
wp_localize_script
wp_ajax_(action)
wp_createverify_nonce
wp_remote_get
getset_transient
wp_send_json_successerror
wptemplate wpBackboneviewsubview
Coding Backbone is fun
Coding Backbone is fun
annotated source codebackbonejsorgdocsbackbonehtml
simple and extendable - meant
to be flexible
clean structure templates code
data binding
Considerations
Accessibility
nojs
Internationalization
Building a Demo App
Backbone driven plugin to
display user directory
Grabs data by scraping
WordCamp attendee
page
Data stored in CPT
passed via JSON REST
API
httpsgithubcomadamsilversteinbackbone-directory
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 2: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/2.jpg)
Backbone is Awesome
Includes Underscorejs also awesome
WordPress makes Backbone easier
Outline
Backbone is Awesome
Philosophically Backbone is an
attempt to discover the minimal set
of data-structuring (models and
collections) and user interface (views
and URLs) primitives that are
generally useful when building web
applications with JavaScript
Prototypes Models Collections Views
Plus Events Routes History
Getting and Saving Data
Bootstrapping
AJAXAJAJ
JSON REST API
Backbone Basics
Highly interactive pages - front end or admin
Single page application with more than one state
Helps keep your code maintainable
Gets your truth out of the DOM
Really simple well documented easy to understand
Modular - use what you need
Bundled with WordPress
Why use Backbone
httpbackbonejsorgexamples
Rdio Hulu Gawker Foursquare Disqus Khan Academy Basecamp Stripe AirBnB Pandora Code School CloudApp Trello and on
Backbone in WordPress corehellip
Some Examples
Backbone in WordPress
Core
media
revisions
themes
what next
Collections _map _where _pluck _filter
Functions _memoize _throttle _debounce _once
_delay _defer
Utility _pick _extend _defaults
httpunderscorejsorg
Underscore is Awesome
Underscore Examples
Underscore Examples
WordPress and Backbone
WordPress JSON REST API
wp_localize_script
wp_ajax_(action)
wp_createverify_nonce
wp_remote_get
getset_transient
wp_send_json_successerror
wptemplate wpBackboneviewsubview
Coding Backbone is fun
Coding Backbone is fun
annotated source codebackbonejsorgdocsbackbonehtml
simple and extendable - meant
to be flexible
clean structure templates code
data binding
Considerations
Accessibility
nojs
Internationalization
Building a Demo App
Backbone driven plugin to
display user directory
Grabs data by scraping
WordCamp attendee
page
Data stored in CPT
passed via JSON REST
API
httpsgithubcomadamsilversteinbackbone-directory
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 3: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/3.jpg)
Backbone is Awesome
Philosophically Backbone is an
attempt to discover the minimal set
of data-structuring (models and
collections) and user interface (views
and URLs) primitives that are
generally useful when building web
applications with JavaScript
Prototypes Models Collections Views
Plus Events Routes History
Getting and Saving Data
Bootstrapping
AJAXAJAJ
JSON REST API
Backbone Basics
Highly interactive pages - front end or admin
Single page application with more than one state
Helps keep your code maintainable
Gets your truth out of the DOM
Really simple well documented easy to understand
Modular - use what you need
Bundled with WordPress
Why use Backbone
httpbackbonejsorgexamples
Rdio Hulu Gawker Foursquare Disqus Khan Academy Basecamp Stripe AirBnB Pandora Code School CloudApp Trello and on
Backbone in WordPress corehellip
Some Examples
Backbone in WordPress
Core
media
revisions
themes
what next
Collections _map _where _pluck _filter
Functions _memoize _throttle _debounce _once
_delay _defer
Utility _pick _extend _defaults
httpunderscorejsorg
Underscore is Awesome
Underscore Examples
Underscore Examples
WordPress and Backbone
WordPress JSON REST API
wp_localize_script
wp_ajax_(action)
wp_createverify_nonce
wp_remote_get
getset_transient
wp_send_json_successerror
wptemplate wpBackboneviewsubview
Coding Backbone is fun
Coding Backbone is fun
annotated source codebackbonejsorgdocsbackbonehtml
simple and extendable - meant
to be flexible
clean structure templates code
data binding
Considerations
Accessibility
nojs
Internationalization
Building a Demo App
Backbone driven plugin to
display user directory
Grabs data by scraping
WordCamp attendee
page
Data stored in CPT
passed via JSON REST
API
httpsgithubcomadamsilversteinbackbone-directory
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 4: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/4.jpg)
Prototypes Models Collections Views
Plus Events Routes History
Getting and Saving Data
Bootstrapping
AJAXAJAJ
JSON REST API
Backbone Basics
Highly interactive pages - front end or admin
Single page application with more than one state
Helps keep your code maintainable
Gets your truth out of the DOM
Really simple well documented easy to understand
Modular - use what you need
Bundled with WordPress
Why use Backbone
httpbackbonejsorgexamples
Rdio Hulu Gawker Foursquare Disqus Khan Academy Basecamp Stripe AirBnB Pandora Code School CloudApp Trello and on
Backbone in WordPress corehellip
Some Examples
Backbone in WordPress
Core
media
revisions
themes
what next
Collections _map _where _pluck _filter
Functions _memoize _throttle _debounce _once
_delay _defer
Utility _pick _extend _defaults
httpunderscorejsorg
Underscore is Awesome
Underscore Examples
Underscore Examples
WordPress and Backbone
WordPress JSON REST API
wp_localize_script
wp_ajax_(action)
wp_createverify_nonce
wp_remote_get
getset_transient
wp_send_json_successerror
wptemplate wpBackboneviewsubview
Coding Backbone is fun
Coding Backbone is fun
annotated source codebackbonejsorgdocsbackbonehtml
simple and extendable - meant
to be flexible
clean structure templates code
data binding
Considerations
Accessibility
nojs
Internationalization
Building a Demo App
Backbone driven plugin to
display user directory
Grabs data by scraping
WordCamp attendee
page
Data stored in CPT
passed via JSON REST
API
httpsgithubcomadamsilversteinbackbone-directory
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 5: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/5.jpg)
Highly interactive pages - front end or admin
Single page application with more than one state
Helps keep your code maintainable
Gets your truth out of the DOM
Really simple well documented easy to understand
Modular - use what you need
Bundled with WordPress
Why use Backbone
httpbackbonejsorgexamples
Rdio Hulu Gawker Foursquare Disqus Khan Academy Basecamp Stripe AirBnB Pandora Code School CloudApp Trello and on
Backbone in WordPress corehellip
Some Examples
Backbone in WordPress
Core
media
revisions
themes
what next
Collections _map _where _pluck _filter
Functions _memoize _throttle _debounce _once
_delay _defer
Utility _pick _extend _defaults
httpunderscorejsorg
Underscore is Awesome
Underscore Examples
Underscore Examples
WordPress and Backbone
WordPress JSON REST API
wp_localize_script
wp_ajax_(action)
wp_createverify_nonce
wp_remote_get
getset_transient
wp_send_json_successerror
wptemplate wpBackboneviewsubview
Coding Backbone is fun
Coding Backbone is fun
annotated source codebackbonejsorgdocsbackbonehtml
simple and extendable - meant
to be flexible
clean structure templates code
data binding
Considerations
Accessibility
nojs
Internationalization
Building a Demo App
Backbone driven plugin to
display user directory
Grabs data by scraping
WordCamp attendee
page
Data stored in CPT
passed via JSON REST
API
httpsgithubcomadamsilversteinbackbone-directory
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 6: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/6.jpg)
httpbackbonejsorgexamples
Rdio Hulu Gawker Foursquare Disqus Khan Academy Basecamp Stripe AirBnB Pandora Code School CloudApp Trello and on
Backbone in WordPress corehellip
Some Examples
Backbone in WordPress
Core
media
revisions
themes
what next
Collections _map _where _pluck _filter
Functions _memoize _throttle _debounce _once
_delay _defer
Utility _pick _extend _defaults
httpunderscorejsorg
Underscore is Awesome
Underscore Examples
Underscore Examples
WordPress and Backbone
WordPress JSON REST API
wp_localize_script
wp_ajax_(action)
wp_createverify_nonce
wp_remote_get
getset_transient
wp_send_json_successerror
wptemplate wpBackboneviewsubview
Coding Backbone is fun
Coding Backbone is fun
annotated source codebackbonejsorgdocsbackbonehtml
simple and extendable - meant
to be flexible
clean structure templates code
data binding
Considerations
Accessibility
nojs
Internationalization
Building a Demo App
Backbone driven plugin to
display user directory
Grabs data by scraping
WordCamp attendee
page
Data stored in CPT
passed via JSON REST
API
httpsgithubcomadamsilversteinbackbone-directory
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 7: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/7.jpg)
Backbone in WordPress
Core
media
revisions
themes
what next
Collections _map _where _pluck _filter
Functions _memoize _throttle _debounce _once
_delay _defer
Utility _pick _extend _defaults
httpunderscorejsorg
Underscore is Awesome
Underscore Examples
Underscore Examples
WordPress and Backbone
WordPress JSON REST API
wp_localize_script
wp_ajax_(action)
wp_createverify_nonce
wp_remote_get
getset_transient
wp_send_json_successerror
wptemplate wpBackboneviewsubview
Coding Backbone is fun
Coding Backbone is fun
annotated source codebackbonejsorgdocsbackbonehtml
simple and extendable - meant
to be flexible
clean structure templates code
data binding
Considerations
Accessibility
nojs
Internationalization
Building a Demo App
Backbone driven plugin to
display user directory
Grabs data by scraping
WordCamp attendee
page
Data stored in CPT
passed via JSON REST
API
httpsgithubcomadamsilversteinbackbone-directory
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 8: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/8.jpg)
Collections _map _where _pluck _filter
Functions _memoize _throttle _debounce _once
_delay _defer
Utility _pick _extend _defaults
httpunderscorejsorg
Underscore is Awesome
Underscore Examples
Underscore Examples
WordPress and Backbone
WordPress JSON REST API
wp_localize_script
wp_ajax_(action)
wp_createverify_nonce
wp_remote_get
getset_transient
wp_send_json_successerror
wptemplate wpBackboneviewsubview
Coding Backbone is fun
Coding Backbone is fun
annotated source codebackbonejsorgdocsbackbonehtml
simple and extendable - meant
to be flexible
clean structure templates code
data binding
Considerations
Accessibility
nojs
Internationalization
Building a Demo App
Backbone driven plugin to
display user directory
Grabs data by scraping
WordCamp attendee
page
Data stored in CPT
passed via JSON REST
API
httpsgithubcomadamsilversteinbackbone-directory
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 9: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/9.jpg)
Underscore Examples
Underscore Examples
WordPress and Backbone
WordPress JSON REST API
wp_localize_script
wp_ajax_(action)
wp_createverify_nonce
wp_remote_get
getset_transient
wp_send_json_successerror
wptemplate wpBackboneviewsubview
Coding Backbone is fun
Coding Backbone is fun
annotated source codebackbonejsorgdocsbackbonehtml
simple and extendable - meant
to be flexible
clean structure templates code
data binding
Considerations
Accessibility
nojs
Internationalization
Building a Demo App
Backbone driven plugin to
display user directory
Grabs data by scraping
WordCamp attendee
page
Data stored in CPT
passed via JSON REST
API
httpsgithubcomadamsilversteinbackbone-directory
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 10: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/10.jpg)
Underscore Examples
WordPress and Backbone
WordPress JSON REST API
wp_localize_script
wp_ajax_(action)
wp_createverify_nonce
wp_remote_get
getset_transient
wp_send_json_successerror
wptemplate wpBackboneviewsubview
Coding Backbone is fun
Coding Backbone is fun
annotated source codebackbonejsorgdocsbackbonehtml
simple and extendable - meant
to be flexible
clean structure templates code
data binding
Considerations
Accessibility
nojs
Internationalization
Building a Demo App
Backbone driven plugin to
display user directory
Grabs data by scraping
WordCamp attendee
page
Data stored in CPT
passed via JSON REST
API
httpsgithubcomadamsilversteinbackbone-directory
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 11: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/11.jpg)
WordPress and Backbone
WordPress JSON REST API
wp_localize_script
wp_ajax_(action)
wp_createverify_nonce
wp_remote_get
getset_transient
wp_send_json_successerror
wptemplate wpBackboneviewsubview
Coding Backbone is fun
Coding Backbone is fun
annotated source codebackbonejsorgdocsbackbonehtml
simple and extendable - meant
to be flexible
clean structure templates code
data binding
Considerations
Accessibility
nojs
Internationalization
Building a Demo App
Backbone driven plugin to
display user directory
Grabs data by scraping
WordCamp attendee
page
Data stored in CPT
passed via JSON REST
API
httpsgithubcomadamsilversteinbackbone-directory
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 12: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/12.jpg)
Coding Backbone is fun
Coding Backbone is fun
annotated source codebackbonejsorgdocsbackbonehtml
simple and extendable - meant
to be flexible
clean structure templates code
data binding
Considerations
Accessibility
nojs
Internationalization
Building a Demo App
Backbone driven plugin to
display user directory
Grabs data by scraping
WordCamp attendee
page
Data stored in CPT
passed via JSON REST
API
httpsgithubcomadamsilversteinbackbone-directory
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 13: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/13.jpg)
Coding Backbone is fun
annotated source codebackbonejsorgdocsbackbonehtml
simple and extendable - meant
to be flexible
clean structure templates code
data binding
Considerations
Accessibility
nojs
Internationalization
Building a Demo App
Backbone driven plugin to
display user directory
Grabs data by scraping
WordCamp attendee
page
Data stored in CPT
passed via JSON REST
API
httpsgithubcomadamsilversteinbackbone-directory
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 14: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/14.jpg)
Considerations
Accessibility
nojs
Internationalization
Building a Demo App
Backbone driven plugin to
display user directory
Grabs data by scraping
WordCamp attendee
page
Data stored in CPT
passed via JSON REST
API
httpsgithubcomadamsilversteinbackbone-directory
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 15: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/15.jpg)
Building a Demo App
Backbone driven plugin to
display user directory
Grabs data by scraping
WordCamp attendee
page
Data stored in CPT
passed via JSON REST
API
httpsgithubcomadamsilversteinbackbone-directory
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 16: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/16.jpg)
Mockup
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 17: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/17.jpg)
Model Person
Collection PersonCollection
Views PersonDisplay PersonDetail Search Bar Grid
Router routes details=name search=search
Structure
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 18: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/18.jpg)
Person Model
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 19: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/19.jpg)
Person Collection
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 20: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/20.jpg)
Views
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 21: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/21.jpg)
Router
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 22: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/22.jpg)
Fetch
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 23: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/23.jpg)
PHP
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 24: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/24.jpg)
wp-
jsonpostsfilter[posts_per_page]=80ampfilter[or
der]=ASCampfilter[offset]=0amptype=backbonedire
ctory
Fetch
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 25: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/25.jpg)
Templates - Person
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 26: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/26.jpg)
Templates - Person Detail
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 27: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/27.jpg)
Result
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 28: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/28.jpg)
Start Using Backbone
Wireframes
Models Collections
Views templatesrendering
Data bootstrap data new data updates
Events
Routing History
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 29: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/29.jpg)
Should You Use
Backbone
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 30: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/30.jpg)
Backbone - httpbackbonejsorg
Underscore - httpunderscorejsorg
Code School Backbone course -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
Developing Backbone Applications -
httpswwwcodeschoolcompathsjavascriptbackbo
ne-js
JSON REST API - httpswordpressorgpluginsjson-
rest-api
TLC Transients - githubcommarkjaquithWP-TLC-
Transients
wpBackboneViewSubview -
httpwordpresstv20141103mark-jaquith-
backbone-views-in-wordpress
WP JSON REST API - httpsgithubcomWP-
APIWP-API
Resources
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014
![Page 31: Put a little Backbone in your WordPress](https://reader033.fdocuments.net/reader033/viewer/2022042817/559c1c5f1a28ab05158b462a/html5/thumbnails/31.jpg)
Aboutbull Save assembly code onto cassettes
bull Good at JavaScript amp bug squashing
bull Love contributing to WordPress Core
bull Revisions Component Maintainer
bull Managing Engineer at 10up
httptunedinnetwcto2014