Como Pasar Un Token CSRF con Fetch de JavaScript
3 minuto(s)
Nivel: Intermedio
Lenguaje(s) / Tecnología(s):
Logo JavaScript
JavaScript
Herramienta(s) Empleada(s):
Logo de Visual Studio Code
Visual Studio Code

La seguridad de las aplicaciones es muy importante, dia a dia podemos ver cuantos tipos de ataques se dan y el equipo de Laravel ha pensado en ello brindando diferentes maneras de proteger una aplicación. Una de estas maneras es el uso de un token contra ataques CSRF (Cross-site request forgery), en este tipo de […]Continue reading: “Como Pasar Un Token CSRF con Fetch de JavaScript”

Las Novedades más Destacadas Que Trae Angular 16 – Parte 2 (Final)
8 minuto(s)
Lenguaje(s) / Tecnología(s):
Angular
Angular

En la parte anterior llamada Las Novedades más Destacadas Que Trae Angular 16 – Parte 1, pudimos apreciar nuevas y geniales características que trae esta versión 16 de Angular, entre las características que mencionamos están: Angular Signals (Señales) e Interoperabilidad RxJS, estos enfoques forman parte de la nueva Reactividad en la que viene trabajando Angular, […]Continue reading: “Las Novedades más Destacadas Que Trae Angular 16 – Parte 2 (Final)”

Las Novedades más Destacadas Que Trae Angular 16 – Parte 1
8 minuto(s)
Lenguaje(s) / Tecnología(s):
Angular
Angular

El día 03 de mayo de 2023 el equipo que da soporte a Angular anuncio el lanzamiento de la versión Angular 16 que esta repleta de nuevas características, nuevas funcionalidades de reactividad, renderizado del lado del servidor y nuevas herramientas. Todo esto viene con docenas de mejoras en la calidad de vida en las solicitudes […]Continue reading: “Las Novedades más Destacadas Que Trae Angular 16 – Parte 1”

Como Crear un Código OTP (2FA) en JavaScript
3 minuto(s)
Nivel: Intermedio
Lenguaje(s) / Tecnología(s):
JavaScript
JavaScript
Herramienta(s) Empleada(s):
Visual Studio Code
Visual Studio Code

Un  código OTP se suele usar en los sistemas de seguridad de Autenticación en 2 Pasos o dos factores. Esta capa de seguridad se encuentra en varias aplicaciones (Discord, LinkedIn, Gmail, etc.) para proteger a los usuarios, los usuarios deben habilitarla en la mayoría de casos, porque las aplicaciones por defecto lo traen deshabilitado. Si […]Continue reading: “Como Crear un Código OTP (2FA) en JavaScript”

Como Enviar los Datos de Una API REST a la Vista HTML con JavaScript
4 minuto(s)
Nivel: Intermedio
Lenguaje(s) / Tecnología(s):
Bootstrap 5
HTML
JavaScript
Herramienta(s) Empleada(s):
Visual Studio Code

Demo Github Cada API REST tiene diferente estructura, tiene cierta cantidad de endpoints (puntos finales), tiene diferentes datos y esa estructura de datos en JSON que devuelven son diferentes. Cada una de ellas esta hecha con un objetivo en particular. En ocasiones necesitamos enviar estos datos a la vista HTML para mostrarlos al usuario final, […]Continue reading: “Como Enviar los Datos de Una API REST a la Vista HTML con JavaScript”

Concepto de Paginación Usando JavaScript
4 minuto(s)

Una paginación consiste básicamente en dividir los datos completos en partes de un tamaño específico y mostrar una parte o conjunto de datos en una página. Para ver otro conjunto de datos simplemente cambiamos de página. Muchos proyectos cuenta con una páginación. Un caso podría ser una tienda en línea que cuenta con varios productos […]Continue reading: “Concepto de Paginación Usando JavaScript”

Como Editar Los Parámetros de Una URL con JavaScript
3 minuto(s)

Modificar la cadena (string) de consulta de una URL en JavaScript es bastante común. Si bien el enfoque ingenuo de editar directamente la URL como una cadena (string) a menudo funciona, es una solución frágil que puede romperse fácilmente. Esto es especialmente cierto cuando se trabaja con codificación, fragmentos hash y otras complejidades similares. En […]Continue reading: “Como Editar Los Parámetros de Una URL con JavaScript”

Como Detectar Si El Usuario Está en Línea con JavaScript
4 minuto(s)
Nivel: Intermedio
Lenguaje(s) / Tecnología(s):
CSS
HTML
JavaScript
Herramienta(s) Empleada(s):
Bootstrap 5
Google Chrome
Visual Studio Code
XAMPP

Demo Github Si desarrollas con JavaScript, en algún momento puede que desees mejorar tu aplicación para notificar a los usuarios que se encuentran sin conexión a Internet. Por ejemplo cuando los usuarios visiten tu sitio web por defecto podran ver el contenido que tienen abierto en su navegador, pero al intentar navegar a otro lugar, […]Continue reading: “Como Detectar Si El Usuario Está en Línea con JavaScript”

Como Verificar Si Una URL Es Correcta (Validar URL) con JavaScript
4 minuto(s)

En la mayoría de veces las URLs válidas siguen ciertos patrones que no podemos ver a simple vista y si conoces esos patrones, puedes determinar si una URL es válida o no en tu aplicación y realizar determinadas acciones. Una URL es un localizador que lleva a los usuarios a un sitio web o un […]Continue reading: “Como Verificar Si Una URL Es Correcta (Validar URL) con JavaScript”

Qué Son los Eventos Bubbling en JavaScript
4 minuto(s)

Un evento es una ocurrencia o algo que sucede. En el caso de Javascript, los eventos son ocurrencias o algo que sucede en el navegador y la acción de un usuario lo desencadena. Pueden ser clics, cargar páginas, desplazarse, etc. En el navegador, Javascript se usa para hacer páginas dinámicas e interactivas y Event permite […]Continue reading: “Qué Son los Eventos Bubbling en JavaScript”

Las Novedades más Destacadas Que Trae Angular 15 – Parte 2 (Final)
7 minuto(s)

En la Parte anterior llamada Las Novedades más Destacadas Que Trae Angular 15 – Parte 1, vimos el primer grupo de características que trae Angular en su versión 15, entre estas nuevas características estan el enrutador que desenvuelve las importaciones predeterminadas, protectores de enrutador funcionales, la API de composición de directivas, mejoras en los rastros […]Continue reading: “Las Novedades más Destacadas Que Trae Angular 15 – Parte 2 (Final)”

Las Novedades más Destacadas Que Trae Angular 15 – Parte 1
7 minuto(s)

En el trancurso de 2021, a pesar que el mundo se vio afectado por la pandemia COVID 19, el equipo de Angular siguió trabajando y eliminó el compilador heredado de Angular y la canalización de renderizado, lo que permitió el desarrollo de una serie de mejoras en la experiencia del desarrollador en los últimos meses. […]Continue reading: “Las Novedades más Destacadas Que Trae Angular 15 – Parte 1”