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

Let's make it with Polymer

Jimmy Moon
September 19, 2014
28

Let's make it with Polymer

Describe a way of starting point for Polymer 2014

Jimmy Moon

September 19, 2014
Tweet

Transcript

  1. 만드세요

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  7. Start with yeoman polymer
    seed-element generator

    View full-size slide

  8. YO POLYMER
    npm install -g generator-polymer

    View full-size slide

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

    View full-size slide

  10. customelements.io

    View full-size slide

  11. {
    "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 full-size slide

  12. bower register

    View full-size slide


  13. +JimmyMoon
    @ragingwind
    ℊragingwind

    View full-size slide