Full Stack

Tracking de Pedidos en Tiempo Real con Angular, ASP.NET Core, SignalR y Azure Cosmos DB

Temas del Master que cubre este proyecto Este proyecto integra contenidos de varias areas del Master en Desarrollo Full Stack + Arquitecturas Cloud: Arquitectura: SPA desacoplada Angular + API REST, diseno de APIs RESTful escalables y versionadas, patron Repository en ASP.NET Core Seguridad: Autenticacion y autorizacion con JWT, gestion de roles y politicas en APIs REST, proteccion CORS Computacion en la nube: Base de datos en Azure (Cosmos DB como equivalente a MongoDB Atlas en la nube) Comunicacion y Tiempo Real: SignalR en ASP.NET Core para aplicaciones en tiempo real, arquitectura orientada a…continue reading →

Arquitectura SPA desacoplada: Angular + API REST con JWT paso a paso

🚨 El problema: cuando el frontend y el backend viven pegados Si llevas un tiempo desarrollando aplicaciones web, es probable que hayas empezado con proyectos donde el servidor genera el HTML directamente y lo manda al navegador. Funciona, pero escala mal. ¿Qué pasa cuando el equipo de front y el de back quieren trabajar por separado? ¿O cuando la misma API necesita servir a una app móvil además de a la web? Aquí es donde aparece la arquitectura SPA desacoplada: el frontend es una aplicación completamente independiente que vive en el navegador, y…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 →

UX y UI: Qué es y por qué importa.

En este post veremos cómo aplicar y comprender los principios de UX (User Experience) y UI (User Interface) en el diseño web para mejorar la experiencia de usuario. La idea es entender la diferencia entre ambos conceptos, explorar el proceso de UX y analizar los principios de UI. Esto nos permitirá crear productos digitales intuitivos, accesibles y visualmente atractivos. ¿Qué son UX y UI y cuáles son sus roles? Son el proceso de creación de productos digitales para que sean fáciles y atractivos de utilizar. Aunque estos dos conceptos están ligados entre ellos,…continue reading →

Capacitor con Ionic en el Framework de Angular

Objetivos Este proyecto trata de mostrar la gran funcionalidad que nos ofrece Ionic junto con Angular para el desarrollo de una aplicación, no solo de escritorio sino que también para dispositivos móviles, ya sea en android o ios. En este caso, emplearemos el emulador de Android Studio y el plugin de Capacitor para ver el resultado final del proyecto. Ionic y Capacitor Ionic es un Framework de Front-End de código abierto que simplifica enormemente al desarrollo de aplicaciones multiplataforma, pues utiliza la misma base de código, basado en las tecnologías Web (HTML, CSS,…continue reading →