2013 10-02-backbone-robots-aarhus
2 likes•1,102 views
The document discusses the challenges of building single-page applications (SPAs) and their performance issues from a search engine indexing perspective. It introduces various technologies and frameworks such as Backbone, Underscore, and Drupal for developing SPAs while emphasizing the importance of data accessibility across environments. The author shares insights from their own development journey, including prototype iterations and integrating less-than-ideal APIs.
2013 10-02-backbone-robots-aarhus
- 1. ROBOTS HATE YOUR SINGLE-PAGE APP, LONG LIVE THE ROBOT Niklas Lindgren SC5 Online Ltd
- 2. Hello World! My name is Niklas, I’m on the internet: http://nikc.org/+ http://nikc.org/@ (@nikcorg)
- 3. A Single-Page App <!doctype html> <html> <head> <meta charset=”utf-8”> <title>My Awesome Single-Page App</title> <script src=”/js/app.js”></script> </head> <body/> </html>
- 5. From Start to Finish TodayThe beginning
- 6. Today
- 7. Rewind 9 Months The beginning Toying with the idea
- 9. Choosing the Building Blocks
- 14. Handlebars
- 15. A Quick Aside About Modules
- 20. #Include Drupal
- 21. Getting the Ball Rolling
- 22. Talk HTTP to Me
- 24. Finding Our Way to the Data
- 25. This Might Actually Work The beginning Toying with the idea First working prototype
- 26. Dear Button, Y U NO CLICK?
- 27. Rebooting in the Browser
- 28. Rebooting in the Browser var FooView = module.exports = Backbone.Layout.extend({ });
- 29. Rebooting in the Browser var FooView = module.exports = Backbone.Layout.extend({ events: { "change select": "onClick", "submit": "onSubmit" }, onClick: function (ev) { // Magic }, onSubmit: function (ev) { // More magic } });
- 30. Rebooting in the Browser var FooView = module.exports = Backbone.Layout.extend({ attributes: { "data-reboot-as": "views/foo" } });
- 31. Rebooting in the Browser var FooView = module.exports = Backbone.Layout.extend({ attributes: { "data-reboot-as": "views/foo" }, staticInit: function () { // Hello World! } });
- 32. Academia Is Perfect For Laboratory Conditions
- 33. From Start to Finish TodayThe beginning Toying with the idea First working prototype Real work begins Oh shit. OH YEAH! Oh shit. OH YEAH!
- 34. Working With A Less Than Ideal API Drupal Client
- 35. Working With A Less Than Ideal API Drupal Client
- 37. The Joy of Existing in More Than One Environment
- 40. There’s Always an Exception
- 42. What if I Don't Want a Single-Page App?
- 43. What a Shiny Toy! Can I Play With It?