Blog | Todos los artículos de AContracorrienTech.com

Dates en JavaScript: Guía completa

10 marzo, 202311 diciembre, 2019 por Ro

Índice IntroducciónCreación de datesMétodos del date objectgetFullYear()getMonth()getDate()getDay()getHours()getMinutes()getSeconds()Date stringsTimestamps como herramienta para comparar fechasCómo convertir un timestamp en un date objectDate-fns: la mejor JS library para trabajar con fechas IntroducciónLos dates son un tipo de objetos de JavaScript (JS), muy útiles para trabajar con fechas, como podría ser la fecha de registro de un usuario o la fecha de publicación de un … Leer más

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

Cómo construir una lista interactiva de tareas con vanilla JavaScript

8 marzo, 20204 diciembre, 2019 por Ro

Índice ¿Qué vamos a construir?Pre-requisitos y consideraciones previasEstructura inicial de archivosDando forma a nuestros archivos HTML y CSSCómo añadir tareas a la listaCómo borrar tareas de la listaCómo buscar y filtrar elementos de una lista ¿Qué vamos a construir?Una sencilla lista de tareas, o «to do list» interactiva, que nos permita añadir, buscar y borrar … Leer más

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

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!:

Días del 602 al 629

21 marzo, 202023 noviembre, 2019 por Ro

«Por muy larga que sea la tormenta, el sol siempre vuelve a brillar entre las nubes» – Khalil GibranUn inesperado giro de los acontecimientosSi hace un mes me hubiesen dicho que iba a pensar como pienso ahora, me echaría a reír. Ya me lo dice mi novio: ¡ay, si tu yo del pasado pudiese escucharte … Leer más

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

JavaScript Ninja Quiz

26 enero, 202020 noviembre, 2019 por Ro

Índice ¿Qué vamos a construir?¿Y esto a qué viene?Pre-requisitos y consejosEstructura de archivosDefiniendo el contenido HTMLReaccionando a las respuestas del usuarioMostrando la puntuación en la páginaAnimaciones con el método setInterval() ¿Qué vamos a construir?Vamos a construir un cuestionario para ver cuál es tu nivel de JavaScript, de 0 a 100 (o ninja 😉). Es un … 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!:

Días del 574 al 601

21 marzo, 202026 octubre, 2019 por Ro

Si exagerásemos nuestras alegrías como hacemos con nuestras penas, nuestros problemas perderían importancia. – Anatole FranceEl optimismo como filosofía de vidaSiempre he sido una persona optimista y soñadora. Tanto que siempre me marco objetivos tremendamente difíciles de conseguir porque tienen un toque de idealismo y utopía. Pero eso también hace que, cuando los consigo, me sienta … 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!: