Your SlideShare is downloading. ×
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Backbone.js – an introduction
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Backbone.js – an introduction

668

Published on

Backbone.js – an introduction

Backbone.js – an introduction

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
668
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Bobby RoeJavascript Developerat The New York Times Companydeveloping Ricochet
  • 2. Backbone.js An Introduction
  • 3. What is it?Backbone.js is the model & view layerfor your javascript app
  • 4. Why?* The DOM isnt the source of truth in your app.
  • 5. jQuery is good.Storing state in the DOM is bad.
  • 6. * A single source of data for the UI to render.
  • 7. to create a web appnot just a web site
  • 8. Here are a whole bunch of real world projects
  • 9. Core Features
  • 10. Models- attributes
  • 11. Collections- filter, transform, manage your models
  • 12. Views- UI events- data events (on)* acts as controllers
  • 13. Other Features... not covered here -- * Routers * the Sync function
  • 14. Demo -- Mastermind
  • 15. ?
  • 16. ?
  • 17. Mastermind app
  • 18. Model: Turn
  • 19. Collection: Turn_collection
  • 20. View: Turn_view
  • 21. View methods
  • 22. initialize
  • 23. render
  • 24. template
  • 25. Chrome console demo
  • 26. another View: Game_view
  • 27. Game_view: initialize
  • 28. Game_view: render
  • 29. A Couple of Potholes to Avoid
  • 30. Do: Fully re-render your views (fromtemplates).Dont: show / hide bits of UI / get & set HTML attributes.
  • 31. Do: Look at a lot of examples & keep your functions simple & small.Dont write intimidating, epic code.
  • 32. SummaryBackbone is the model & view layer for your app * one source of data * optimized rendering * simple core features that rock
  • 33. Thank youhttp://bobbyroe.com/mm

×