A Pen by Joel Alejandro Villarreal Bertoldi on CodePen.
Joel Alejandro Villarreal Bertoldi joelalejandro
🏳️🌈
joelalejandro
/ tiempo.js
Created
September 5, 2020 00:15
Funciones de horas a minutos, minutos a segundos, horas a segundos
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| 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
/ mas-informacion.html
Created
September 5, 2020 00:12
Web Component: <mas-informacion />
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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
/ boton-con-texto.html
Created
September 5, 2020 00:10
Tabifit: Web Components: Botón con texto
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <boton-texto id="comenzar"> | |
| Comenzar | |
| </boton-texto> | |
| <template id="boton-texto"> | |
| <style> | |
| button { | |
| padding:16px; | |
| border-radius:25px; | |
| max-width:320px; |
joelalejandro
/ introduccion-a-componentes-web.markdown
Created
September 5, 2020 00:10
Introducción a componentes Web
joelalejandro
/ modelado-de-clases-herencia-y-composicion.markdown
Created
September 5, 2020 00:09
Modelado de clases, herencia y composición
A Pen by Joel Alejandro Villarreal Bertoldi on CodePen.
A Pen by Joel Alejandro Villarreal Bertoldi on CodePen.
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
A Pen by Joel Alejandro Villarreal Bertoldi on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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
/ 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
NewerOlder