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

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

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

Guía básica sobre los data types en javaScript

data types en js

Índice Tabla-resumen data typesStringsMétodos más comunes de los​ stringsNumbers​Atajos para los números​​ObjectsArraysFunctionsUso del returnArrow functionsBooleansMétodos más comunes que devuelven booleansOperadores de comparaciónOtros operadores comunesConversión de tipos (aka type coercion) Primitive types versus reference typesPrimitive y reference types en la práctica En javaScript existen diferentes tipos de datos, clasificados en 7 categorías. Dentro de una categoría existe una sub-categoría llamada reference types, pero nos encargaremos de eso más adelante. Todos … Leer másGuía básica sobre los data types en javaScript

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