EcoTaskApp: Aplicación Web de Gestión de Tareas Ecológicas con Angular

Introducción La concienciación medioambiental se ha convertido en uno de los principales retos de la sociedad actual. Cada vez más personas desean adoptar hábitos sostenibles, pero en muchas ocasiones carecen de herramientas que les permitan organizar, controlar y realizar un seguimiento de sus acciones ecológicas. Ante esta necesidad surge EcoTaskApp, una aplicación web desarrollada con Angular cuyo objetivo es facilitar la gestión de tareas relacionadas con el cuidado del medioambiente y promover hábitos sostenibles mediante un sistema de seguimiento y recompensas. EcoTaskApp permite a los usuarios registrarse, iniciar sesión, crear tareas ecológicas, clasificarlas…continue reading →

CI/CD para APIs .NET con GitHub Actions y Azure App Service

Introducción En el desarrollo moderno de software, una de las principales necesidades es automatizar las tareas relacionadas con la compilación, validación y despliegue de aplicaciones. Tradicionalmente, cada vez que un desarrollador realizaba cambios en una aplicación era necesario compilar el proyecto manualmente, ejecutar pruebas y publicar una nueva versión en el servidor. Este proceso consume tiempo, aumenta la probabilidad de errores humanos y dificulta mantener un flujo de trabajo eficiente. Para resolver este problema surgen las prácticas de Integración Continua (CI) y Despliegue Continuo (CD), que permiten automatizar todo el ciclo de vida…continue reading →

Construyendo un CV Interactivo: Arquitectura, lógica y diseño.

Si eres desarrollador, te propongo que diseñes tu propio CV interactivo. Te hará diferenciarte del resto de profesionales. Además en él podrás ir subiendo actualizaciones de nuevos proyectos, formación y nuevos certificaciones adquiridas. En este vídeo tutorial os hablo de las ventajas y desventajas. Os muestro mi proyecto terminado y una breve introducción de como he diseñado el código del mismo. Además que herramientas he utilizado para su despliegue. Por otra parte en esta publicación aprovecho para extenderme más y enseñaros todos los pasos que he realizado para crear este proyecto y finalmente…continue reading →

Implementación de Google reCAPTCHA en ASP.NET

https://www.youtube.com/watch?v=ubb74amYEvk&feature=youtu.be Si alguna vez has tenido que marcar la casilla "No soy un robot" o elegir imágenes con semáforos, ya te has encontrado con Google reCAPTCHA. Pero, ¿para qué sirve realmente? Internet está lleno de formularios: para registrarte en un sitio, dejar un comentario o rellenar una encuesta. El problema es que también son un blanco fácil para bots maliciosos, que los usan para enviar spam, lanzar ataques automatizados o incluso intentar robar información. Aquí es donde entra en juego Google reCAPTCHA. Es una herramienta gratuita que ayuda a los sitios web a…continue reading →

Profundizando en las Props de React con una aplicación de Redes Sociales

https://www.youtube.com/watch?v=GCETu0bH_kIEn este post, explicaré las diferentes facetas de las props utilizando una simulación de una aplicación de redes sociales como contexto. Veremos la sintaxis, los tipos de datos y los patrones de diseño que hacen que las props sean un componente fundamental en el desarrollo de aplicaciones React. Introducción a las Props en React En el desarrollo de aplicaciones React, la comunicación efectiva entre componentes es clave. Aquí es donde entran en juego las props (propiedades). Las props permiten la transferencia de datos desde un componente "padre" a un componente "hijo", creando así…continue reading →

Partial View VS View Component

PARTIAL VIEW INTRODUCCIÓN: Las vistas parciales son básicamente una vista que se puede reutilizar en la aplicación web. Las vistas parciales pueden actuar como un bloque reutilizable conectable al que podemos llamar desde cualquier lugar de la aplicación y se muestra el contenido de la vista parcial. Cada vez que usamos vistas parciales, debe representarse como una vista secundaria. Es muy útil como componente reutilizable o en caso de dividir una interfaz grande en partes pequeñas. Podemos crear una vista parcial al igual que las vistas regulares y esta vista se puede devolver desde el controlador usando…continue reading →