Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Bienvenidos a Ember Madrid

Sergio Arbeo
February 18, 2015

Bienvenidos a Ember Madrid

Charla de Bienvenida al grupo de Ember Madrid con un vistazo rápido a qué es Ember y un listado de recursos.

Sergio Arbeo

February 18, 2015
Tweet

More Decks by Sergio Arbeo

Other Decks in Programming

Transcript

  1. Sergio Arbeo
    Bienvenidos a Ember Madrid
    Febrero 2015
    meetup.com/Ember-js-Madrid/

    View full-size slide

  2. meetup.com/Ember-js-Madrid/

    View full-size slide

  3. meetup.com/Ember-js-Madrid/
    Sergio Arbeo
    @Serabe
    [email protected]

    View full-size slide

  4. ¿Quién conoce Ember.js?
    meetup.com/Ember-js-Madrid/

    View full-size slide

  5. ¿Qué es Ember.js?
    meetup.com/Ember-js-Madrid/

    View full-size slide

  6. http://emberjs.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  7. http://emberjs.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  8. http://emberjs.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  9. http://emberjs.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  10. Ember.Object system
    meetup.com/Ember-js-Madrid/
    Prelude

    View full-size slide

  11. Pros
    • Efficient CP
    • Observers
    • Mixins
    • Inheritance
    meetup.com/Ember-js-Madrid/
    Cons
    • Verbose
    • Confusing
    • Easy to forget
    • Somehow limiting

    View full-size slide

  12. meetup.com/Ember-js-Madrid/

    View full-size slide

  13. meetup.com/Ember-js-Madrid/

    View full-size slide

  14. Computed Properties
    meetup.com/Ember-js-Madrid/

    View full-size slide

  15. CP
    meetup.com/Ember-js-Madrid/

    View full-size slide

  16. meetup.com/Ember-js-Madrid/

    View full-size slide

  17. Y mucho más
    meetup.com/Ember-js-Madrid/

    View full-size slide

  18. Y mucho más
    meetup.com/Ember-js-Madrid/
    Observers

    View full-size slide

  19. Y mucho más
    meetup.com/Ember-js-Madrid/
    Observers
    Mixins

    View full-size slide

  20. Y mucho más
    meetup.com/Ember-js-Madrid/
    Observers
    Concatenated
    properties
    Mixins

    View full-size slide

  21. Convention
    over
    Configuration
    meetup.com/Ember-js-Madrid/
    Philosophy

    View full-size slide

  22. Pros
    • Less code
    • More portable
    • Productivity
    • Cleanness
    meetup.com/Ember-js-Madrid/
    Cons
    • It’s magic
    • Confusing for beginners
    • You need to learn them
    • Somehow limiting

    View full-size slide

  23. “Browser Application
    Framework”
    meetup.com/Ember-js-Madrid/
    Robin Ward

    View full-size slide

  24. meetup.com/Ember-js-Madrid/

    View full-size slide

  25. Routes
    meetup.com/Ember-js-Madrid/
    Basic

    View full-size slide

  26. meetup.com/Ember-js-Madrid/

    View full-size slide

  27. meetup.com/Ember-js-Madrid/

    View full-size slide

  28. meetup.com/Ember-js-Madrid/

    View full-size slide

  29. meetup.com/Ember-js-Madrid/

    View full-size slide

  30. meetup.com/Ember-js-Madrid/

    View full-size slide

  31. meetup.com/Ember-js-Madrid/

    View full-size slide

  32. meetup.com/Ember-js-Madrid/

    View full-size slide

  33. Controllers
    meetup.com/Ember-js-Madrid/

    View full-size slide

  34. Controllers
    meetup.com/Ember-js-Madrid/
    Decorators

    View full-size slide

  35. meetup.com/Ember-js-Madrid/

    View full-size slide

  36. meetup.com/Ember-js-Madrid/

    View full-size slide

  37. CP Macros
    meetup.com/Ember-js-Madrid/

    View full-size slide

  38. CPM
    meetup.com/Ember-js-Madrid/

    View full-size slide

  39. meetup.com/Ember-js-Madrid/

    View full-size slide

  40. meetup.com/Ember-js-Madrid/

    View full-size slide

  41. Views
    meetup.com/Ember-js-Madrid/

    View full-size slide

  42. Templates
    meetup.com/Ember-js-Madrid/

    View full-size slide

  43. Templates
    • Was built on top of Handlebars
    • Now it uses HTMLBars
    • Data binding
    meetup.com/Ember-js-Madrid/

    View full-size slide

  44. meetup.com/Ember-js-Madrid/

    View full-size slide

  45. meetup.com/Ember-js-Madrid/

    View full-size slide

  46. meetup.com/Ember-js-Madrid/

    View full-size slide

  47. meetup.com/Ember-js-Madrid/

    View full-size slide

  48. http://emberjs.jsbin.com/vopowu/1/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  49. HTMLBars
    meetup.com/Ember-js-Madrid/

    View full-size slide

  50. Components
    meetup.com/Ember-js-Madrid/

    View full-size slide

  51. Cultura General
    meetup.com/Ember-js-Madrid/

    View full-size slide

  52. Release Cycle
    meetup.com/Ember-js-Madrid/

    View full-size slide

  53. Stability without
    Stagnation
    meetup.com/Ember-js-Madrid/
    Philosophy

    View full-size slide

  54. Ember Inspector
    meetup.com/Ember-js-Madrid/

    View full-size slide

  55. Ember CLI
    meetup.com/Ember-js-Madrid/

    View full-size slide

  56. ES6/ES2015
    meetup.com/Ember-js-Madrid/

    View full-size slide

  57. Recursos
    meetup.com/Ember-js-Madrid/

    View full-size slide

  58. Para aprender
    meetup.com/Ember-js-Madrid/

    View full-size slide

  59. http://emberjs.com/guides/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  60. http://www.ember-cli.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  61. rockandrollwithemberjs.com
    meetup.com/Ember-js-Madrid/

    View full-size slide

  62. https://leanpub.com/ember-cli-101/c/ember-madrid
    meetup.com/Ember-js-Madrid/

    View full-size slide

  63. https://teamgaslight.com/training/courses/14-introduction-to-ember-js
    meetup.com/Ember-js-Madrid/

    View full-size slide

  64. Para estar al día
    meetup.com/Ember-js-Madrid/

    View full-size slide

  65. http://discuss.emberjs.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  66. http://www.ember.land/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  67. http://emberweekly.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  68. http://emberjs.com/blog/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  69. Otros
    meetup.com/Ember-js-Madrid/

    View full-size slide

  70. http://emberlondon.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  71. http://www.slideshare.net/ryanlabouve/content-security-policy-44793165
    meetup.com/Ember-js-Madrid/

    View full-size slide

  72. http://slides.com/ryanhayes/enterprise-spa-ember-js
    meetup.com/Ember-js-Madrid/

    View full-size slide

  73. Futuro
    meetup.com/Ember-js-Madrid/

    View full-size slide

  74. meetup.com/Ember-js-Madrid/
    Q&A

    View full-size slide

  75. meetup.com/Ember-js-Madrid/
    Thank you

    View full-size slide