My weekend's task was to learn Polymer , so I decided to configure my linux box, install nginx and start a little simple project, so far, this is what I have.
<!doctype html>
<html>
<head>
<title>Radamantis Torres</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<script src="bower_components/webcomponentsjs/webcomponents.js"> </script>
<!-- let's import all the dependecies -->
<link rel="import" href="bower_components/polymer/polymer.html" />
<link rel="import" href="bower_components/font-roboto/roboto.html" />
<link rel="import" href="bower_components/paper-tabs/paper-tabs.html" />
<link rel="import" href="bower_components/core-header-panel/core-header-panel.html" />
<link rel="import" href="bower_components/core-toolbar/core-toolbar.html" />
<link rel="import" href="bower_components/core-ajax/core-ajax.html" /> <!-- styles -->
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body unresolved>
<core-header-panel>
<core-toolbar>
<paper-tabs selected="0" selectedindex="0" id="paper-tabs" >
<paper-tab id="paper-tab" active>About</paper-tab>
<paper-tab id="paper-tab1">Resume</paper-tab>
<paper-tab id="paper-tab2">contact</paper-tab>
</paper-tabs>
</core-toolbar>
</core-header-panel>
<script>
var tabs = document.querySelector('paper-tabs');
tabs.addEventListener('core-select', function(e) {
if(e.detail.isSelected){
console.log("Selected: " + tabs.selected);
}
});
</script>
</html>
I'll continue during the week, as you can see I ant to add some ajax stuff :)
