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

Let's make it with Polymer

Jimmy Moon
September 19, 2014
24

Let's make it with Polymer

Describe a way of starting point for Polymer 2014

Jimmy Moon

September 19, 2014
Tweet

Transcript

  1. 만드세요

    View Slide

  2. +JimmyMoon
    @ragingwind
    ℊragingwind
    #itshackademic
    @polymer

    View Slide

  3. Agenda
    Reusable Polymer elements
    Let’s make Polymer elements
    Share!

    View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. View Slide

  8. View Slide

  9. Start with
    github.com/PolymerLabs/seed-element

    View Slide

  10. View Slide

  11. youtube.com/watch?v=COre7dxmOHc
    Coding video
    Creating reusable
    Polymer elements with

    View Slide

  12. youtube.com/watch?v=2toYLLcoY14

    View Slide

  13. Start with yeoman polymer
    seed-element generator

    View Slide

  14. YO POLYMER
    npm install -g generator-polymer

    View Slide

  15. View Slide

  16. youtube.com/watch?v=etquLcgoWtU
    Coding video
    Creating reusable Polymer elements with
    Yeoman generator

    View Slide

  17. Share!

    View Slide

  18. View Slide

  19. customelements.io

    View Slide

  20. View Slide

  21. {
    "name": "my-element",
    "version": "0.0.0",
    "description": "My awesome Custom Element",
    "license": "MIT",
    "keywords": [
    "polymer",
    "web-components"
    ],
    "ignore": [
    "**/.*",
    "node_modules",
    "bower_components"
    ]
    bower.json
    @polymer #itshackademic

    View Slide

  22. View Slide

  23. View Slide

  24. View Slide

  25. bower register

    View Slide

  26. View Slide


  27. +JimmyMoon
    @ragingwind
    ℊragingwind

    View Slide