De Ionic a Posts una tarea
Aprender Django, Angular o PostgreSQL por separado es relativamente sencillo.
El verdadero salto ocurre cuando intentamos entender cómo todas esas tecnologías colaboran dentro de una aplicación real.
Supongamos que tenemos una aplicación móvil para administrar tareas y el usuario pulsa:
Crear tarea
¿Qué ocurre después?
La respuesta completa se parece a esto:
Ionic / Angular
↓
HTTP + JSON
↓
Django REST Framework
↓
Django ORM
↓
PostgreSQL
1. Angular recoge la información
El formulario mantiene temporalmente valores como:
- título;
- descripción;
- estado;
- fecha límite.
Pero esos datos todavía no forman parte del estado permanente del sistema.
2. El cliente construye una petición HTTP
Angular utiliza un servicio para enviar los datos hacia nuestra API.
El frontend no debería conectarse directamente a PostgreSQL.
Su trabajo es solicitar una operación al backend.
3. Django REST Framework recibe el JSON
Aquí comienza una de las partes más importantes.
El servidor no debería confiar ciegamente en lo enviado desde la interfaz.
Django REST Framework valida el contrato de la petición y permite que las reglas del dominio permanezcan centralizadas en el servidor.
4. El backend aplica las reglas
Una tarea puede tener, por ejemplo, solamente tres estados válidos:
- pendiente;
- pospuesta;
- completada.
También podemos implementar reglas como:
- identificar tareas próximas a vencer;
- conservar información de auditoría;
- asignar usuarios;
- realizar eliminación lógica en lugar de destruir registros.
Estas decisiones pertenecen al dominio de la aplicación, no simplemente a la interfaz.
5. El ORM persiste la información
Una vez validada la operación, Django utiliza su ORM para escribir los cambios en PostgreSQL.
Ahora sí existe una representación persistente de la tarea.
6. La API responde
Django REST Framework serializa nuevamente la entidad y devuelve JSON al cliente.
7. Ionic actualiza la interfaz
Angular recibe la respuesta y actualiza el estado visible de la aplicación.
Tenemos entonces un ciclo completo:
interfaz → API → reglas → persistencia → API → interfaz
Y esa misma arquitectura puede reutilizarse cuando llevamos la aplicación a Android utilizando Ionic y Capacitor.
Construí un tutorial completo donde implementamos este proyecto paso a paso utilizando:
- Django REST Framework
- PostgreSQL
- Docker
- Angular
- Ionic
- CaD, filtros, soft delete, auditoría, cambios de estado y tareas próximas a vencer.
👉 Tutorial completo en español:
Si estás aprendiendo arquitectura fullstack, mi recomendación es que no te concentres únicamente en hacer funcionar cada tecnología.
Intenta seguir el recorrido completo de una sola operación desde la pantalla hasta la base de datos y de vuelta.
Ahí es donde muchas piezas empiezan a tener sentido.
