Vite es una herramienta de desarrollo frontend que ha revolucionado la forma en que se crean aplicaciones web. Vite es una herramienta que permite ...
En el desarrollo web, una de las decisiones más comunes es elegir entre ...
Jest es un framework de testing para JavaScript y TypeScript, muy popular en el mundo del desarrollo frontend y backend. Jest lo creó Facebook ...
Vitest es un framework de testing creado específicamente para proyectos que usan Vite. Ventajas principales frente a Jest: Mucho más rápido, ...
El testing en JavaScript consiste en ejecutar código automáticamente para validar que otras partes del programa funcionan como se espera. Es clave ...
JavaScript puede realizar múltiples tareas al mismo tiempo: Manejar peticiones HTTP Actualizar la interfaz Ejecutar código sin bloquear la ...
Personalizar el cursor del ratón con Javascript es bastante sencillo: // Crear el cursor dinámicamente const cursor = ...
Una manera de mejorar la experiencia en proyectos web, especialmente en juegos, visores de imágenes, vídeos, presentaciones o aplicaciones ...
"use strict" es una directiva que activa el modo estricto de JavaScript. Fue introducida en ECMAScript 5 (ES5) y su objetivo principal es ayudar a los...
El DOM (Document Object Model) es uno de los conceptos más importantes que todo desarrollador frontend debe saber. Representa la estructura de una ...
Por defecto, al pulsar Tab dentro de un textarea en una página , el navegador cambia el foco al siguiente elemento del formulario. Pero es muy común...
Siempre que se usa un iframe, normalmente se le indica una url para que cargue su HTML dentro de ese iframe. Pero se puede renderizar HTML completo ...
Event Bubbling es el comportamiento por defecto de los eventos en JavaScript. Cuando ocurre un evento, como un click, mouseover, etc., en un elemento ...
Event Delegation es una técnica avanzada de JavaScript que consiste en agregar un solo event listener a un elemento padre, en lugar de agregar un ...
El Event Loop (bucle de eventos) es el mecanismo fundamental que permite a JavaScript manejar operaciones asíncronas a pesar de ser un lenguaje ...
La programación asíncrona consiste en realizar operaciones sin esperar a que una tarea termine antes de comenzar la siguiente. En lugar de bloquear ...
En el desarrollo frontend y backend con JavaScript, entender a fondo cómo funcionan los objetos es fundamental. Aunque muchos desarrolladores usan ...
Function Declaration (Declaración de Función): Es la forma clásica de declarar funciones. JavaScript “mueve” la declaración al inicio del ...
IntersectionObserver: Detecta cuando un elemento entra o sale de la pantalla (ideal para lazy loading, animaciones, etc.): const observer = new ...
Virtual DOM es un patrón que usan bibliotecas como React, Vue, Svelte (en modo runtime) y Preact para actualizar la interfaz de forma mucho más ...
Se puede desactivar el menú contextual de una web hay que hacerlo con javacript...
WebMCP (Web Model Context Protocol) es una nueva propuesta de estándar web que permite a las páginas web exponer herramientas estructuradas ...
Yarn es un gestor de paquetes para JavaScript, y TypeScript, muy popular, creado originalmente por Facebook, en 2016 como alternativa más rápida, ...
Los eventos en JavaScript son acciones o sucesos que ocurren en el navegador, como hacer clic en un botón, mover el ratón, presionar una tecla, ...
En JavaScript, var, let y const se utilizan para declarar variables, pero tienen diferencias clave en cuanto a alcance (scope), redeclaración, ...
La metaprogramación en JavaScript es la práctica de escribir código que manipula, genera o controla otro código en tiempo de ejecución. ...
Un proxy en JavaScript es un objeto especial que actúa como intermediario para controlar el acceso a otro objeto, llamado target. Permite interceptar...
La Programación Orientada a Objetos (POO) es un paradigma de programación que organiza el código en torno a objetos, que son instancias de clases ...
La clase WeakMap en javascript es una estructura de datos que permite asociar datos a objetos de manera que las claves (los objetos) no impiden que el...
En groupBy javascript es un método que permite agrupar elementos de un array según un criterio definido por una función. Es útil para organizar ...
Los sitios web pueden comunicarse con dispositivos Bluetooth cercanos de una manera segura que preservan la privacidad gracias a la API Web Bluetooth....
WebGL (Web Graphics Library) es una API de javascript que permite a los desarrolladores acceder al hardware gráfico del navegador para renderizar ...
Se pueden entrenar redes neuronales en javascript con brain.js. Brain.js es una biblioteca de JavaScript de código abierto diseñada para crear, ...
En JavaScript, Symbol es un tipo de dato primitivo y se utiliza para crear identificadores únicos. A continuación, te explico todo lo esencial sobre...
Hace un tiempo hablé de las funciones arrrow en php y ahora quiero explicar las funciones arrow en javascript proporcionan una sintaxis más concisa ...
Hace ya un tiempo expliqué las funciones anónimas en php Las funciones anónimas en JavaScript son aquellas que no han sido declaradas con un ...
La modularización es un pilar fundamental en el desarrollo moderno de JavaScript...
Los módulos en javascript son una forma de organizar y reutilizar código dividiéndolo en archivos independientes que pueden exportar e importar ...
El objeto console en JavaScript es una herramienta integrada en los navegadores y entornos como Node.js que proporciona métodos para depurar, ...
El modo incógnito del navegador afecta el comportamiento de JavaScript en la medida en que modifica cómo se manejan los datos locales del cliente ...
OpenCV (Open Source Computer Vision Library) es una biblioteca de código abierto que se utiliza para el procesamiento de imágenes y la visión por ...
Un Service Worker en JavaScript es un script que el navegador ejecuta en segundo plano, separado de la página web principal, para realizar tareas ...
TypeScript es un superconjunto de JavaScript que añade tipado estático y características avanzadas para mejorar el desarrollo de aplicaciones web. ...
La API del portapapeles (clipboard) nos permite acceder los comandos del portapapeles (cortar, copiar y pegar), así como leer y escribir de manera ...
Los navegadores modernos implementan la API Web Speech, pero esta está dividida en dos interfaces, independiente la una de la otra. SpeechSynthesis ...
Para convertir texto a voz en javascript hay que usar el api speechSynthesis de javascript. Los nuevos navegadores tienen un sistema de síntesis de ...
Redireccionar a otra página con javascript es bastante sencillo. Con modificar el objeto window y el método location, window.location header() junto...
Cuando empecé a hacer páginas web había que incluir el javascript, ya sea los ficheros o el código, en la sección head de la página web. Tiempo ...
El concepto de función pura o de función impura viene dado por si el resultado de la función depende solamente de los parámetros o si depende de ...
Cada valor tiene valores "true" o "false" en javascript. Por ejemplo, un valor "null" tiene un valor booleano asociado de "false". De manera similar, ...
Las notificaciones es una de las novedades de HTML5 y en las últimas versiones de los navegadores, por lo que ya se pueden usar sin que haya ...
Hace un tiempo hablé de la posibilidad de cachear contenido en javascript y el uso de sesiones en javascript. Hoy quiero hablar de IndexedDB que es ...
Para usar la geolocalización con Javascript, es decir, saber la posición en la que se encuentra mostrándola en una posición de longitud y latitud....
Para evitar que el evento click se ejecute dos veces en javascript hay que usar one de jquery en el listener del evento. Os pongo un ejemplo ...
En este post os voy a hablar de los generadores en javascript este tipo de funciones, las generadoras, pueden ser detenidas en medio de la ejecución ...
Hace un tiempo hablé sobre las promesas en javascript y hoy quiero hablaros de como ejecutar promesas en secuencia o paralelo en javascript de una ...
El hoisting en javascript es el comportamiento por defecto de ...
Mucha gente utiliza alerts para depurar en javascript. pero hay una manera más sencilla y más fácil y menos molesta. Se trata de usar la instrucción console.log(variable), donde variable es ...
Siempre que he tenido que validar fechas con javascript había que hacer una función que comprobase que el mes tiene 31, aparte de que el mes no fuese febrero ya que hay que comprobar si el año...
Llevo varios años programando páginas web y me he dado cuenta que a veces se hace un uso excesivo del Javascript. Haciendo que el navegador se ralentice y la carga de la página sea eterna. ...
Hace tiempo que aprendí a usar DOM para el tema del DHTML y añadir contenido dinámica mente con Javascript. Al principio, lo que hacía era añadir el HTML directamente usando la propiedad ...
Cuando se quiere usar las dos librerías en un mismo proyecto web se produce un problema al querer usar $(...) para los elementos HTML que se quieren tratar con DHTML. Para evitar conflictos ...
Cuando un sitio web tiene muchas imágenes, como puede ser un periódico, revista, la web de un fotógrafo, etc... lo ideal, para que la página no tarde mucho en cargar y consuma mucho ancho de ...
En este post voy a poner como evitar combinaciones de letras en JavaScript
Aunque soy programador backend a veces me toca pegarme con el frontend, sobre todo con javascript y el otro día una página web me advirtió que tenía las mayúsculas activadas y estuve ...
En el proyecto en que estoy actualmente había un problema ya que en unas de las secciones de la web se mandaba un and mediante ajax y no se guardaba, ni el and ni lo que venía después, en base...
Una forma de obtener actualizaciones del servidor, ya sea Apache, Tomcat, o cualquiera es usando EventSource (también conocidos como Server-Sent Events) son eventos en tiempo real transmitidos ...
Por necesidades del proyecto actual, en el que soy parte, he necesitado detectar donde está el foco en un formulario y no sabía como hacer y la verdad es que nunca se me habría ocurrido que ...
Hace unos años tuve que obtener los parámetros GET en javascript por necesidades del proyecto. Javascript no tiene un array con los parámetros GET como php. Pero si que hay una manera bastante...
Nunca he tenido la necesidad de subir un archivo con ajax pero hace poco vi en una página web que convertía doc a pdf que tiene implementado la subida de archivos con drag and drop y la verdad ...
Una de las novedades de HTML5, aunque en internet explorer no fuinciona demasiado bien, es la funcionalidad de drag and drop. Aunque esta funcionalidad ya estaba implementada en javascript hace ...
Hoy he descubierto, por casualidad, que se pueden crear ficheros zip en javascript con la librería JSZip y sin la necesidad de utilizar ningún lenguaje adicional desde el lado del servidor. ...
En programación una promesa se usa cuando se realiza una función asíncrona, el ejemplo más claro para javascript sería el uso de ajax
Seguro que os extrañará el título de esté post de javascript ya que hasta ahora era algo bastante sencillito, se hacía con la palabra reservada var. Pero es que hay novedades a la hora de ...
Hace poco que he sabido que se pueden guardar sesiones en javascript, esto se consigue de manera similar a como funcionan las cookies. Para guardar sesiones en javascript hay que usar el objeto ...
Hace un tiempo escribí un post de como cachear contenido con memcached en php y hace poco he descubierto que se puede cachear contenido en javascript algo que puede resultar bastante útil y se ...
Hace un tiempo escribí un post de como evitar combinación de letras en javascript pero hoy voy ha hbalr justo de lo contrario de como crear combinación de teclado en javascript. Hay varias ...
Hay una libreria en javascript que ayuda a detectar las funcionalidades del navegador y que se llama features.js. Su funcionamiento es bastante sencillo. Así permite y facilita programar con ...
Revisando uno de los blogs que suelo visitar sobre programación me he enterado que hay un evento de javascript que detecta cuando se pega contenido en un textarea o en un input text. El evento ...
Hasta ahora si no se declaraban variables en javascript no pasaba nada, no se producía ningún error y para declarar variables obligatoriamente en javascript hay que usar la directiva 'use ...
Una de las novedades que tiene javascript es asignar valores por defecto a los parámetros de las funciones. Igual que se hace en ............
Es posibleinvocar botón desde javascript. Simplemente hay que hacer lo siguiente...
Cuando se produce un error en javascript,se suele mostrar un error o se para la ejecución de la wbe pero con las se peude evitar que la página se deje de ejecutar o tenga comportamientos ...
Para saber si una cadena termina por una determinada cadena hay que usar la función endsWidth indicando la palabra o carácter.Con el siguiente ejemplo se puede ver como funciona: var str =...
Para obtener la información relativa al navegador que está utilizando el usuario hay que usar el objeto navigator en javascript. Dicho objeto nos devuelve el idioma del navegador, los mimeTypes...
Para saber como exportar una tabla a excel en javascript es bastante sencillo solo hay que crear una tabla en javascript con un id único y espceificar el tipo de documento: var dataType = ...