Tools for Polymer at Google IO 2015 Extended in Korea

Anatomy of Polymer Starter Kit

Transcript

1. Polymer Starter Kit Polymer for Tools
3. Polymer Starter Kit
11. index.html 을 생성하고 먼지 모르지만 “webcomponents- lite.js” 하나 넣고 “polymer.html” 추가하고 ????
13. 다운로드 하고, 압축 풀고 먼지 모르지만 npm, bower 설치 하고 gulp serve 명령치 면 아무것도 한 것이 없는데 Polymer 앱 이 동작한다.
17. Download and install
21. .dotfiles - .editorconfig: Defining coding styles and a collection of text editor plugins. intend style, encoding type - .jscsrc: Code style linter for programmatically enforcing your style guide, preset: google, but OPTIONAL or http://eslint.org/ - .jshintrc: Detect errors and potential problems in your JavaScript code
34. PolymerElements/app-layout-templates - https://goo.gl/dOyjOh
40. Development Workflow
41. i’m lovin’ gulp mocha jshint jscs autoprefixer sass sourcemap uglify uncss sw-precache imagemin jasmine babel browser-sync
44. Web Components Tester Config File - Makes testing your web components - More config - persistent: If you want to keep browsers opening
45. 1.0 for Polymer Starter Kit
47. npm-stat: yo - http://goo.gl/GCtnN3
53. http://ih0.redbubble.net/image.45526401.8374/mug,travel,x400,left-bg,ffffff.2.jpg
54. PolymerLabs/crisper - https://goo.gl/pIO7oa
55. gulp-crisper - https://goo.gl/Z7onHz
56. Custom Elements - Explore the world of Web Components - https://goo.gl/QWRvDO
57. Polymer Repositories Status Report - http://goo.gl/B7Y020
58. ragingwind/polymer-samples - https://goo.gl/eX25Ga
59. PolymerLabs/polyserve - https://goo.gl/PsoclS
61. <thank-you> @ragingwind