Let's make it with Polymer

Describe a way of starting point for Polymer 2014

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