JSX, JavaScript XML, es una extensión de sintaxis de JavaScript que permite escribir código similar a HTML o XML directamente dentro de archivos ...
4 min. de lectura aproximados
Se puede solicitar capturar y grabar la pantalla, una ventana o una pestaña directamente desde el navegador sin necesidad de extensiones ni software ...
3 min. de lectura aproximados
En este post se muestran varios ejemplos de TypeScript Variables con tipos let nombre: string = "María"; let edad: number = 28; let activo: ...
1 min. de lectura aproximados
Vite es una herramienta de desarrollo frontend que ha revolucionado la forma en que se crean aplicaciones web. Vite es una herramienta que permite ...
1 min. de lectura aproximados
En el desarrollo web, una de las decisiones más comunes es elegir entre ...
1 min. de lectura aproximados
Jest es un framework de testing para JavaScript y TypeScript, muy popular en el mundo del desarrollo frontend y backend. Jest lo creó Facebook ...
3 min. de lectura aproximados
Vitest es un framework de testing creado específicamente para proyectos que usan Vite. Ventajas principales frente a Jest: Mucho más rápido, ...
3 min. de lectura aproximados
El testing en JavaScript consiste en ejecutar código automáticamente para validar que otras partes del programa funcionan como se espera. Es clave ...
2 min. de lectura aproximados
JavaScript puede realizar múltiples tareas al mismo tiempo: Manejar peticiones HTTP Actualizar la interfaz Ejecutar código sin bloquear la ...
2 min. de lectura aproximados
Personalizar el cursor del ratón con Javascript es bastante sencillo: // Crear el cursor dinámicamente const cursor = ...
1 min. de lectura aproximados
Una manera de mejorar la experiencia en proyectos web, especialmente en juegos, visores de imágenes, vídeos, presentaciones o aplicaciones ...
1 min. de lectura aproximados
"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...
2 min. de lectura aproximados
El DOM (Document Object Model) es uno de los conceptos más importantes que todo desarrollador frontend debe saber. Representa la estructura de una ...
2 min. de lectura aproximados
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...
1 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
Event Bubbling es el comportamiento por defecto de los eventos en JavaScript. Cuando ocurre un evento, como un click, mouseover, etc., en un elemento ...
1 min. de lectura aproximados
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 ...
2 min. de lectura aproximados
El Event Loop (bucle de eventos) es el mecanismo fundamental que permite a JavaScript manejar operaciones asíncronas a pesar de ser un lenguaje ...
1 min. de lectura aproximados
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 ...
2 min. de lectura aproximados
En el desarrollo frontend y backend con JavaScript, entender a fondo cómo funcionan los objetos es fundamental. Aunque muchos desarrolladores usan ...
3 min. de lectura aproximados
Function Declaration (Declaración de Función): Es la forma clásica de declarar funciones. JavaScript “mueve” la declaración al inicio del ...
2 min. de lectura aproximados
IntersectionObserver: Detecta cuando un elemento entra o sale de la pantalla (ideal para lazy loading, animaciones, etc.): const observer = new ...
2 min. de lectura aproximados
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 ...
2 min. de lectura aproximados
Se puede desactivar el menú contextual de una web hay que hacerlo con javacript...
1 min. de lectura aproximados
WebMCP (Web Model Context Protocol) es una nueva propuesta de estándar web que permite a las páginas web exponer herramientas estructuradas ...
3 min. de lectura aproximados
Yarn es un gestor de paquetes para JavaScript, y TypeScript, muy popular, creado originalmente por Facebook, en 2016 como alternativa más rápida, ...
2 min. de lectura aproximados
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, ...
2 min. de lectura aproximados
En JavaScript, var, let y const se utilizan para declarar variables, pero tienen diferencias clave en cuanto a alcance (scope), redeclaración, ...
2 min. de lectura aproximados
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. ...
2 min. de lectura aproximados
Un proxy en JavaScript es un objeto especial que actúa como intermediario para controlar el acceso a otro objeto, llamado target. Permite interceptar...
2 min. de lectura aproximados
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 ...
4 min. de lectura aproximados
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...
2 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
Los sitios web pueden comunicarse con dispositivos Bluetooth cercanos de una manera segura que preservan la privacidad gracias a la API Web Bluetooth....
4 min. de lectura aproximados
WebGL (Web Graphics Library) es una API de javascript que permite a los desarrolladores acceder al hardware gráfico del navegador para renderizar ...
4 min. de lectura aproximados
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, ...
2 min. de lectura aproximados
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...
2 min. de lectura aproximados
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 ...
2 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
La modularización es un pilar fundamental en el desarrollo moderno de JavaScript...
2 min. de lectura aproximados
Los módulos en javascript son una forma de organizar y reutilizar código dividiéndolo en archivos independientes que pueden exportar e importar ...
3 min. de lectura aproximados
El objeto console en JavaScript es una herramienta integrada en los navegadores y entornos como Node.js que proporciona métodos para depurar, ...
2 min. de lectura aproximados
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 ...
2 min. de lectura aproximados
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 ...
2 min. de lectura aproximados
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 ...
2 min. de lectura aproximados
TypeScript es un superconjunto de JavaScript que añade tipado estático y características avanzadas para mejorar el desarrollo de aplicaciones web. ...
2 min. de lectura aproximados
La API del portapapeles (clipboard) nos permite acceder los comandos del portapapeles (cortar, copiar y pegar), así como leer y escribir de manera ...
1 min. de lectura aproximados
Los navegadores modernos implementan la API Web Speech, pero esta está dividida en dos interfaces, independiente la una de la otra. SpeechSynthesis ...
2 min. de lectura aproximados
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 ...
2 min. de lectura aproximados
Redireccionar a otra página con javascript es bastante sencillo. Con modificar el objeto window y el método location, window.location header() junto...
1 min. de lectura aproximados
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 ...
2 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
Cada valor tiene valores "true" o "false" en javascript. Por ejemplo, un valor "null" tiene un valor booleano asociado de "false". De manera similar, ...
1 min. de lectura aproximados
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 ...
2 min. de lectura aproximados
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 ...
4 min. de lectura aproximados
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....
1 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
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 ...
2 min. de lectura aproximados
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 ...
2 min. de lectura aproximados
El hoisting en javascript es el comportamiento por defecto de ...
1 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
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...
1 min. de lectura aproximados
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. ...
2 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
En este post voy a poner como evitar combinaciones de letras en JavaScript
1 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
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...
1 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
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...
1 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
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 ...
2 min. de lectura aproximados
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. ...
2 min. de lectura aproximados
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
2 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
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 ...
2 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
Una de las novedades que tiene javascript es asignar valores por defecto a los parámetros de las funciones. Igual que se hace en ............
1 min. de lectura aproximados
Es posibleinvocar botón desde javascript. Simplemente hay que hacer lo siguiente...
1 min. de lectura aproximados
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 ...
1 min. de lectura aproximados
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 =...
1 min. de lectura aproximados
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...
1 min. de lectura aproximados
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 = ...
1 min. de lectura aproximados