Quadro de Tarefas - Arrasta e Solta com JavaScript (Drag and Drop)

[@ManualdoDev]

Dá uma olhada em como ficou o projeto online: manualdodev.github.io/quadro-de-tarefas/

[@JayGuuri]

A magia do estudo é fantástica. Você acompanha o passo a passo do projeto já pensando em alterações e adições. A cabeça começa a ferver e um assunto puxa outro, que puxa outro. Video muito bom, jovem.

[@SrMedeiros82]

Mano, JS parece magica... rsss

[@marcia_moreira]

Cara, muito bom o seu vídeo. Amei e aprendi bastante... e sua didática simples e direta é maravilhosa. Parabéns mesmo. 🙌🏽👏🏽

[@coutoff1327]

como esse cara não tem milhões de inscritos, que conteúdo valioso!!

[@ManualdoDev]

Muito obrigado pelo apoio, amigo! Tamo junto!

[@coutoff1327]

@@ManualdoDev foque mais no canal e não nos deixe aqui sem conteúdo, você está sendo muito importante, principalmente pra mim

[@gatao2791]

Muito bom!! Gostaria de deixar como sugestão de projeto para próximos vídeos um sistema de autenticação (back e frontend)

[@ManualdoDev]

Esse é show! Já deveria ter feito…

[@aostc]

Muito bom! Simples, explicativo e de fácil entendimento

[@andreassouza4393]

ajudou dms,me inscrevi nessa bomba TU É PIKA

[@cesaraugusto8085]

Nunca aprendi tanto sobre DOM quanto agora. Eu coloquei um evento de doubleclick no card pra abrir edição de texto novamente, e adicionei um evento "contextmenu" pra apagar um card criado com o botão direito do mouse.

[@vangarti7888]

"show demais" eu AMO Parabens pelos vídeos!!! Sucesso

[@ManualdoDev]

Muito obrigado pelo apoio, amigo! Tamo junto!

[@Arthur-bq5uk]

Excelente vídeo! Uma das melhores didáticas que já vi no KZbin. Sugestão de projeto: criar uma roleta que simule a experiência real. O usuário poderia clicar e arrastar para girá-la, com a rotação variando conforme a velocidade do movimento do mouse. Além disso, a roleta se adaptaria sempre ao número de itens dentro dela.

[@ManualdoDev]

Gostei da ideia em, Arthur! Bem desafiador… acho que num sei fazer isso não kkkk Mas vamo tentar!

[@Arthur-bq5uk]

@@ManualdoDev Confiamos no seu potencial, haha

[@cristianganzer2057]

Parabéns pelo conteúdo, muito legal!

[@ManualdoDev]

Valeeu, Cristian!!

[@JBPaizz]

Ficou bem legal 👏🏻👏🏻👏🏻

[@ManualdoDev]

Valeeeu, Jean! Tamo junto!

[@gabyaquino8709]

Como sempre, vídeo incrível! Por favor faz um desenvolvedo o jogo SUDOKU !!! 😁

[@ManualdoDev]

Que ideia boa, Gaby! Legal demais

[@geraldocoelho2392]

@ManualdoDev que bom, voltando a ativa. Vídeo sempre é nota 10, like antes.

[@ManualdoDev]

Vaaleeeeu! Tamo junto!

[@lucasmatos8239]

O conteúdo do seu canal é muito criativo e de alta qualidade! Se possível grava alguns conteúdos nesse estilo usando tailwind!

[@ManualdoDev]

Boa, Lucas! Tailwind é legal demais!

[@dener.criarbr]

Suas aulas são top parabéns e gostei do novo logo ficou bonitão

[@ManualdoDev]

Valeu demais, meu amigo!

[@FelipeSchner]

Muito legal!! baita aprendizado! Muito bom!!👏👏

[@ManualdoDev]

Que bom que gostou, Felipe! Valeeu demais pelo apoio! Tamo junto!

[@fabricio.damasceno]

Gostei da proposta. Ganhou um inscrito. Legal mesmo seria evoluir o projeto com login e persistencia de dados no banco de dados.

[@ManualdoDev]

Boa ideia, em!

[@herbertcarvalho4806]

top! tava precisando desse vídeo

[@Fabandy88]

mto bom

[@N0TZ3R0]

Fantástico 👏

[@guilhermehenrique-md7pl]

showw!!

[@FCostaTV]

Muito top

[@Madmax_trader]

Poderia fazer vídeo de um curso apenas de javascript puro, as vezes muitos tem um pouco de dificuldade para pegar assim como eu, eu peguei HTML e CSS bem, mais estou com bastante de dificuldade par pegar o JAVASCRIPT, como estou aprendendo por conta, talvez sua didática devia ajudar muito tanto eu como muitas outras pessoas... desde já agradeço 😄

[@ManualdoDev]

O curso de javascript já está quase todo escrito em! Em breve início as gravações! Vai ser legal demais

[@wlr6210]

Show, a um tempo fiz em React, mas não consegui adaptar o drag drop no mobile, teria alguma dica ?

[@dpescador]

Muito bom, ganhou um inscrito. Poderia ter um timer ou data de validade, se o card estiver vencido a legenda ou fica vermelho, se estiver finalizado fica azul e depois de um tempo oculta o card.

[@ManualdoDev]

Boa ideia em! Ficaria show

[@super_resultados]

faz das aplicaçoes de nós de ligaçao estilo flowchart Por favor

[@ManualdoDev]

Esse parece bom, em!

[@lucianosiqueira4709]

Tem que mandar um projeto de node puro tbm sem framework,vanila top

[@viajante4386]

Projeto bom mesmo!!! Mano me tira uma dúvida? Tu fez isso de primeira? Tipo sem parar pra raciocinar na lógica de cada etapa?

[@ManualdoDev]

Não mesmo! heheheh A primeira versão que fiz ficou bem feia e bem ruim até kkkkkk Eu sempre tento primeiro fazer funcionar de qualquer jeito sem se preocupar muito. Depois a gente vai melhorando, deixando mais bonito, tentando melhorar o javascript e tudo mais.. E eu pesquiso também, tá? Não lembrava de cabeça tooodos esses eventos de Drag and Drop do javascript.

[@viajante4386]

@@ManualdoDev Po cara valeu pela sinceridade. Eu estava me sentido burro. Por que eu pesquiso toda hora também e vejo a documentação. Meu primeiro projeto nunca sai bom, eu quebro a cabeça pra ir melhorando a lógica. Vendo seus vídeos eu penso: "Cara como ele faz isso tudo sem travar no raciocínio lógico?". Eu vejo seus vídeos e tento pensar na lógica antes de você falar. Ai você explica uma lógica bem fácil e eu penso: como não pensei nisso? Kkkkkk. Tua didática é muito boa mano, Parabéns!!!

[@sorinhaaa]

boa tarde Manual do Dev, sou iniciante e gosto de ver e analisar seus video e eu tenho uma pergunta, caso eu quisesse publicar esse site, nao para de fato ser um site apenas para ter acesso mais facil ou para outra pessoa usar, e eu fosse fazer um sistema de login para armazenar as tarefas que o usuário escreveu , eu teria que aprender e aplicar alguma linguagem de banco de dados né, que dai ja entraria um pouco no backend, como mysql por exemplo (pfv me corrija caso eu esteja errado) Obrigado pela atenção

[@ManualdoDev]

É isso mesmo! Você está certo. Aqui no canal tem um projeto full stack onde a gente faz um app de lista de tarefas, front e back com banco de dados e tudo, caso você queira dá uma olhada. Se você quiser melhorar um pouco também o projeto, poderia salvar as tarefas no local storage. Mas aí seria só para ficar salvo no navegador mesmo :)

[@sorinhaaa]

@@ManualdoDev ahhh beleza, top, vou dar uma olhada sim, muito obrigado

[@wandersonoliveira2139]

Parabéns pelo vídeo! Consegue me passar seu contato para avaliar um projeto de sistema ?

[@carlosalex7885]

Muito obrigado pelo ótimo video, seria perfeito se vc implementasse a funcionalidade de criar as tarefas e salvar já diretamente em um banco e mesmo atualizando a page ou movendo elas para outra aba elas continuariam onde fossem deixadas, tentei fazer desse jeito uma vez e não consegui.

[@ManualdoDev]

É um desafio legal, em! Vou dá uma olhada!

[@carlosalex7885]

@@ManualdoDev seria muito da hora ver a lógica kk eu já tinha feito utilizando o firebase, mas não consegui fazer para deixar salvo quando mover de uma aba para outra.

[@investindoemativos8690]

Estou tentando fazer uma interface gráfica, mas sempre dá erros. Estou começando ainda na programação. Seria mais ou menos assim: Criar um programa que corrija os erros ortográficos dos usuários, onde possa ser tanto inserido alguns tipos de arquivos tipo: PDF, DOC. E até mesmo possa ser digitado em um campo específico no programa, em seguida mostrar o resultado ao usuário, onde visualizar os erros, e a forma correta de ser escrita as palavras em questão.

[@ManualdoDev]

Esse é bem desafiador, em! Projeto legal. Vamos ter que ir por partes heheh