Nessa série vamos aprender juntos como desenvolver um gerenciador de tarefaz, utilizando apenas javaScrip com conceitos de Oritentação a Objeto.
- Playlist da primeira temporada do Bora Codar
- Bora Codar: Criando um Gerenciador de Tarefas #1
- Bora Codar: Criando um Gerenciador de Tarefas #2
- Bora Codar: Criando um Gerenciador de Tarefas #3
- Mover os cards utilizando o conceito do Drag and Drop.
- Subir em um repositório github
- Enviar no direct do instagram da Kenzie Academy (@kenzieAcademyBr)
- Tirar uma foto ou fazer um vídeo da aplicação funcionando
- Marcar Instagram da Kenzie (@kenzieAcademyBr)
- Você pode mudar o template mas precisa ser em javaScript (então aproveite para fazer com a sua cara!) mude as cores, adicione coisas novas.
- Apenas os 5 primeiros
- Data de entrega 18/02/2021 18:00hr
Para esse desafio você não precisa executar as funcionalidades de (salvar o card na seção toda as vezes que você alterar o card) Pode ser representativo no funcional apenas no front.
function imprimirSecoes(secao){
const nomeSecao = secao.nome
const idSecao = secao.id;
const header = appSecaoHeader(nomeSecao)
const footer = appSecaoFooter(idSecao)
const appSecao = document.createElement("div")
appSecao.classList.add("app_secao")
appSecao.dataset.id = idSecao
const listaCards = document.createElement("ul")
listaCards.classList.add("dropzone")
listaCards.addEventListener("drop",drop)
listaCards.addEventListener("dragover",allowDrop)
appSecao.appendChild(header)
appSecao.appendChild(listaCards)
appSecao.appendChild(footer)
areaSecoes.appendChild(appSecao)
resetarControles();
}Deixa o like, se inscrevam no nosso canal e nos acompanhem nas redes sociais:
E até a próxima!