Repository for participants in the web components (Polymer) meeting of the CoP HTML5 and Frontend development.
Front end applications can be built using various frameworks. Those frameworks are often out of date before you had the opportunity to use them in your project and are sometimes characterized by major changes between versions. Additionally, performance can be an issue when using a large framework in your application. Recently, web components have gained attention as they comply with the new W3C standards. This makes front end development using web components more durable and requires little framework specific knowledge. Tonight, we would like to introduce you to web components using the light weight Polymer library and guide you in your first steps into the amazing world of web components.
18.30 - 18.40: Presentation
18.40 - 19.00: Code example
19.00 - later: Create your own web components
Ton Hordijk (ton.hordijk@capgemini.com) - 0652159371
Millitza Kroonenberg (millitza.kroonenberg@capgemini.com) - 0625682746
This repository contains a folder with a small example application. It shows the basics of firing events, event listeners, data binding and styling in Polymer.
Please add a folder for your individual project in this repository for others to see and learn from.
Make sure you have installed NodeJS and NPM on your machine (https://nodejs.org/en/download/).
npm install -g polymer-cli@next
You can check the installation version with
polymer --version
- Create a new folder for your project in this repository.
- Copy the index.html file from the example application to your folder.
- In your folder, create a new (app) element ('polymer init element' may be helpful).
- Include the element in the index.html file.
- View your first element in a browser by running 'polymer serve'.
- Edit your element and include other elements from other participants or webcomponents.org.
- Web components: https://www.webcomponents.org/
- Polymer: https://www.polymer-project.org/
- W3C standards: https://www.w3.org/standards/
Polymer offers an interesting training kit to create your first element or application. See https://www.polymer-project.org/1.0/start/ for more information.