WordPress &
BackBone.js
The Dawn of Web Apps
@JesperBylund
User Experience Developer
Odd Alice
WordPress &
BackBone.js
The Dawn of Web Apps
In the beginning there
was static content
Suddenly, mobile
emerged
Everything became
function and really cool
form
JavaScript eats the
world
WordPress + BackBone.js
BackBone.js
JavaScript framework
for RESTful JSON APIs
Single Page Apps
Model
+
View
+
Router
Model
+
View
Model: JSON object
View: functions and
representations for the
model
WordPress
(JSON API)
What can WordPress serve?
Everything.
What can WordPress serve?
Everything.
What can WordPress serve?
Everything.
WP API delivers models
to BackBone.js
BackBone.js renders
templates from Models
WordPress templates
as backwards
compatibility?
LoL!

Nothing works without
JS.
So how can we use it?
Demo Time
Collection (model)
View
But what can we build
with this?
Anything WordPress
couldn’t do
Questions?
!
@jesperbylund
Wordpress & Backbone: The Dawn of Web Apps
Wordpress & Backbone: The Dawn of Web Apps
Wordpress & Backbone: The Dawn of Web Apps
Wordpress & Backbone: The Dawn of Web Apps
Wordpress & Backbone: The Dawn of Web Apps
Wordpress & Backbone: The Dawn of Web Apps
Upcoming SlideShare
Loading in …5
×

Wordpress & Backbone: The Dawn of Web Apps

3,141 views

Published on

A presentation about how to use BackBone.js and Wordpress to create web apps or interactive widgets. Given at Wordcamp 2014 Norrköping

Published in: Software, Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,141
On SlideShare
0
From Embeds
0
Number of Embeds
2,341
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Wordpress & Backbone: The Dawn of Web Apps

  1. 1. WordPress & BackBone.js The Dawn of Web Apps
  2. 2. @JesperBylund User Experience Developer Odd Alice
  3. 3. WordPress & BackBone.js The Dawn of Web Apps
  4. 4. In the beginning there was static content
  5. 5. Suddenly, mobile emerged
  6. 6. Everything became function and really cool form
  7. 7. JavaScript eats the world
  8. 8. WordPress + BackBone.js
  9. 9. BackBone.js
  10. 10. JavaScript framework for RESTful JSON APIs
  11. 11. Single Page Apps
  12. 12. Model + View + Router
  13. 13. Model + View
  14. 14. Model: JSON object
  15. 15. View: functions and representations for the model
  16. 16. WordPress (JSON API)
  17. 17. What can WordPress serve? Everything.
  18. 18. What can WordPress serve? Everything.
  19. 19. What can WordPress serve? Everything.
  20. 20. WP API delivers models to BackBone.js
  21. 21. BackBone.js renders templates from Models
  22. 22. WordPress templates as backwards compatibility?
  23. 23. LoL! Nothing works without JS.
  24. 24. So how can we use it?
  25. 25. Demo Time
  26. 26. Collection (model)
  27. 27. View
  28. 28. But what can we build with this?
  29. 29. Anything WordPress couldn’t do
  30. 30. Questions? ! @jesperbylund

×