JavaScript archivos - Página 3 de 3

Métodos comunes de los arrays | Guía práctica

27 noviembre, 201927 noviembre, 2019 por Ro

Índice Lista no exhaustiva de métodos de los arrays.join(‘x’).indexOf(‘x’) .concat([‘x’]) .push(‘x’) .pop() .length().from().filter().map().reduce().find().sort()Encadenando métodos ⛓️ Los arrays son objetos destinados a almacenar grupos de datos relacionados entre sí. Como todos los data types de JavaScript (JS), tienen sus propiedades y métodos específicos. Lista no exhaustiva de métodos de los arraysAquí vamos a hacer un repaso de los métodos más comunes … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

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

10 marzo, 202313 noviembre, 2019 por Ro

Í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 formulariosHasta … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Cómo construir un pop-up con vanilla JavaScript

30 junio, 20226 noviembre, 2019 por Ro

Í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ás

Si crees que este post puede serle útil a alguien, ¡compártelo!:

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

10 marzo, 202330 octubre, 2019 por Ro

Índice Relaciones entre padres, hijos y demás parientesAcceso de parent a childAcceso de child a parentAcceso de sibling a sibling Eventos en JavaScriptCómo crear y eliminar elementos del DOMEliminar elementos del DOM Añ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í, … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

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

27 junio, 202023 octubre, 2019 por Ro

Í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ás

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Objetos en JavaScript: Guía básica

28 abril, 20219 octubre, 2019 por Ro

Í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.Verás que uso los términos de programación directamente en inglés o hago una traducción … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!:

Guía práctica sobre las callback functions

23 marzo, 202325 septiembre, 2019 por Ro

Í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ás

Si crees que este post puede serle útil a alguien, ¡compártelo!:

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

28 abril, 202123 junio, 2019 por Ro

Índice Tabla-resumen data typesStringsMétodos más comunes de los stringsNumbersAtajos para los númerosObjectsArraysFunctionsUso del returnArrow functionsBooleansMétodos más comunes que devuelven booleansSymbolsOperadores 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 (en adelante, JS) 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 … Leer más

Si crees que este post puede serle útil a alguien, ¡compártelo!: