OLD | NEW |
1 --- | 1 --- |
2 layout: default | 2 layout: default |
3 title: "Polymer.dart" | 3 title: "Polymer.dart" |
4 description: "Standards-based web components: | 4 description: "Standards-based web components: |
5 custom elements, templates, | 5 custom elements, templates, |
6 and data binding for Dart web apps. A Dart port of Polymer." | 6 and data binding for Dart web apps. A Dart port of Polymer." |
7 has-permalinks: true | 7 has-permalinks: true |
8 --- | 8 --- |
9 | 9 |
10 <style> | 10 <style> |
(...skipping 101 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
112 available to you today. | 112 available to you today. |
113 | 113 |
114 </div> | 114 </div> |
115 | 115 |
116 </div> | 116 </div> |
117 | 117 |
118 <hr> | 118 <hr> |
119 | 119 |
120 ## Examples | 120 ## Examples |
121 | 121 |
| 122 Here's some code that uses Polymer.dart. |
| 123 Also see the Dart tutorials' |
| 124 [Define a Custom Element](/docs/tutorials/polymer-intro/), |
| 125 which provides an example and a description |
| 126 of defining, implementing, and instantiating |
| 127 a custom element. |
| 128 |
122 ### Custom elements | 129 ### Custom elements |
123 | 130 |
124 Extend the lexicon of HTML with your own custom elements. | 131 Extend the lexicon of HTML with your own custom elements. |
125 | 132 |
126 Below is a simple custom element. More advanced custom elements | 133 Below is a simple custom element. More advanced custom elements |
127 can contain their own styles, custom behavior, attributes, | 134 can contain their own styles, custom behavior, attributes, |
128 data binding, and more. | 135 data binding, and more. |
129 | 136 |
130 {% prettify html %} | 137 {% prettify html %} |
131 <head> | 138 <head> |
(...skipping 305 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
437 | Polymer Expressions | Tracking | 444 | Polymer Expressions | Tracking |
438 | [Polymer Core](https://github.com/Polymer/polymer) | Tracking | 445 | [Polymer Core](https://github.com/Polymer/polymer) | Tracking |
439 | Pointer events | Not started | 446 | Pointer events | Not started |
440 | Web animations | Not started | 447 | Web animations | Not started |
441 | [Polymer base elements](https://github.com/Polymer/polymer-elements) | Not sta
rted | 448 | [Polymer base elements](https://github.com/Polymer/polymer-elements) | Not sta
rted |
442 | [Polymer UI elements](https://github.com/Polymer/polymer-ui-elements) | Not st
arted | 449 | [Polymer UI elements](https://github.com/Polymer/polymer-ui-elements) | Not st
arted |
443 {: .table} | 450 {: .table} |
444 | 451 |
445 <hr> | 452 <hr> |
446 | 453 |
| 454 ## Tutorials |
| 455 |
| 456 [Define a Custom Element](/docs/tutorials/polymer-intro/), |
| 457 part of the |
| 458 [Dart tutorials](/docs/tutorials/), |
| 459 provides a detailed introduction to using Polymer.dart to create |
| 460 custom elements. |
| 461 You can also check out the other |
| 462 [examples](/docs/tutorials/polymer-intro/#what-next) |
| 463 in the tutorials that use Polymer. |
| 464 |
447 ## Additional reading | 465 ## Additional reading |
448 | 466 |
449 The cultured Dartisan studies the specifications and articles that cover | 467 The cultured Dartisan studies the specifications and articles that cover |
450 the lower-level primitives and features of the polymer.dart libraries. | 468 the lower-level primitives and features of the polymer.dart libraries. |
451 | 469 |
452 ### Polymer | 470 ### Polymer |
453 | 471 |
454 * Read Polymer's [guiding principles](http://www.polymer-project.org/#guiding-pr
inciples) | 472 * Read Polymer's [guiding principles](http://www.polymer-project.org/#guiding-pr
inciples) |
455 * Watch the [Hello, Polymer!](http://www.youtube.com/watch?v=irGDN5Ysi_A) | 473 * Watch the [Hello, Polymer!](http://www.youtube.com/watch?v=irGDN5Ysi_A) |
456 video featuring some of the lead members of Polymer. | 474 video featuring some of the lead members of Polymer. |
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
495 | 513 |
496 [polymer]: http://www.polymer-project.org | 514 [polymer]: http://www.polymer-project.org |
497 [so]: http://stackoverflow.com/tags/dart | 515 [so]: http://stackoverflow.com/tags/dart |
498 [web-ui-list]: https://groups.google.com/a/dartlang.org/forum/#!forum/web-ui | 516 [web-ui-list]: https://groups.google.com/a/dartlang.org/forum/#!forum/web-ui |
499 [polymer-dev-list]: https://groups.google.com/forum/?fromgroups=#!forum/polymer-
dev | 517 [polymer-dev-list]: https://groups.google.com/forum/?fromgroups=#!forum/polymer-
dev |
500 [dartbug]: http://dartbug.com/new | 518 [dartbug]: http://dartbug.com/new |
501 [custom-elements-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/c
ustom/index.html | 519 [custom-elements-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/c
ustom/index.html |
502 [shadow-dom-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow
/index.html | 520 [shadow-dom-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow
/index.html |
503 [html-imports-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/impo
rts/index.html | 521 [html-imports-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/impo
rts/index.html |
504 [template-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/template
s/index.html | 522 [template-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/template
s/index.html |
OLD | NEW |