Cada vez que pulsamos una tecla, hacemos click u otras interacciones dentro de una página web se esta produciendo un evento. En este post vamos a ver, a través de un ejemplo, el recorrido que tienen los eventos y un posible problema que nos podemos encontrar si no lo conocemos.
Como vimos en el posteo anterior, Javascript cuenta con diferentes mecanismos para manejar el asincronismo. Uno de los tantos, son las Promises (promesas) y son éstas las que veremos en este articulo.
Una promesa simboliza un valor que puede estar disponible ahora, en el futuro o nunca, es decir que representa la finalización exitosa o fracaso eventual de una determinada operación asincrónica.
Pero, por que deberíamos usarlas?
Al momento de aprender a desplegar nuestro sitio web nos encontramos con una problemática: Cuando queríamos comunicar nuestro frontend con el backend no era tan sencillo cómo lo pensábamos, ¡Hacer peticiones a localhost dejó de funcionar! Ya no era algo que se pudiera realizar debido a que el HTML se renderiza del lado del cliente entonces había que indicarle al cliente dónde se encuentra ese backend... pero ¿Cómo exponemos nuestro backend? ¿Habría que levantar la aplicación y abrir un puerto? Por este rumbo la solución no quedaría muy amigable para el usuario dado que la url sería dominio:puerto siendo más complicado de memorizar... Fue entonces que investigando nos encontramos con una solución: PROXY PASS.
En el artículo anterior (Regex parte 1) tuvimos la primera aproximación a las regex, donde vimos qué son y en que ámbitos nos sirven. Además incorporamos el primer símbolo (*), el cuál nos sirve para indicar la cantidad de repeticiones del caracter anterior. Hoy incorporaremos más símbolos para enriquecer nuestro vocabulario y poder en un futuro hacer expresiones mas complejas. Sin más que agregar, comencemos!
La asincronía es uno de los pilares de Javascript, ya que es un lenguaje de un solo hilo (single thread), es decir que puede ejecutar solo una cosa a la vez. Entonces, ¿qué pasa si queremos solicitar datos de una API?, puede pasar que el servidor tarde cierto tiempo en procesar la solicitud, mientras nuestro programa queda bloqueado esperando la respuesta del servidor. ¿Y ahora que hago?, ¿solo me queda esperar a que llegue la respuesta para seguir?. Bueno, acá es donde entra en juego la asincronía, que nos permite hacer solicitudes sin bloquear la ejecución del programa.
Los eventos son acciones que suceden en el sistema y que nos permiten definir un comportamiento cuando éstos ocurren. Con Javascript, podemos definir como va a reaccionar el sistema ante la interacción con el usuario, como por ejemplo hacer click en un botón, presionar una tecla, hacer foco sobre un input, etc. Pero no necesariamente tiene que ser un usuario el que interactúe, sino que también se puede disparar un evento, por ejemplo, cada vez que se carga una pagina.
En nuestra carrera como programadores nos encontramos con muchas herramientas que nos solucionan la vida al afrontar un desarrollo, muchas de éstas son abocadas a resolver un problema en particular, sin embargo otras pueden servirnos para múltiples ámbitos. En éste artículo nos vamos a enfocar en una herramienta como la del segundo tipo, las expresiones regulares.
Una de los desafíos al desarrollar aplicaciones web es la calidad de lo desarrollado y que no tenga bugs. Para tener mayor calidad en nuestras aplicaciones recurrimos a los test y en este artículo vamos a ver como realizar test E2E automatizados con Cypress.