Skip to content

Instantly share code, notes, and snippets.

View mmfilesi's full-sized avatar

marcos mmfilesi

45 followers · 0 following
View GitHub Profile
@mmfilesi
mmfilesi / helpers-polymer
Created March 13, 2016 17:30
demo helpers polymer (if and repeat)
<dom-module id="foo-component">
<template>
<h3>Frutas</h3>
<template id="templateFruits" is="dom-repeat" filter="filterFruits" items="{{fruits}}" sort="orderFruits">
<template is="dom-if" if="{{item.color}}">
<p>La fruta {{index}} es {{item.name}}
y es de color {{item.color}} <br>
<button on-tap="setFavorite">favorita</button></p>
</template>
@mmfilesi
mmfilesi / fruits-components.html
Created March 8, 2016 23:02
how combine polymer with handlebars
<dom-module id="fruit-component">
<template>
<p>color: {{color}}</p>
<button on-tap="setColor">set color in light dom</button>
</template>
<script>
Polymer({
is: 'fruit-component',
@mmfilesi
mmfilesi / foo-component.html
Created March 7, 2016 19:33
how works with arrays in polymer
<dom-module id="foo-component">
<template>
<style>
</style>
<button on-tap="addFruit">Añadir fruta</button>
La primera fruta es: {{getFruit(fruits.*, 0)}}
</template>
@mmfilesi
mmfilesi / app.js
Created February 19, 2016 17:40
demo jasmine
var checkForm = {
checkInputs: function(user, pass) {
var isValid = true;
if ( !user || !pass || user.indexOf('@') === -1 ) {
isValid = false;
}
@mmfilesi
mmfilesi / introduccion.html
Created January 19, 2016 21:31
web-components
<meta name="description" content="taller: presentación polymer">
<meta name="author" content="mmfilesi">
<meta name="Copyright" content="cc-by-sa">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui, shrink-to-fit=no">
@mmfilesi
mmfilesi / module.js
Last active March 7, 2016 16:39
patrones
'use strict';
/* 1. Closures */
(function () {
var privateVar = "foo";
})();
console.log(privateVar); // Uncaught ReferenceError: privateVar is not defined
@mmfilesi
mmfilesi / js-oo-01.html
Created January 11, 2016 11:33
javaScript orientado a objetos (1)
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>