Vetur es una extensión para Visual Studio Code y proporciona una caja de herramientas para programar con Vue. Entre sus principales características encontramos: Remarcado de sintaxis Algunos snippets Soporte de Emmet Comprobación de errores Formateado de código Autocompletado Depuración VSCode o Visual Studio Code se ha convertido en un potente pero ligero editor de código. […]
Configurar VSCode y Vetur para programar con Vue Leer más »
Una vez que ya hemos creado un proyecto con la CLI de Vue (usando Buefy, por ejemplo) podemos agregarle otros paquetes como un enrutador. Vue Router es el enrutador oficial para Vue.Js y permite crear Aplicaciones de una sola página o Single Page Applications. De esta manera tenemos una navegación más fluida sin recargar la
Primeros pasos con VueRouter: el enrutador de Vue Leer más »
En este post voy a poner las instrucciones para comenzar un proyecto con Buefy. Buefy es la combinación de Vue y Bulma CSS, ofrece componentes de Bulma CSS pero mejorados con el buen Vue. Vamos a utilizar NPM con la CLI de Vue (vue-cli), ya que será un proyecto un tanto formal.
Crear proyecto de Buefy (Bulma CSS + Vue) usando la CLI de Vue Leer más »
Cuando un usuario selecciona un archivo de tipo imagen con un input de tipo file en HTML podemos generar una previsualización de la imagen dentro de una etiqueta img, a fin de que el usuario conozca la imagen que seleccionó antes de que procese la imagen. En este post vamos a ver cómo mostrar la
Previsualizar imagen de input file con JavaScript y HTML Leer más »
En este post voy a explicar cómo grabar audio del micrófono con JavaScript, MediaRecorder y la API de getUserMedia. Al final seremos capaces de: Pedir permiso de acceder al micrófono Obtener una lista de micrófonos Seleccionar el micrófono para grabar Comenzar una grabación Detener la grabación de audio Descargar el audio grabado Todo eso sin
Grabar audio del micrófono con JavaScript y descargar la grabación Leer más »
JSON y Go En este post voy a explicar cómo codificar y decodificar el formato JSON (JavaScript Object Notation) usando el lenguaje de programación Go, también conocido como Golang. Para hacerlo no necesitamos librerías externas ni paquetes extraños; solamente a encoding/json con las funciones Marshal y Unmarshal que nos permitirán trabajar con structs, arreglos, cadenas
Codificar y decodificar JSON con Go/GoLang Leer más »
Resolviendo otro ejercicio de CodeWars me encontré uno en donde nos pide que hagamos una función que indique el elevador (izquierda o derecha) más cercano a un piso de un edificio. Dice más o menos así: Existen 2 elevadores en un edificio, uno que está a la izquierda y otro a la derecha en un
Algoritmo en JavaScript: elevador más cercano Leer más »
En este post vamos a ver cómo usar la API de speechSynthesis con JavaScript, presente en la mayoría de los navegadores web. Esto permitirá hacer un conversor de texto a voz con JS, sin librerías externas ni frameworks. La tecnología TTS, Text to speech, texto a voz o síntesis de voz es algo que permite
Texto a voz con JavaScript y la API de speechSynthesis Leer más »