Resumen: mostrar cómo usar la API de reconocimiento de voz (webkitSpeechRecognition) con JavaScript, de tal manera que el navegador pueda entender nuestra voz y pueda transcribirla (es decir, convertir voz a texto).
Me emociona hacer otro tutorial sobre las API de JS. Ya vimos cómo tomar una foto, grabar un vídeo, grabar audio o convertir texto a voz.
Ahora voy a mostrarte cómo usar el reconocimiento de voz en la web con JavaScript, de una manera fácil.
En este post vamos a ver cómo enviar un formulario de HTML a PHP pero sin recargar la página, simplemente usando AJAX.
Recordemos que AJAX es una técnica que permite enviar y recibir datos de manera asíncrona, sin bloquear el hilo principal, además de ahorrar ancho de banda pues solo cargamos lo que se necesita.
En este post te voy a mostrar a sacar la diferencia entre dos arreglos de JavaScript. Es decir, obtener los elementos que existen en un arreglo A pero no existen en otro arreglo B.
La función que te voy a mostrar va a regresar un nuevo arreglo que tiene los elementos que hay en A pero no en B.
En este post te voy a enseñar cómo usar la función rect del contexto de un canvas en JavaScript para dibujar dos figuras geométricas:
También te voy a mostrar cómo personalizar el color de relleno y color de borde en cada una de las figuras.
Leer más »Dibujar cuadrado y rectángulo en Canvas usando JavaScript
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á:
Nota: este ejemplo podría ser una “mejora” a la plantilla que vimos anteriormente.
Leer más »Generar app de express y Node con express-generator
Enviar datos con AJAX es algo relativamente fácil; pues al final de todo son simples datos. Ya sean cadenas o números, todo es texto. Pero algo distinto pasa cuando queremos cargar un archivo o fichero con JavaScript hacia PHP.
Esto es más complicado cuando queremos hacerlo con AJAX, pues no hay una forma estandarizada de enviar un archivo; y nos topamos con que el usuario podría seleccionar archivos pesados.
Lo que nos quedaría sería poner un formulario y agregar un <input type="file"> pero nuestra página perdería dinamismo.
Afortunadamente desde hace algunos años existe la API de FormData, la cual ofrece una manera de enviar todo tipo de datos como se enviarían en un formulario; con la ventaja de poder hacerlo sin interrumpir al usuario o recargar la página.
Leer más »Cargar archivo a PHP desde JavaScript con FormData
Hoy veremos cómo podemos convertir números a una base distinta en JavaScript. Es decir, cómo hacer la operación (y lo inverso) para convertir un número de determinada a base a otra.
Por ejemplo, convertir binario a octal, binario a decimal, decimal a hexadecimal y todas esas conversiones.
Para ello, no utilizaremos más que los métodos que le lenguaje provee; nada de librerías externas o algoritmos complicados.
Leer más »Conversiones de números en JavaScript: Binario, Octal, Hexadecimal y Decimal
Base64 es un sistema de codificación que convierte cualquier dato a una representación que puede ser formada por los caracteres ASCII (los cuales son 64).
Veamos cómo podemos trabajar con base64 en JavaScript
Hoy estaba haciendo un pequeño repaso de las funciones matemáticas de JavaScript y me encontré con una función que, aunque tal vez sirva para otros usos más difíciles o complicados, sirve perfectamente para poder quitar o remover decimales de número en JavaScript.
JavaScript ha evolucionado y mejorado en los últimos años. Ya tiene un poco de tiempo que se introdujeron estas nuevas características, pero igualmente le puede servir a alguien este tutorial que expone el uso de Const, var y let en JavaScript
Leer más »Const, var y let en JavaScript: diferencias y explicación
Introducción Los filtros de Vue.js son muy útiles. Generalmente son utilizados sólo en la vista. Por ejemplo, si queremos filtrar moneda hacemos esto: {{sueldo |… Leer más »Acceder a los filtros de VueJS desde el código Javascript
Introducción No sé si sólo a mí me pasa o si sólo yo ocupo las fechas en Javascript, pero siempre que intento compararlas, algunas salen… Leer más »Ajustando fechas en Javascript
Introducción Recientemente hice una entrada sobre la api de binbox.io en Python y dije que escribiría un poco sobre cómo consumirla pero ahora con Javascript… Leer más »API de binbox.io en Javascript
Introducción Independientemente de qué tanto sepamos Javascript, en algún momento alguien nos dijo o descubrimos que en Javascript podemos hacer dos cosas un poco raras:… Leer más »¿Por qué en Javascript no necesitamos punto y coma ni var?
Nota: ya hay una versión 3 de este código. En ese nuevo post explico cómo dar la posibilidad de que el usuario cambie la cámara, además de que introduzco otras mejoras y actualizaciones. Míralo aquí.
Nunca imaginé que algún día se podría tomar una foto y guardarla en un servidor usando código nativo de Javascript y la cámara del dispositivo. Eso abre un mundo de posibilidades que permite a nuestras aplicaciones tener más características.
Hoy mostraré aquí un pequeño tutorial que nos permitirá tomar una simple foto y subirla a un servidor que tendrá PHP. No se usará ningún framework, ni de Javascript ni de PHP.
Nota: debido a que vamos a tomar una foto con la cámara, debemos servir nuestra app en localhost (para hacer pruebas locales) o en un servidor con https. Es decir, nuestro código debe estar en un servidor con un certificado SSL, o corriendo en nuestra máquina.
Si te gusta programar en Python, te invito a leer cómo tomar una foto de la cámara web, utilizando Python.
Leer más »Tomar foto con Javascript y cámara para guardarla en servidor PHP
