Skip to content

Instantly share code, notes, and snippets.

View joelalejandro's full-sized avatar
🏳️‍🌈

Joel Alejandro Villarreal Bertoldi joelalejandro

🏳️‍🌈
View GitHub Profile
@joelalejandro
joelalejandro / tiempo.js
Created September 5, 2020 00:15
Funciones de horas a minutos, minutos a segundos, horas a segundos
/*
Necesitamos escribir tres funciones
1) una que convierta horas a minutos
2) una que convierta minutos a segundos
3) una que convierta horas a segundos
*/
function horasAMinutos(cantidadDeHoras) {
return cantidadDeHoras * 60;
@joelalejandro
joelalejandro / mas-informacion.html
Created September 5, 2020 00:12
Web Component: <mas-informacion />
<mas-informacion>
<label slot="titulo">Quiero saber más</label>
<div slot="contenido">
<p>Nam eget bibendum elit. Donec mollis tortor in nibh tincidunt, id cursus diam auctor. Praesent laoreet quis sapien nec vulputate. Curabitur a pellentesque massa, non scelerisque massa. Suspendisse et vulputate dolor. Praesent porttitor dictum dolor. Sed ac nulla eget massa congue pulvinar. Curabitur vitae fermentum diam. In in aliquet ipsum.</p>
</div>
</mas-informacion>
<template id="mas-informacion">
@joelalejandro
joelalejandro / slot.html
Created September 5, 2020 00:11
Web Components: Usando <slot>
<template id="tabifit-boton">
<button>
<slot name="icono-izquierdo"></slot>
<slot name="etiqueta">Botón</slot>
<slot name="icono-derecho"></slot>
</button>
</template>
<tabifit-boton>
<span slot="icono-izquierdo">🦜</span>
@joelalejandro
joelalejandro / boton-con-texto.html
Created September 5, 2020 00:10
Tabifit: Web Components: Botón con texto
<boton-texto id="comenzar">
Comenzar
</boton-texto>
<template id="boton-texto">
<style>
button {
padding:16px;
border-radius:25px;
max-width:320px;
@joelalejandro
joelalejandro / introduccion-a-componentes-web.markdown
Created September 5, 2020 00:10
Introducción a componentes Web
@joelalejandro
joelalejandro / modelado-de-clases-herencia-y-composicion.markdown
Created September 5, 2020 00:09
Modelado de clases, herencia y composición
@joelalejandro
joelalejandro / ejecucion-diferida-vs-ciclica-vs-falsa-ciclica-vs-ciclica-condicionda.markdown
Created September 5, 2020 00:06
Ejecución diferida vs. cíclica vs. "falsa cíclica" vs. cíclica condicionda
@joelalejandro
joelalejandro / mcdocta-s-v4.html
Created September 5, 2020 00:05
McDocta's v4
<div class="container">
<div class="logo-container">
<div class="logo">
<img src="https://pngimage.net/wp-content/uploads/2018/06/png-mcdonalds-8.png">
</div>
<h1>McDocta's</h1>
</div>
<div class="pedido-container">
<div class="hamburguesas">
<div class="dev-mac">
@joelalejandro
joelalejandro / generar-un-archivo-de-texto-en-el-navegador-a-partir-de-un-formulario.markdown
Created September 5, 2020 00:02
Generar un archivo de texto en el navegador a partir de un formulario