Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Intro to Ember
Jason Draper
@drapergeek
Intro to Ember
I hate JavaScript!
I.
Title text
Intro to Ember
What is EmberJS?
Intro to Ember
“A framework for building ambitious
web applications”
Intro to Ember
“Opinionated”
Convention over Configuration
Intro to Ember
We are not special! We all face the
same problems
Intro to Ember
MVC…a different flavor
• Routes
• Models
• Controllers
• Views
• Templates
Intro to Ember
The Router
Intro to Ember
Provides a clean outlines of the
application structure
Intro to Ember
Makes readable URLS
/books/:id
/books/new
Intro to Ember
It is ‘Web Friendly’!
Intro to Ember
Demo Time!
Intro to Ember
Templates & Views in Ember
Intro to Ember
Separation of logic from the template -
handlebars
Intro to Ember
Templates are auto loaded based on
name
Intro to Ember
Any DOM work goes in the view
jQuery primarily
Title text
Demo time!
Intro to Ember
Models
Intro to Ember
Ember-Data is still new - pre 1.0
Intro to Ember
Support for basic adapters -
REST/Fixtures/Local Storage
Intro to Ember
Provides a single store for dealing
with data models
Intro to Ember
Demo time!
Intro to Ember
Controllers - the work horses
Intro to Ember
Decorators for the model
Intro to Ember
Display Logic that is not necessary on
the model
Intro to Ember
Computed Properties!
Intro to Ember
Demo Time!
Intro to Ember
Types of Controllers
Intro to Ember
ObjectController
Wrap a single model
Intro to Ember
ArrayController
Useful for Collections
Handy for sorting
Intro to Ember
Components
Intro to Ember
Reusable JS/HTML
Intro to Ember
Similar to Web Components
No CSS
Intro to Ember
Share Components Between
Applications
Intro to Ember
Demo Time!
Intro to Ember
Downsides
Intro to Ember
Still fairly new - not as popular
Intro to Ember
New to 1.0 - Beware of outdated
information
Intro to Ember
<script>
HTMLBars cannot come soon
enough
</script>
Intro to Ember
Ember Data is still beta
Title text
“Using Ember.js is like hiring a team
of expert Backbone/Angular devs to
solve all the hard problems you’re
goi...
Intro to Ember
Where to Learn more
• Ember Guides
• Ember Weekly
• #emberjs on irc.freenode.net
Intro to Ember
Thank You!
Upcoming SlideShare
Loading in …5
×

Intro to EmberJS

664 views

Published on

Slide from my Intro to Ember Talk at TriangleJS 4/8/14

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Intro to EmberJS

  1. 1. Intro to Ember Jason Draper @drapergeek
  2. 2. Intro to Ember I hate JavaScript!
  3. 3. I. Title text
  4. 4. Intro to Ember What is EmberJS?
  5. 5. Intro to Ember “A framework for building ambitious web applications”
  6. 6. Intro to Ember “Opinionated” Convention over Configuration
  7. 7. Intro to Ember We are not special! We all face the same problems
  8. 8. Intro to Ember MVC…a different flavor • Routes • Models • Controllers • Views • Templates
  9. 9. Intro to Ember The Router
  10. 10. Intro to Ember Provides a clean outlines of the application structure
  11. 11. Intro to Ember Makes readable URLS /books/:id /books/new
  12. 12. Intro to Ember It is ‘Web Friendly’!
  13. 13. Intro to Ember Demo Time!
  14. 14. Intro to Ember Templates & Views in Ember
  15. 15. Intro to Ember Separation of logic from the template - handlebars
  16. 16. Intro to Ember Templates are auto loaded based on name
  17. 17. Intro to Ember Any DOM work goes in the view jQuery primarily
  18. 18. Title text Demo time!
  19. 19. Intro to Ember Models
  20. 20. Intro to Ember Ember-Data is still new - pre 1.0
  21. 21. Intro to Ember Support for basic adapters - REST/Fixtures/Local Storage
  22. 22. Intro to Ember Provides a single store for dealing with data models
  23. 23. Intro to Ember Demo time!
  24. 24. Intro to Ember Controllers - the work horses
  25. 25. Intro to Ember Decorators for the model
  26. 26. Intro to Ember Display Logic that is not necessary on the model
  27. 27. Intro to Ember Computed Properties!
  28. 28. Intro to Ember Demo Time!
  29. 29. Intro to Ember Types of Controllers
  30. 30. Intro to Ember ObjectController Wrap a single model
  31. 31. Intro to Ember ArrayController Useful for Collections Handy for sorting
  32. 32. Intro to Ember Components
  33. 33. Intro to Ember Reusable JS/HTML
  34. 34. Intro to Ember Similar to Web Components No CSS
  35. 35. Intro to Ember Share Components Between Applications
  36. 36. Intro to Ember Demo Time!
  37. 37. Intro to Ember Downsides
  38. 38. Intro to Ember Still fairly new - not as popular
  39. 39. Intro to Ember New to 1.0 - Beware of outdated information
  40. 40. Intro to Ember <script> HTMLBars cannot come soon enough </script>
  41. 41. Intro to Ember Ember Data is still beta
  42. 42. Title text “Using Ember.js is like hiring a team of expert Backbone/Angular devs to solve all the hard problems you’re going to end up solving yourself” - Eric Bryn
  43. 43. Intro to Ember Where to Learn more • Ember Guides • Ember Weekly • #emberjs on irc.freenode.net
  44. 44. Intro to Ember Thank You!

×