hudsoncarolinodev / kenzie-kanban_oficial Goto Github PK

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.

• Drag and Drop w3schools
• Drag and Drop MDN
• Drag and Drop Web Dev

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:

• Youtube
• Instagram
• Linkedin
• Facebook
• Para mais informações - site

E até a próxima!