- start by running over this page
- checkout the latest branch and checkout its first commit in history, then follow the README.md of that commit
Web Components? Oh no! Not another javascript frontend framework! - you might think. Don't worry! Web Components are not another framework! Web Components are not a framework at all! Just think of them as a concept or a standardized pattern for using some great new core platform features of the browser.
'Yeah - if you say so ...', your inner voice might reply, '... but ...', and thats a very long '... buuuuuuut ...': 'Polymer is a framework or is it not?' So back where we started, just shout it out loud: 'Polymer? Oh no! Not another javascript frontend framework!'.
You got me there. Polymer is not a core feature of the browser platform and it IS code and not a concept or usage pattern! - But wait. Is the ajax part of jquery a framework? Is momentjs a framework? To me, they are not. To me, these are just libraries that make developer live much easier, when it comes to ajax requests and dates. To me, the same is true for Polymer. Polymer makes my life a lot easier, when it comes to writing custom elments. Thank you for that!
Polymer has an ever growing ecosystem. That's not a bad thing. But that's not what this introduction is about. This introduction is about the core library and not about the frameworks you can build on top of it. There are some aspects of the core library that i think are framework-ish, e.g. some implications on its use of bower and HTML imports, but these aspects are evolving and i still hope for the best.
<!doctype html>
<html>
<head></head>
<body>
<input value="2016-06-10" type="date" onchange="document.querySelector('#user_text').textContent = this.value">
<div>Dein Datum: <span id="user_text" style="font-weight: bold">2016-06-10</span></div>
</body>
</html>
- HTML/DOM - hierarchical structure
- elements - semantic, look and feel, dynamic
- CSS/style - look and feel
- Javascript - dynamic, logic
- Events - dynamic
Web Components are based on emerging web standards
In its core its an implementation of Web Components
Good starting points:
- Polymer Summit 2015 especially Thinking in Polymer
-
git (Git for Windows)