Angular

Paginación en Angular

Todo programador sabe lo engorroso que puede ser tener que gestionar una gran cantidad de datos e información en el diseño de nuestra web. Cuando esto sucede, solemos tener que realizar scrolls interminables para poder visualizar todo el contenido, haciendo así la navegación bastante incómoda. Aquí tenemos el modelo de página que vamos a modificar. Podemos ver que en ella todos los elementos se disponen hacia abajo sin importar cuántos elementos queramos colocar sin necesidad de estar desplazándonos hacia abajo de forma ilimitada: Es por ello que la paginación resulta ser nuestra gran…continue reading →

Programación y publicación de un bot de discord utilizando angular

Bot de discord con angular ¿Qué es discord? Discord es una plataforma social destinada a permitir crear grupos de chat para diferentes finalidades. Puedes pensar en ella como algo similar a Skype o TeamSpeak, aunque incluyendo las funciones de otras herramientas más profesionales. Tiene versiones tanto para PC como para dispositivos móviles, pasando también por un cliente que puedes utilizar directamente desde el navegador. Además, tiene bastantes funcionalidades, permitiendo chatear por texto, por voz e incluso realizar videoconferencias, todo ello con una aplicación totalmente gratuita. En discord podemos diferenciar dos tipos de chat, los chats…continue reading →

JSON Server, HttpClient y Peticiones HTTP en Angular

Para interactuar con un servicio web que consiga datos para nuestra aplicación vamos a utilizar peticiones HTTP asíncronas, también llamadas peticiones AJAX. Las peticiones se realizan usando la clase HttpClient de Angular, la cual es entregada como un Servicio a través de la inyección de dependencias. Para poder hacer pruebas hay diversas opciones; en este caso haremos uso del módulo JSON-Server, que simula un entorno donde estamos conectados a algún tipo de backend. Esto nos devolverá un Observable, al cual podremos suscribirnos. JSON Server JSON-Server es un falso REST API, apropiado para crear…continue reading →

Rutas de Angular

En las aplicaciones de Angular tendremos solamente una página que es el index.html que será el encargado de renderizar todos datos al usuario cambiando el componente que se requiere en cada momento. Por esto motivo se necesita utilizar Routing, ya que será el encargado de mostrarnos en cada momento lo que queremos renderizar dependiendo la URL que visitemos. Tenemos varias maneras de crear un fichero de rutas: Al crear el proyecto agregándole --routing: ng new proyecto --routing, con este comando nos generará un Modulo llamado app-routing.module.ts que se encuentra en "proyecto/src/app", aquí podremos…continue reading →

Bases de datos en AWS con Amazon RDS

Para crear una base de datos en AWS se debe utilizar RDS. RDS son las siglas de Relational Database Service. En primer lugar, desde la consola principal de AWS se puede buscar en la caja de búsqueda o seleccionarlo desde "Servicios de AWS". https://flic.kr/p/2m1pdBS Servicios de AWS https://flic.kr/p/2m1tBnq Busqueda de RDS Una vez seleccionado, se redirigirá a la página del panel de RDS. https://flic.kr/p/2m1s9Pw Dashboard de RDS Ahora, se hace doble click sobre "Create Database": https://flic.kr/p/2m1s9Pb Detalle create Database Una vez se haga click se redirigirá a la creación de la base de…continue reading →

Leer GeoJson con .Net Core

A continuación explicaré cómo se puede acceder a un archivo en el servidor (wwwroot) y leerlo. En este caso voy a centrarme en leer archivos de tipo .geojson. Ejemplo de documento .GeoJson : {"type": "FeatureCollection","features": [{"type": "Feature","geometry": {"type": "Point","coordinates": [ -2.780104,37.14114 ]},"properties": {"province":"Almería","population":"Abla", }] Para poder representar el documento y acceder a las claves, tenemos que crear las clases que lo representan. Las clases quedarían así: public class Geometry { public string type { get; set; } public List coordinates { get; set; } } public class Properties { public string province {…continue reading →