Desarrollo

Area de coordinación enfocada a Desarrollo

Utilizar factura en Excel y pasarla a PDF con .NET CORE

Este post surge de la necesidad de poder generar facturas fácilmente recogiendo datos de alumnos que hacen pagos mensuales (pueden ser variables), basándonos en un modelo de factura que incluye la información de la “empresa”.En este modelo necesitaremos reflejar un monto y de ese monto se calculará el IVA, por lo que el total con el IVA, dependerá del monto que pongamos. Entonces, utilizaremos un modelo en Excel para así poder utilizar fórmulas. Y finalmente lo que guardarremos es la factura en formato pdf. Intro Para poder trabajar, tenemos que instalar las librerías:…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 →

Funcionamiento de Props en React de una aplicación de contactos

Los Props se refieren a las propiedades las cuales cumplen un rol importante en el proceso de desarrollo de una aplicación o página web. Los componentes son los bloques de construcción de React y estos componentes usan Props para mejorar su funcionalidad y poder reutilizar el código. Para enseñaros como utilizar Props en React, lo vamos a aplicar en una aplicación de contactos. https://flic.kr/p/2o2EtyS En primer lugar os enseñamos una tarjeta de contacto, donde contiene información, como su nombre, la foto , el número de teléfono y su correo electrónico. Lo hemos guardado en nuestro componente llamado index.js. Allí…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 →