Crear una nueva list: conectar con la API

Clase 19 de 22 • Curso Práctico de Angular: Construye un Clon de Trello

Contenido del curso

Introducción

Integración entre UI y API

Drag and Drop

Boards

Cards

Listas

Backgrounds

Próximos pasos

22
¿Quieres más cursos de Angular?
05:26 min

Tomar examen

José Nicolás Aristizabal Ramírez

student•

El problema de mover cards una vez creada una nueva lista lo solucioné solicitando al back-end la información del board una vez se agregue una nueva lista, con ello ya puedo mover cards entre listas normalmente, no sé si sea una buena práctica ( si es así te agradecería que me comentaras en este hilo)

...  
next: (resp) => {
          console.log(resp);
          this.getBoardDetail();
          this.addAnotherList.setValue('');
        },
....

David Higuera

Es un patrón válido, se le conoce como pesimistic rendering y se utliza cuando se requiere una consistencia rigurosa en los datos a tratar. Para efectos de aprendizaje, tu implementación es correcta.

Crear una nueva list: conectar con la API

Introducción

Bienvenida y setup del proyecto

Funcionamiento de la API y análisis del proyecto

Integración entre UI y API

Conectando los boards del usuario

Creando el card color component

Typing Colors

Detalle de un board

Drag and Drop

Algoritmo para detectar la posición de la card

Detectar tipo de movimiento: drag and drop

Calcular la posición

Actualizar una sola card

Actualizar lista

Boards

Crear un nuevo board: UI

Crear un nuevo board: conectar con la API

Cerrar el overlay

Cards

Crear una nueva card: UI

Crear una nueva card: formulario

Crear una nueva card: conectar con la API

Listas

Crear una nueva lista: UI