The polymer framework allows us to develop the web application client side by putting together components that were already developed or custom ones we developed by ourselves.
Developed by Google, the framework is currently in its very early stage and a port for Dart was already developed.
The following video clip shows how simple it is to use one of the user interface web components that were already developed as part of this framework.
The code below is the one I am going over in this video clip. In order to execute this code sample make sure you first download the polymer framework and make sure the link for the JavaScript files in this code sample are accurate.
<!DOCTYPE html>
<html>
<head>
<title>simple polymer demo</title>
<script src="js/polymer.min.js"></script>
<link rel="import" href="js/polymer-all/polymer-ui-elements/polymer-ui-accordion/polymer-ui-accordion.html">
<link rel="stylesheet" href="js/polymer-all/polymer-ui-elements/basic.css">
<style>
polymer-ui-collapsible {
margin-bottom: 2px;
border: 1px solid #aaa;
border-radius: 4px;
}
.polymer-ui-collapsible-header {
padding: 10px;
border-bottom: 1px solid #adadad;
font-weight: bold;
cursor: pointer;
}
.content {
padding: 10px;
}
</style>
</head>
<body>
<polymer-ui-accordion selected="0">
<polymer-ui-collapsible>
<div class="polymer-ui-collapsible-header">java</div>
<div class="content">
jajaja java jajaja java java proxyjajaja java jajaja java java proxyjajaja java jajaja java java proxyjajaja java jajaja java java proxy
</div>
</polymer-ui-collapsible>
<polymer-ui-collapsible>
<div class="polymer-ui-collapsible-header">php</div>
<div class="content">
p p p php p p p phpp p p php p p p phpp p p php p p p phpp p p php p p p phpp p p php p p p phpp p p php p p p phpp p p php p p p phpp p p php p p p phpp p p php p p p php
</div>
</polymer-ui-collapsible>
<polymer-ui-collapsible>
<div class="polymer-ui-collapsible-header">scala</div>
<div class="content">
scala scala la la la scala scala lalalascala scala la la la scala scala lalalascala scala la la la scala scala lalalascala scala la la la scala scala lalalascala scala la la la scala scala lalala
</div>
</polymer-ui-collapsible>
</polymer-ui-accordion>
</body>
</html>
You can find more video clips, code samples and slides in my ongoing developed free course for learning how to use this framework at http://abelski.lifemichael.com.
