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

Componentes: DD

Componentes: DD

Pasando parámetros en componentes

Sergio Arbeo

April 20, 2016
Tweet

More Decks by Sergio Arbeo

Other Decks in Programming

Transcript

  1. Sergio Arbeo
    Bienvenidos
    Abril 2016
    meetup.com/Ember-js-Madrid/

    View full-size slide

  2. Welcome back!
    meetup.com/Ember-js-Madrid/

    View full-size slide

  3. Welcome back!
    meetup.com/Ember-js-Madrid/
    Stickers
    Thanks to Tracy Lee (@ladyleet)
    Speaker
    Daniel Sudol: Encontrando Factory Guy para crear las pruebas
    sin dolor de cabeza
    Sergio Arbeo: Componentes: DD
    Enrique Álvarez: Componentes: AU

    View full-size slide

  4. Sergio Arbeo
    Components: DD
    Abril 2016
    meetup.com/Ember-js-Madrid/

    View full-size slide

  5. It’s a me, Sergio
    meetup.com/Ember-js-Madrid/

    View full-size slide

  6. It’s a me, Sergio
    meetup.com/Ember-js-Madrid/
    Implemented Contextual Components guided and helped by
    mixonic
    Member of the Issue Triage team.

    View full-size slide

  7. Implemented Contextual Components guided and helped by
    mixonic
    Member of the Issue Triage team.
    It’s a me, Sergio
    meetup.com/Ember-js-Madrid/

    View full-size slide

  8. It’s a it, Ember.Component
    meetup.com/Ember-js-Madrid/

    View full-size slide

  9. It’s a it, Ember.Component
    meetup.com/Ember-js-Madrid/
    Object

    View full-size slide

  10. It’s a it, Ember.Component
    meetup.com/Ember-js-Madrid/
    Object Template

    View full-size slide

  11. It’s a it, Ember.Component
    meetup.com/Ember-js-Madrid/
    Object Template

    View full-size slide

  12. It’s a it, Ember.Component
    meetup.com/Ember-js-Madrid/
    Object Template

    View full-size slide

  13. It’s a it, Ember.Component
    meetup.com/Ember-js-Madrid/
    Object Template

    View full-size slide

  14. It’s a it, Ember.Component
    meetup.com/Ember-js-Madrid/
    Object Template

    View full-size slide

  15. It’s a it, Ember.Component
    meetup.com/Ember-js-Madrid/
    Object Template

    View full-size slide

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

    View full-size slide

  17. DD
    meetup.com/Ember-js-Madrid/
    AU

    View full-size slide

  18. DD
    meetup.com/Ember-js-Madrid/

    View full-size slide

  19. Data Down
    meetup.com/Ember-js-Madrid/

    View full-size slide

  20. Data Down
    meetup.com/Ember-js-Madrid/
    How do I pass
    ?

    View full-size slide

  21. 1. Arguments
    1. Named parameters
    2. Positional parameters
    2. Services
    meetup.com/Ember-js-Madrid/

    View full-size slide

  22. Hash arguments
    meetup.com/Ember-js-Madrid/

    View full-size slide

  23. Ember Twiddle time!
    meetup.com/Ember-js-Madrid/

    View full-size slide

  24. {{my-component
    field=value}}
    meetup.com/Ember-js-Madrid/

    View full-size slide

  25. {{my-component
    field=(readonly value)}}
    meetup.com/Ember-js-Madrid/

    View full-size slide

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

    View full-size slide

  27. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/

    View full-size slide

  28. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com

    View full-size slide

  29. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/69eddc5940d2f0db0cf84864a4a3161c

    View full-size slide

  30. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/69eddc5940d2f0db0cf84864a4a3161c

    View full-size slide

  31. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/69eddc5940d2f0db0cf84864a4a3161c

    View full-size slide

  32. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/69eddc5940d2f0db0cf84864a4a3161c

    View full-size slide

  33. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/69eddc5940d2f0db0cf84864a4a3161c

    View full-size slide

  34. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/69eddc5940d2f0db0cf84864a4a3161c

    View full-size slide

  35. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com/69eddc5940d2f0db0cf84864a4a3161c

    View full-size slide

  36. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com

    View full-size slide

  37. Positional Parameters
    meetup.com/Ember-js-Madrid/
    https://ember-twiddle.com

    View full-size slide

  38. Positional Arguments
    meetup.com/Ember-js-Madrid/
    Rest / Varargs / Arbitrary / Whatever

    View full-size slide

  39. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  40. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  41. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  42. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  43. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  44. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  45. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  46. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  47. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  48. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  49. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  50. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  51. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  52. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  53. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  54. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  55. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  56. https://ember-twiddle.com/
    meetup.com/Ember-js-Madrid/

    View full-size slide

  57. More on DD
    meetup.com/Ember-js-Madrid/

    View full-size slide

  58. http://miguelcamba.com
    meetup.com/Ember-js-Madrid/

    View full-size slide

  59. http://balinterdi.com
    meetup.com/Ember-js-Madrid/

    View full-size slide

  60. http://serabe.com
    meetup.com/Ember-js-Madrid/

    View full-size slide

  61. Questions?
    meetup.com/Ember-js-Madrid/

    View full-size slide

  62. Thank you!
    meetup.com/Ember-js-Madrid/

    View full-size slide