":"https://platzi.com/cursos/angular-trello/crear-una-nueva-card-api/","material_type":"video","thumbnail_url":"https://thumbs.cdn.mdstrm.com/thumbs/512e13acaca1ebcd2f000279/thumb_635c0682486d5f0886ff75f2_635c0682486d5f0886ff75fe_94s.jpg","duration":939,"index":17,"order":1842,"content":"","markdown_content":"","publishable_content":true,"uploading":false,"access":0,"is_open":false}]},{"id":13300,"title":"Listas","order":516,"materials":[{"id":55658,"title":"Crear una nueva lista: UI","url":"https://platzi.com/cursos/angular-trello/crear-una-nueva-lista-ui/","material_type":"video","thumbnail_url":"https://thumbs.cdn.mdstrm.com/thumbs/512e13acaca1ebcd2f000279/thumb_635c066f97414e0842808e4d_635c066f97414e0842808e59_32s.jpg","duration":320,"index":18,"order":1840,"content":"","markdown_content":"","publishable_content":true,"uploading":false,"access":0,"is_open":false},{"id":55659,"title":"Crear una nueva list: conectar con la API","url":"https://platzi.com/cursos/angular-trello/crear-una-nueva-lista/","material_type":"video","thumbnail_url":"https://thumbs.cdn.mdstrm.com/thumbs/512e13acaca1ebcd2f000279/thumb_635c0729f7cae3085025de7c_635c0729f7cae3085025de88_62s.jpg","duration":586,"index":19,"order":1841,"content":"","markdown_content":"","publishable_content":true,"uploading":false,"access":0,"is_open":false}]},{"id":13301,"title":"Backgrounds","order":517,"materials":[{"id":55660,"title":"Background dinámico","url":"https://platzi.com/cursos/angular-trello/background-dinamico/","material_type":"video","thumbnail_url":"https://thumbs.cdn.mdstrm.com/thumbs/512e13acaca1ebcd2f000279/thumb_635c0725f7cae3085025de61_635c0725f7cae3085025de6a_51s.jpg","duration":508,"index":20,"order":1911,"content":"","markdown_content":"","publishable_content":true,"uploading":false,"access":0,"is_open":false},{"id":55661,"title":"Estado para el Background","url":"https://platzi.com/cursos/angular-trello/estado-para-el-background/","material_type":"video","thumbnail_url":"https://thumbs.cdn.mdstrm.com/thumbs/512e13acaca1ebcd2f000279/thumb_635c07454cb3390896a33ef4_635c07454cb3390896a33efd_91s.jpg","duration":908,"index":21,"order":1917,"content":"","markdown_content":"","publishable_content":true,"uploading":false,"access":0,"is_open":false}]},{"id":13302,"title":"Próximos pasos","order":518,"materials":[{"id":55662,"title":"¿Quieres más cursos de Angular?","url":"https://platzi.com/cursos/angular-trello/bye-retos/","material_type":"video","thumbnail_url":"https://thumbs.cdn.mdstrm.com/thumbs/512e13acaca1ebcd2f000279/thumb_635c07375e911808af43542f_635c07375e911808af43543b_33s.jpg","duration":326,"index":22,"order":1840,"content":"

Nombre del curso: Curso Práctico de Angular: Clon de Trello.
\nDean: Sebastián Delmont.
\nFaculty Manager: Ricardo Celis.
\nSchool Owner: Juan David Castro (JuanDC).
\nProfesor: Nicolas Molina.
\nDirección: Romina Huamán y Juan David Castro (JuanDC).
\nProducción OPS: Lizeth Cáceres y Rocío Martínez.
\nEdición de video: Mario Daniel Ojeda.
\nPostproducción de audio: Karen White.
\nDiseño gráfico: Romi Lavín.
\nCoordinación General: Andrés Arizmendy, Daniel Gutierrez, Carol Baquero, Carlos Céspedes, Sura Cedeño y Sara Hernández.
\nRevisión: Brandon Verdeja y Rodrigo Goitia.

\n","markdown_content":"","publishable_content":true,"uploading":false,"access":0,"is_open":false}]}],"exam":null,"evaluation":{"id":"5e99c31d-33b4-4e73-a31e-d10fe61d17b6","active":true,"title":"Examen de Curso Práctico de Angular: Clon de Trello","url":"/evaluacion/5e99c31d-33b4-4e73-a31e-d10fe61d17b6/"},"private":false,"is_hidden":false,"type":"paid","badge_url":"https://static.platzi.com/media/achievements/angular-clon-de-trello-badge-8a68b125-96b7-4512-a673-509576ea2da9.png","diploma_url":"https://static.platzi.com/media/diplomas/Angular-Clon-de-Trello-diploma-7c

Calcular la posición

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

Crear una nueva list: conectar con la API

Backgrounds

Background dinámico

Estado para el Background

Próximos pasos

¿Quieres más cursos de Angular?