Posts

Renderizar o dibujar una tabla HTML con JavaScript En este post te mostraré a crear una tabla dinámica o elemento <table> de HTML con JavaScript. Es decir, con JavaScript puro dibujar una tabla, agregarle filas y columnas. Para ello no usaremos ningún framework. Las funciones que veremos son: document.createElement - Para crear un elemento, en este caso el tr y el td document.querySelector - Obtener referencia a elementos del DOM elemento.appendChild - Adjuntar un elemento hijo a otro elemento Lo que vamos a dibujar en la tabla es un arreglo. Es decir, a partir del arreglo vamos a dibujar una tabla HTML con JavaScript de manera dinámica. ...

Uso de los atributos data en HTML y JavaScript Los atributos data de HTML son atributos personalizados que ayudan a asociar información a un elemento HTML (incluso si es creado de manera dinámica) con JavaScript. Estos atributos vienen de maravilla cuando tenemos elementos dinámicos y queremos acceder a ellos en el click de un botón o de ellos mismos. Lo que haremos hoy es ver cómo asociar información de una variable de JavaScript a un elemento HTML para después recuperarla en el click del botón: ...

Explicación de querySelector y querySelectorAll en JavaScript Introducción a querySelector y querySelectorAll en JS. En este post te explicaré dos funciones de JavaScript que funcionan para obtener referencia a un elemento del DOM. Estoy hablando de: document.querySelector document.querySelectorAll Que bien son un remplazo de document.getElementById y otras funciones un poco complejas. ...

Cortar cadena (obtener parte de string) en JavaScript En este post te mostraré a obtener un fragmento de una cadena en JavaScript, es decir, cortar o extraer parte de una cadena de otra usando JS. Este ejercicio sirve para extraer parte de una cadena en el navegador y en Node.js Nota: recuerda que esto ya lo hicimos con PHP. ...

Hacer petición HTTP POST en PHP En este post te mostraré a usar PHP para hacer una petición a través de HTTP usando el método POST. Veremos cómo enviar datos de formulario y cómo enviar JSON. Normalmente PHP se utiliza como servidor para servir y atender peticiones, pero de igual forma se puede usar como cliente para consumir otros servicios. Por poner un ejemplo, me viene a la mente aquella ocasión en la que acortamos enlaces con coinhive. Las funciones que veremos son: http_build_query stream_context_create file_get_contents json_encode Verás que será muy sencillo. Las peticiones serán hechas a httpbin.org, un sitio que sirve como espejo para indicar lo que le enviamos, perfecto para probar. ...

Obtener par de claves para integrar reCAPTCHA v2 En este post te mostraré a registrar un nuevo sitio en Google para poder usar reCAPTCHA. Es decir, veremos cómo registrar tu dominio y obtener las claves que se necesitan. También veremos cómo agregar el dominio de localhost para hacer pruebas locales. ...

Integrar reCAPTCHA v2 con PHP en formulario En este post te enseñaré a integrar el servicio llamado reCAPTCHA v2 con PHP, el cual es un simple captcha o checkbox de “no soy un robot” en un formulario HTML. También te enseñaré a verificarlo con PHP del lado del servidor. El servicio que vamos a integrar es reCAPTCHA v2, el cual funciona en varios lenguajes de servidor, pues se consume usando HTTP; hoy veremos cómo hacerlo en PHP. Veremos un ejemplo del formulario y de la comprobación en el lado del servidor. También dejaré una demostración. Al final tendremos algo como lo del gif: ...

Usos y explicación de var en C# Ejemplos de var en C#. Cuándo usar, cómo usar y razones para usar. A partir de la versión 3 de C# se puede usar la palabra reservada var, que me recuerda un poco a Kotlin, Go, y JavaScript. En este post te voy a mostrar cómo usar var, cuál es su propósito, cuándo usarla y cuándo no. ...

Cortar una cadena en PHP En este post te mostraré a usar la función substr para cortar una cadena en PHP (también conocido como cortar una palabra o cortar un string) desde un inicio hasta un fin. También vamos a ver cómo cortar una cadena desde determinado carácter, es decir, eliminar lo que esté más allá de determinada letra. ...

Propiedad word-wrap en CSS En este post te mostraré a usar la propiedad word-wrap en CSS para romper palabras en un párrafo o texto. Veremos los 3 métodos de word-wrap en CSS: break-all, normal y break-word. ...