Frontend

DOM Saga: Guía básica sobre el Document Object Model | Parte #3

el DOM

Índice Eventos del DOM relacionados con formulariosPrimeros pasos con un evento de tipo ​submitIntroducción a las Regular ExpresionsValidando la información enviada por el usuario usando Regular ExpresionsEventos de teclado ⌨️ ¡Por fin llegamos a la última parte de esta DOM saga! 🚀  Si acabas de aterrizar aquí, puedes ver las partes #1 y #2 antes.Eventos del DOM relacionados con … Leer másDOM Saga: Guía básica sobre el Document Object Model | Parte #3

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

DOM Saga: Guía básica sobre el Document Object Model | Parte #2

el DOM

Índice Relaciones entre padres, hijos y demás parientesAcceso de ​parent ​a ​child​​Acceso de ​child a parentAcceso de sibling a siblingEventos en JavaScriptCómo crear y eliminar elementos del DOMEliminar elementos del DOMAñadir elementos al DOMEvent bubbling e event delegationEvent delegationMás eventos del DOM Retomamos esta DOM Saga donde la dejamos. Si acabas de aterrizar aquí, puedes … Leer másDOM Saga: Guía básica sobre el Document Object Model | Parte #2

DOM Saga: Guía básica sobre el Document Object Model | Parte #1

el DOM

Índice ¿Qué es el DOM?Seleccionando elementos del DOMAccediendo a un solo elemento del DOMAccediendo a varios elementos ​del DOMOtras formas de acceder al DOMCómo cambiar el contenido de una páginaCómo cambiar el código HTML de un páginaCómo obtener y actualizar atributos HTMLCómo cambiar los estilos de CSSPráctica con clases de CSS y el DOM ¿Qué … Leer másDOM Saga: Guía básica sobre el Document Object Model | Parte #1

Pipes en Angular | Guía completa

portada pipes en angular

Índice ¿Qué son los pipes?Estado inicial de nuestra demo-appPipes uppercase y lowercasePipe: sliceCon un parámetroCon dos parámetrosPipe: decimalPipe: percentPipe: currency Pipe: JSONPipe: asyncPipe: dateFormatos de fecha personalizadosFechas en otros idiomasPipes personalizadosCreación manual de un pipeCreación automática de un pipe personalizado mediante Angular CLIUn último pipe personalizadoMás recursos de aprendizaje ¿Qué son los pipes?Los pipes son una herramienta de … Leer másPipes en Angular | Guía completa

Objetos en JavaScript: Guía básica

portada objetos en javascript

Índice Introducción a los objetosNuestro primer object literalAccediendo a las propiedades de un objeto mediante el dot notationAccediendo a las propiedades de un objeto mediante square brackets notationAñadiendo métodos a nuestro objetoLa keyword thisFunciones comunes vs. arrow functionsObjetos dentro arraysBuilt-in objects: Math object NOTA: IDIOMAS, QUERIDA.Es posible que alguna vez traduzca algún término de programación, pero lo normal es … Leer másObjetos en JavaScript: Guía básica

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

Guía práctica sobre las callback functions

portada callback functions

Índice SintaxisEjemplo con el método forEachCallback functions en acción Como posiblemente ya sepas, las funciones son bloques de código re-utilizable. Los métodos también son funciones, pero con la particularidad de estar asociadas a un cierto data type. A todos los tipos de funciones podemos pasarle parameters (o arguments) cuando los invocamos. Esos parámetros pueden ser de tipo string, number, etc, o … Leer másGuía práctica sobre las callback functions

Uso avanzado de los componentes en Angular | Parte #3

portada componentes uso avanzado

Índice Ciclo de vida de un componente (aka component lifecycle)Lifecycle hooks en acciónngOnInitngOnChangesngDoCheck​AfterContentInitngAfterContentCheckedngAfterViewInitngAfterViewCheckedngOnDestroyAccediendo a la template de un componente en distintas fases de su ciclo de vidaAccediendo al contenido proyectado mediante ngContent a través de @ContentChildMás recursos de aprendizaje Retomamos esta saga sobre el uso avanzado de componentes en Angular. Aquí tienes las partes #1 y #2 si te las … Leer másUso avanzado de los componentes en Angular | Parte #3

Uso avanzado de los componentes en Angular | Parte #2

portada componentes uso avanzado

Índice Entendiendo el alcance del View EncapsulationConfiguración del View Encapsulation ​​​​Local references como sustitutas de la directiva [(ngModel)] para acceder a nuestras propiedades del código .ts@ViewChild: otra manera de acceder a nuestras propiedades del código .tsProyectando contenido con la directiva ngContentMás recursos de aprendizaje Retomamos esta saga sobre el uso avanzado de componentes en Angular, después de ver la parte … Leer másUso avanzado de los componentes en Angular | Parte #2

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