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 Slide

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

    View 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 Slide

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

    View Slide

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

    View 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 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 Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide