Cómo construir un pop-up con vanilla JavaScript

como construir un popup con vanilla JS

Índice ¿Qué vamos a construir?Pre-requisitosEstructura de archivosConstrucción del popup ¿Qué vamos a construir?Vamos a construir una ventana emergente, popup, overlay, dialog o como quieras llamarla, pero esos 3 nombres son los más comunes. Definiremos un comportamiento poco molesto, es decir, no vamos a hacer que salte el popup cuando entramos a nuestra web, sino que sólo aparecerá si hacemos click … Leer másCómo construir un pop-up con vanilla JavaScript

Ejercicio con componentes, data binding y encapsulation

portada coding challenge componentes

Índice ¿De qué va esto?InstruccionesPaso 1: Inicio y creación de los componentes de nuestra appPaso 2: Creación y ubicación de los botonesPaso 3: Creación y emisión de un custom eventPaso 4: Escuchando nuestro evento desde fuera de su componentePaso 5: Pausando el juegoPaso 6: Mostrar un componente u otro (EvenComponent o OddComponent) según la naturaleza del … Leer másEjercicio con componentes, data binding y encapsulation

Directives en Angular: guía práctica

angular directives portada

Índice ¿Qué son las directives?Ejemplo para nuestra demo*ngIf directiveAñadiendo un else al *ngIfngStyle directivengClass directive*ngFor directiveEjerciciosMás recursos de aprendizaje ¿Qué son las directives?Las directives, junto con los componentes, son una pieza clave para poder construir aplicaciones con Angular.  Son, esencialmente, instrucciones para manipular el DOM. De hecho, los componentes encajan dentro de esta descripción, ya que cuando usamos el … Leer másDirectives en Angular: guía práctica

Como toda web legal que se precie, utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúas utilizando este sitio asumiremos que estás de acuerdo. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar