JavaScript

Buscador en Form Select (SELECT2) ASP Net Core

En este post os voy a enseñar a cómo integrar un buscador o filtro que ayude al usuario final a encontrar el valor o valores que le interesen dentro los formularios de selección que contengan muchos elementos. SELECT2 es el buscador a utilizar Esta librería el cual encontrarás su enlace a la página oficial, es la que nos permitirá implementar el buscador para filtrar entre los infinitos elementos que podamos tener en un simple formulario select. Hace uso de Jquery para hacer la llamada a dicha librería Cómo implementar la librería de SELECT2…continue reading →

Integración de Google Maps en Net Core

En este post te mostraré cómo puedes integrar fácilmente Google Maps (https://developers.google.com/maps?hl=es-419) en tus proyectos de Net Core utilizando tan solo unas pocas líneas de código y aplicando JavaScript o JQuery. En este caso, nuestro objetivo final será implementar un buscador con autocompletado en el que, al pulsar en un botón o al introducir el texto de una localización, se nos muestre en nuestra aplicación un contenedor de Google Maps con dicha localización seleccionada. Google Maps es una herramienta muy popular y ampliamente utilizada, lo que la convierte en una excelente opción para…continue reading →

CÓMO ENRUTAR COMPONENTES EN VUE.JS (ROUTER VUE.JS)

Al hacer nuestros proyectos o aplicaciones normalmente siempre solemos tener varias páginas que queremos que visite el usuario. Para conseguir una correcta navegación front-end del usuario es necesario usar un enrutador(componente que sirve para enlazar unas páginas con otras posibilitando la navegación entre componentes de nuestro  proyecto). Cada framework de Javascript suele usar su propio enrutador(Router) y en este caso nos vamos a centrar en ver cómo usar el Router de vue.js. https://www.flickr.com/photos/197093915@N08/52525337715/in/dateposted-public/ Cuando trabajamos con Vue en un proyecto de una sola página el navegador no necesita enviar al servidor ningún cambio…continue reading →

Cómo leer y mostrar un excel en React

En esta sección os voy a enseñar como leer un archivo excel con sus múltiples hojas con React. Para ello vamos a usar una librería que nos permitirá leer el excel y usar sus métodos para manejar elfichero.Lo primero que debemos hacer es crear un proyecto en React Quitaremos el StrictMode para que no nos repita dos veces cada ejecución Lo primero que haremos será crear una carpeta components y dentro nuestro jsx llamado Excel (elnombre que tú quieras). Para mostrar los datos he usado Bootstrap, pero puedes usar la librería que tú…continue reading →

Cómo integrar BULMA en Vue

¿Qué es BULMA? ¿Cómo se integra Bulma en Vue? A menudo nos encontramos en la situación de hacer una pagina web en el framework Vue pero no sabemos cómo hacer que nos quede presentable a nivel de diseño, para ello, hay un framework de CSS que se llama "Bulma", esta tiene librería que nos permitirá hacernos el trabajo de diseño mucho más sencillo ya que tiene muchos componentes los cuales podrás utilizar, modificar a nuestro gusto. Crea una carpeta para almacenar el proyecto-Vue: C:\Users\Sarto\Desktop\VUE BULMA Crea un proyecto Vue dentro de la consola…continue reading →

Web Scraping con Cheerio en VUE

En este post se va a tratar el Web Scraping. Esta técnica es utilizada para extraer información de páginas web. Es increíblemente útil cuando necesitamos recuperar grandes cantidades de información de diferentes páginas. Debido a que ahorra una gran cantidad de trabajo humano. En esta ocasión utilizaremos esta técnica para recuperar los títulos de los posts publicados en la página principal de https://techriders.tajamar.es/ También recuperaremos las etiquetas de cada titulo y realizaremos un recuento para ver que temas son más abundantes. Para realizar esta tarea utilizaremos la librería Cheerio. Una librería desarrollada para…continue reading →