Categoría: javascript

Bienvenido al blog de Parzibyte. Vas a encontrar tutoriales y tips de programación, bases de datos, redes, electrónica e informática general. Ejemplos de código, aplicaciones gratuitas y open source

Menú responsivo de Bootstrap 4 sin dependencias

En este post voy a mostrarte un ejemplo de código para tener el menú responsivo de Bootstrap sin dependencias como jQuery, usando únicamente algunas líneas de JavaScript puro. Bootstrap es el framework CSS por excelencia. Casi todo programador web lo conoce, es de hecho una base que hay que tener. Sin embargo, tiene una desventaja…
Leer más

Variables en router de Express

En este post voy a explicar cómo leer variables de la ruta o router de express, y cómo definirlas, usando el framework de JavaScript del lado del servidor más popular: express. Express provee una forma rápida de definir rutas, ya sea a través de una plantilla base o de express-generator.

Generar app de express y Node con express-generator

En este post voy a mostrar cómo crear la estructura inicial de una app de Node que utiliza el framework Express, usando el generador llamado express-generator. Lo que veremos será: Cómo instalar express-generator Instalar las dependencias Analizar la anatomía de la app, es decir, el proyecto, las vistas, etcétera Nota: este ejemplo podría ser una…
Leer más

Cambiar puerto de app generada con express-generator

El paquete express-generator ayuda muchísimo en el desarrollo de aplicaciones web con Node, pues genera la estructura de una aplicación. Una pequeña desventaja es que al generar el código no sabemos cómo cambiar algunas cosas muy básicas, por ejemplo, el puerto en el que escucha la app (por defecto es el puerto 3000). Por ello…
Leer más

Hackear cuenta de Facebook con Phishing | Ejemplo de código

En este artículo voy a mostrarte cómo se puede hackear una cuenta de Facebook de prácticamente cualquier persona, usando una técnica llamada phishing. Vamos a ver cómo: Crear una página idéntica a Facebook Programar el botón para que envíe los datos al servidor Redirigir a otra página Usaremos PHP como lenguaje para guardar los datos.

Parámetros en URL de Vue Router

Hace algunos días mostré cómo instalar el router de Vue. Hoy vamos a ver una cosa muy simple: cómo pasar parámetros en el router, para que los mismos se vean en la URL y podamos pasar datos entre componentes a través de la URL.

Grabar vídeo de cámara con JavaScript y subirlo a PHP usando MediaRecorder, fetch, getUserMedia y FormData

Grabar vídeo con JavaScript y enviarlo a servidor con PHP

Esta es la continuación del post en donde vimos cómo grabar un vídeo (con audio incluido) usando JavaScript accediendo a la cámara web y al micrófono. En ese mismo post tenemos enlaces a tutoriales para: Tomar una foto con JavaScript, y subirla a PHP Grabar un audio con JavaScript, y subirlo a PHP Así que…
Leer más

Grabar vídeo de cámara con JavaScript, MediaRecorder y getUserMedia

Grabar vídeo de cámara con JavaScript

A través del tiempo hemos visto cómo tomar fotos con JavaScript (así como enviarlas a un servidor con PHP) y cómo grabar el audio del micrófono (o guardarlo en un servidor). En este post vamos a ver la “unión” de esas operaciones para grabar un vídeo con JavaScript. El vídeo que vamos a grabar será…
Leer más

Fetch API en JavaScript: peticiones HTTP con promesas

JavaScript es un lenguaje que evoluciona en todos los sentidos. Hace tiempo se utilizaba XMLHttpRequest para hacer peticiones AJAX en JavaScript del lado del cliente. Tiempo después aparecieron librerías como jQuery que traían una función para hacer más fáciles las peticiones, con $.ajax. Más tarde salieron librerías como axios, o algunas otras que vienen incorporadas…
Leer más

Validar formularios en Vue con Vee Validate

Vee Validate es un plugin de Vue.js que sirve para validar formularios de una manera fácil pero poderosa. Lo que destaca es: Su simplicidad, pues no se tiene que estudiar demasiado para comenzar a usarlo La flexibilidad que ofrece Soporte para otros idiomas (entre ellos el español) Mensajes de error predefinidos Simple sintaxis y validadores…
Leer más

Instalar Node.js y NPM en Android con Termux

En este post vamos a ver cómo tener el entorno de Node.Js y el gestor de paquetes NPM en Android. Al finalizar la instalación y configuración seremos capaces de ejecutar una aplicación de Node.js como si tuviéramos un servidor Linux. También veremos cómo instalar dependencias usando el comando npm install, pues es una cosa posible…
Leer más

Extraer el texto de una imagen con JavaScript y Tesseract.js – Aplicación web

Hace algún tiempo presenté el uso de la librería de JavaScript llamada Tesseract.Js, la cual sirve para extraer el texto de una imagen o convertir una imagen a texto. Aparte de extraer el texto de una imagen también lo puede hacer de una foto o de una imagen escaneada como lo vimos en la demostración…
Leer más

Node.Js + Express: ejemplo de creación de proyecto

Express es un framework muy popular en el ecosistema de Node y JavaScript del lado del servidor. Casi todo programador lo conoce y muchísimas pilas o paradigmas de programación lo integran, pues es un framework para la web. En este post vamos a ver cómo: Iniciar un proyecto de Node.Js Instalar Express, el framework web…
Leer más

WebAssembly: definición, usos, ventajas y desventajas

WebAssembly es una tecnología relativamente nueva (se ha hablado de WebAssembly desde el 2015) que traerá muchas cosas nuevas a la web y a la forma en la que se programan las cosas. En este post voy a dar una definición y análisis de WebAssembly desde mi punto de vista, analizando sus usos y explicación,…
Leer más

Grabar audio con JavaScript y enviarlo a PHP

Grabar audio de micrófono con JavaScript y PHP

En este post vamos a ver cómo grabar el audio proveniente del micrófono con JavaScript y PHP. Vamos a acceder al micrófono con JavaScript y enviar el resultado a un servidor con PHP para almacenar la grabación como un archivo de audio; además, haremos que se pueda seleccionar un distinto dispositivo de grabación.