├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── 1-lit-html ├── scaffold.html └── solutions │ ├── 1-hello-world.html │ ├── 2-variables.html │ ├── 3-re-render.html │ ├── 4-render-array.html │ ├── 5-map-templates.html │ └── 6-event-listeners.html ├── 2-lit-element ├── assignments │ ├── 1-hello-world.html │ ├── 10-template-function.html │ ├── 2-fetch-first-article.html │ ├── 3-render-articles.html │ ├── 4-child-component.html │ ├── 5-read-toggle.html │ ├── 5b-upwards-data.html │ ├── 6-filter-articles.html │ ├── 7-styling.html │ ├── 8-polymer-components.html │ ├── 9-read-unread-counter.html │ ├── advanced:conditional-templates.html │ ├── advanced:directives.html │ ├── advanced:placeholder-content.html │ └── advanced:shared-styles.html └── solutions │ ├── 1-hello-world.html │ ├── 10-template-function.html │ ├── 2-fetch-first-article.html │ ├── 3-render-articles.html │ ├── 4-child-component.html │ ├── 5-read-toggle.html │ ├── 5b-upwards-data.html │ ├── 6-filter-articles.html │ ├── 7-styling.html │ ├── 8-polymer-components.html │ └── 9-read-unread-counter.html ├── README.md ├── index.html ├── package.json └── polymer-lit-cheatsheet.md /.eslintignore: -------------------------------------------------------------------------------- 1 | coverage/ 2 | node_modules/ 3 | _site/ 4 | dist/ 5 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/.eslintrc.js -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | package-lock.json 2 | node_modules -------------------------------------------------------------------------------- /1-lit-html/scaffold.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/1-lit-html/scaffold.html -------------------------------------------------------------------------------- /1-lit-html/solutions/1-hello-world.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/1-lit-html/solutions/1-hello-world.html -------------------------------------------------------------------------------- /1-lit-html/solutions/2-variables.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/1-lit-html/solutions/2-variables.html -------------------------------------------------------------------------------- /1-lit-html/solutions/3-re-render.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/1-lit-html/solutions/3-re-render.html -------------------------------------------------------------------------------- /1-lit-html/solutions/4-render-array.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/1-lit-html/solutions/4-render-array.html -------------------------------------------------------------------------------- /1-lit-html/solutions/5-map-templates.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/1-lit-html/solutions/5-map-templates.html -------------------------------------------------------------------------------- /1-lit-html/solutions/6-event-listeners.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/1-lit-html/solutions/6-event-listeners.html -------------------------------------------------------------------------------- /2-lit-element/assignments/1-hello-world.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/assignments/1-hello-world.html -------------------------------------------------------------------------------- /2-lit-element/assignments/10-template-function.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/assignments/10-template-function.html -------------------------------------------------------------------------------- /2-lit-element/assignments/2-fetch-first-article.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/assignments/2-fetch-first-article.html -------------------------------------------------------------------------------- /2-lit-element/assignments/3-render-articles.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/assignments/3-render-articles.html -------------------------------------------------------------------------------- /2-lit-element/assignments/4-child-component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/assignments/4-child-component.html -------------------------------------------------------------------------------- /2-lit-element/assignments/5-read-toggle.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/assignments/5-read-toggle.html -------------------------------------------------------------------------------- /2-lit-element/assignments/5b-upwards-data.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/assignments/5b-upwards-data.html -------------------------------------------------------------------------------- /2-lit-element/assignments/6-filter-articles.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/assignments/6-filter-articles.html -------------------------------------------------------------------------------- /2-lit-element/assignments/7-styling.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/assignments/7-styling.html -------------------------------------------------------------------------------- /2-lit-element/assignments/8-polymer-components.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/assignments/8-polymer-components.html -------------------------------------------------------------------------------- /2-lit-element/assignments/9-read-unread-counter.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/assignments/9-read-unread-counter.html -------------------------------------------------------------------------------- /2-lit-element/assignments/advanced:conditional-templates.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/assignments/advanced:conditional-templates.html -------------------------------------------------------------------------------- /2-lit-element/assignments/advanced:directives.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/assignments/advanced:directives.html -------------------------------------------------------------------------------- /2-lit-element/assignments/advanced:placeholder-content.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/assignments/advanced:placeholder-content.html -------------------------------------------------------------------------------- /2-lit-element/assignments/advanced:shared-styles.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/assignments/advanced:shared-styles.html -------------------------------------------------------------------------------- /2-lit-element/solutions/1-hello-world.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/solutions/1-hello-world.html -------------------------------------------------------------------------------- /2-lit-element/solutions/10-template-function.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/solutions/10-template-function.html -------------------------------------------------------------------------------- /2-lit-element/solutions/2-fetch-first-article.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/solutions/2-fetch-first-article.html -------------------------------------------------------------------------------- /2-lit-element/solutions/3-render-articles.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/solutions/3-render-articles.html -------------------------------------------------------------------------------- /2-lit-element/solutions/4-child-component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/solutions/4-child-component.html -------------------------------------------------------------------------------- /2-lit-element/solutions/5-read-toggle.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/solutions/5-read-toggle.html -------------------------------------------------------------------------------- /2-lit-element/solutions/5b-upwards-data.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/solutions/5b-upwards-data.html -------------------------------------------------------------------------------- /2-lit-element/solutions/6-filter-articles.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/solutions/6-filter-articles.html -------------------------------------------------------------------------------- /2-lit-element/solutions/7-styling.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/solutions/7-styling.html -------------------------------------------------------------------------------- /2-lit-element/solutions/8-polymer-components.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/solutions/8-polymer-components.html -------------------------------------------------------------------------------- /2-lit-element/solutions/9-read-unread-counter.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/2-lit-element/solutions/9-read-unread-counter.html -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/README.md -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/index.html -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/package.json -------------------------------------------------------------------------------- /polymer-lit-cheatsheet.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LarsDenBakker/lit-html-workshop/HEAD/polymer-lit-cheatsheet.md --------------------------------------------------------------------------------