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

1. WordPress &
BackBone.js
The Dawn of Web Apps

2. @JesperBylund
User Experience Developer
Odd Alice

3. WordPress &
BackBone.js
The Dawn of Web Apps

4. In the beginning there
was static content

5. Suddenly, mobile
emerged

6. Everything became
function and really cool
form

9. JavaScript eats the
world

10. WordPress + BackBone.js

11. BackBone.js

12. JavaScript framework
for RESTful JSON APIs

13. Single Page Apps

14. Model
+
View
+
Router

15. Model
+
View

16. Model: JSON object

17. View: functions and
representations for the
model

18. WordPress
(JSON API)

19. What can WordPress serve?
Everything.

20. What can WordPress serve?
Everything.

21. What can WordPress serve?
Everything.

22. WP API delivers models
to BackBone.js

23. BackBone.js renders
templates from Models

24. WordPress templates
as backwards
compatibility?

25. LoL!
Nothing works without
JS.

26. So how can we use it?

27. Demo Time

28. Collection (model)

31. View

34. But what can we build
with this?

35. Anything WordPress
couldn’t do

36. Questions?
!
@jesperbylund