A short technical overview of Sammy, a client-side JavaScript framework, inspired by the server-side Ruby framework Sinatra.

1. All about
Sammy

2. Who is Sammy?

3. A Clientside
JavaScript
Framework
Inspired by Sinatra, a server-side
framework from the Ruby World
and created by:
Aaron Quint :: quirkey.com

4. For single-page apps
(no-reload, a la gmail)

5. Using the URL Hash
(#...)
http://yourapp.com/#/
http://yourapp.com/#/posts
http://yourapp.com/#/posts/hello-world

6. Remains bookmarkable
Retains “back” button

7. Built on jQuery

8. Tiny
About 7kb when minified

9. The App

10. Application Function

11. Routes
verb + path + callback

12. Example: a little jQuery

13. Verbs
GET, POST, PUT, DELETE, and bind

14. Client-Side Forms
This is where ‘post’ comes in...

15. Create a “post” route
“posts” have access to a params hash

16. Route Paths
• Can be a string '#/say_my_name'
• Or a regular expression /#/by_name/(.*)/ params[‘splat’]
• Named params '#/by_name/:name' params[‘name’]

17. Binding
Routes that respond to internal events

18. Triggering
Execute bound routes with trigger(event_name, ...)

19. Bind/Trigger Example

20. Templates & Partials
ERB style notation. HTML, substitute variables, etc.
Template file: “task_details.html.erb”

21. Multiple apps, one page
• each app bound to specific element
• unique ID and namespace
• possible to create controller apps for
individual elements, widgets, etc.

22. Data Storage
• CouchDB
• CloudKit
• Client-side Storage
So many buzzwords, so little time...

23. Thanks!
Scott Becker - http://synthesis.sbecker.net
http://twitter.com/sbecker