2013 10-02-backbone-robots-aarhus
•
2 j'aime•1,102 vues
SC5 and A-Lehdet just launched a responsive and adaptive website for Tuulilasi, the Finnish media authority for tech reviews of cars and other gadgets. This website relies heavily on search engine traffic, so we needed to support server side rendering. On the other hand we really wanted to use a single page app, but we didn't want to duplicate efforts. This talk shows why the ability to share code between the browser and the server is the best thing since sliced bread. We leveraged this possibility to develop a platform that allows us to run the same application in both environments, ultimately achieving a single page app that also caters to robots.
Recommandé
Contenu connexe
En vedette
En vedette (10)
Similaire à 2013 10-02-backbone-robots-aarhus
Similaire à 2013 10-02-backbone-robots-aarhus (20)
Plus de SC5.io
Dernier
Dernier (20)
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?