joelalejandro

/*
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>
  <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

<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-texto id="comenzar">
  Comenzar
</boton-texto>

<template id="boton-texto">
  <style>
    button {
      padding:16px;
      border-radius:25px; 
      max-width:320px;

joelalejandro

Introducción a componentes Web

A Pen by Joel Alejandro Villarreal Bertoldi on CodePen.

License.

joelalejandro

Modelado de clases, herencia y composición

A Pen by Joel Alejandro Villarreal Bertoldi on CodePen.

License.

joelalejandro

Cuenta regresiva

A Pen by Joel Alejandro Villarreal Bertoldi on CodePen.

License.

joelalejandro

Ejecución diferida vs. cíclica vs. "falsa cíclica" vs. cíclica condicionda

A Pen by Joel Alejandro Villarreal Bertoldi on CodePen.

License.

joelalejandro

  <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

A Pen by Joel Alejandro Villarreal Bertoldi on CodePen.

License.