Impressionante como a Rocketseat caminha para ser a maior instituição de ensino de programação do mundo! Só trás conteúdo atual e que é realmente um caso real de uso. Super fã ❤️
Excelente! As comunidades de diversas linguagens de programação, no geral, costumam incentivar a importação de pacotes e mais pacotes para features que não demorariam alguns minutos para fazer e agregam um conhecimento ótimo, esse é um bom exemplo. Parabéns à Rocketseat por esse conteúdo!
Meu Deus show de bola, aula nota 10, por favor mais conteúdo deste nível para nos ajudar. Deus te abençoe sempre, muito obrigado mesmo, todos nós agradecemos de coração.
Mayk te falar uma coisa man, ate hoje. De vera mesmo. Ate hoje, na minha cerreira de programador voce faz parte sem exagero nenhum. 80%. Obrigado por ser essa pessoa maravilhosa, inteligente e focada! Todo dia 1% melhor!! Sucesso irmao!
Eu fico até triste de não conseguir acompanhar todo esse conhecimento que a Rocket tá compartilhando. Mas aos poucos a gente chega lá. Vocês são F#D@S!!
Muito obrigado pelos ensinamentos. Eu sou backend e quero muito melhorar cada vez mais no front e sair de templates prontos e cheios de coisa que pesam o projeto. Construirei meus próprios templates um dia.
Maik, parabéns mais uma vez pela ótima didática e conteúdo! Queria ter tido um professor como você na faculdade! Graças a você e o Diego, eu me encontrei no desenvolvimento e sou muito feliz e grato a vocês! Parabéns!
Ótimo conteúdo. São essas coisas mais complexas que dificultam a vida de muito dev. Não se engane quem acha que só pq vc usa componentes de libs prontas em React pra fazer esse tipo de coisa que vc entende. É sempre bom ver como as coisas funcionam por baixo dos panos, facilita muito quando vamos utilizar. Boa, Rocketseat, boa Mayk 💜🚀
Caro Mayk, que bela aula! Não sei o que é maior: sua didática, seu conhecimento ou sua simpatia. Obrigado e forte abraço! Parabéns à Rocketseat. Já participei de duas NLW. Programo por diletantismo, mas vocês vão acabar me fazendo mudar de carreira.
Boa tarde, Pessoal !! Para pessoa que como eu estão começando na programação. No inicio do vídeo o Mayke faz uma magica do HTML com o emmet clicando no Enter. Porém no meu VScode tive que pressionar CTRL+Space para conseguir a mesma magica e assim diminuir a necessidade de digitar o código. Conteúdo top de mais !!!!!
Que da hora... Sempre achei esse negócio de Drag&Drop negócio de outro mundo, e você faz parecer uma barbada!!! Obrigado Mayk!!! Sabe o que seria o máximo,?dar continuidade nessa MasterClass, implementando essa ordenação no Banco de Dados, para que a pessoa ao abrir novamente, possa manter organizado!
A cara que legal que você tá treinando seu inglês. Sou aluno do Discover e você foi o meu professor cara. Foi por causa da sua didática e do meu começo excelente com a rocketseat que eu hoje estou empregado. Muito obrigado! Com relação ao Inglês, a pronúnica melhorou bastante desde a época do Discover. Aqui vai uma dica, quando você fala: "We do like to move things out!" no lugar de "We like to move things out!" e destaca o DO, dando enfase, é um modo de destacar que realmente GOSTAMOS de mover as coisas por aí. Nesse caso o do, numa afirmação dá enfase na afirmação, é tipo um "We really like" só que de um jeito que eu acho que nesse cenário fica melhor. Cara se algum dia eu te encontrar na rua se prepara pro abraço! Muito obrigado, cara! Felicidades pra você e sua família.
Mayk, seus videos são incriveis maninho! Só deixa eu te dar uma sugestão. Eu acho que você poderia colocar recomendações de vídeos, como cards! por exemplo, no 27:30, você poderia colocar no card o seu video explicando o que são higher-order functions! Seus videos são ótimos, parabéns e continue assim!
Vlw Mayc sempre aprendo algo muito bom, fazendo alfa em cores hexadecimal. Meu inglês tbm é instrumental mas todo dia estou correndo pra aprender mais.
Oi, amigo! "Professora de plantão" aqui hahaha. "Drop" que quer dizer "gota" rs. Mas pode ser "deixar", "largar"; o "drag" tem essa ideia de "arrastar". :)
*Mayk, uma dica de pronúncia pra te ajudar já que você está nos ajudando, a palavra **_done(feito)_** soa como **_dán_** sem pronunciar o "e" final, ótimo vídeo, obrigado*
Mayk, primeiramente excelente sua aula. Aprendi muito! Queria saber como faço para mover o card para uma posição que desejar entre dois cards. Acontece que sempre o card movido vai para o final da lista.
Nos faltam elogios sobre a didática do Maykão e a qualidade de conteúdos que a Rocketseat tem nos porporcionado, mas tentamos, então parabéns ao Maykão um excelso professor, que nos traz um fácido conteúdo oriundo do mais imperante canal de tecnologia. Valeu, abraços.
hahaahhaha.. Estou estupefato com a magnitude de palavras que me causou uma disrupção do elementar. É verdadeiramente retumbante ao meu coração e sinto-me agraciado!
Ótimo conteúdo, curti de mais. Uma dúvida: Seu quisesse manter o elemento e fazer uma cópia dele em outra área de drag que função eu usaria ao invés de append child?
Uma funcionalidade que vou acrescentar ao meu é o do status mudar de acordo com o bloco onde ele estiver: se for em Todo, ele será vermelho; em In progress, amarelo e em Done, em verde. Os próximos passos são um botão de criar um novo card e outro que permita salvar esse kanban no dispositivo do usuário. Sendo que mesmo sem salvar ele ja pode ser útil para alguém.
Boa tarde, eu gostaria de saber se dentro de uma dropzone teria como eu escolher onde o meu card seria solto... se sim como ? no caso do exemplo ele sempre vai para o final da fila , eu gostaria que ele que ele fosse solto no local da dropzone onde eu estou soltando. Também gostaria de agradecer a aula, gostei muito da didática do professor, me ajudou bastante, vlw
Consegui resolver, é só adicionar e.preventDefault() na function dragover(), e não esquecer de passar o parâmetro para essa função. O meu ficou: function dragover(e){ e.preventDefault() this.classList.add('over') } Pq ai vc previne o comportamento padrão do evento dragover (que não sei pq acontece isso)
![Noob To Max With DRAGON REWORK In Blox Fruits [FULL MOVIE]](http://i.ytimg.com/vi/LnBMOinoOvA/mqdefault.jpg)
Rocket coloca mais o Mayk, o cara é mto brabo e didatico dmsss
Pooode deixar ! 💜💜
Obg Gustavaço! rsrs
@@maykbrito🤜 🤛
Up
Mayk, é o mais brabo, sem desmerecer os demais, claro.
Impressionante como a Rocketseat caminha para ser a maior instituição de ensino de programação do mundo! Só trás conteúdo atual e que é realmente um caso real de uso. Super fã ❤️
Vaaleu por esse carinho todo, Gabriel! 💜
Hiper fã ❤❤
@@amantii7963 💜💜💜💜
Como poder existir um ou outro que tenha coragem de dar um clique no deslike nesse tipo de conteúdo? Toda a equipe Rocketseat é muita foda
haha.. Obrigado por esse carinho imenso Robson 💜
Mayk Brito tem uma clareza e uma calma excepcional. Vai além da parte técnica.
Valeu Andrezaum!! Tamo juntoo 🥰
Excelente! As comunidades de diversas linguagens de programação, no geral, costumam incentivar a importação de pacotes e mais pacotes para features que não demorariam alguns minutos para fazer e agregam um conhecimento ótimo, esse é um bom exemplo. Parabéns à Rocketseat por esse conteúdo!
Valeeeu por esse feedback incrível, Nelson! 💜💜
Obg pelo comentário Nelson!!
Parabéns ao Mayk, pela excelente aula e explicação. Dei muitas risadas pela forma descontraída, e aprendi muito. Parabéns, Rocketseat! 🚀
🤣🤣🤣🤣 tamo junto!! 🚀
Meu Deus show de bola, aula nota 10, por favor mais conteúdo deste nível para nos ajudar. Deus te abençoe sempre, muito obrigado mesmo, todos nós agradecemos de coração.
Acho que é a primeira aula que tem javascript que eu consigo entender do começo ao fim sem me perder no meio da explicação! Obrigado, man.
Mayk te falar uma coisa man, ate hoje. De vera mesmo. Ate hoje, na minha cerreira de programador voce faz parte sem exagero nenhum. 80%.
Obrigado por ser essa pessoa maravilhosa, inteligente e focada!
Todo dia 1% melhor!!
Sucesso irmao!
Maykao, o meu deu o bug. Nao to conseguindo revolser!! :`( Help me
Eu fico até triste de não conseguir acompanhar todo esse conhecimento que a Rocket tá compartilhando. Mas aos poucos a gente chega lá. Vocês são F#D@S!!
Maykão sempre arrasando na didática e nos conteúdos! Valeu Maykão, Valeu @Rocketseat
Muito obrigado pelos ensinamentos. Eu sou backend e quero muito melhorar cada vez mais no front e sair de templates prontos e cheios de coisa que pesam o projeto. Construirei meus próprios templates um dia.
Maik, parabéns mais uma vez pela ótima didática e conteúdo! Queria ter tido um professor como você na faculdade! Graças a você e o Diego, eu me encontrei no desenvolvimento e sou muito feliz e grato a vocês! Parabéns!
Wooow! Que massa, Vini! O Mayk e Diego ficarão extremamente felizes em ler isso 😍😍
Ótimo conteúdo. São essas coisas mais complexas que dificultam a vida de muito dev. Não se engane quem acha que só pq vc usa componentes de libs prontas em React pra fazer esse tipo de coisa que vc entende.
É sempre bom ver como as coisas funcionam por baixo dos panos, facilita muito quando vamos utilizar. Boa, Rocketseat, boa Mayk 💜🚀
Mayk você e muito gente boa!!! tudo de bom!!
Fala Visãooo Obg por esse carinho 😍
Muito massa esse projeto, incluindo essa forma de checklist e acrescentar os principais eventos usados numa lista é muito útil.
Qualquer coisa fica simples com uma didática dessas. mt show! vlw mayk mito.
Tamo junto Felipe🥰
CONTEUDO muito bom top de mais
Caro Mayk, que bela aula! Não sei o que é maior: sua didática, seu conhecimento ou sua simpatia. Obrigado e forte abraço! Parabéns à Rocketseat. Já participei de duas NLW. Programo por diletantismo, mas vocês vão acabar me fazendo mudar de carreira.
Boa tarde,
Pessoal !!
Para pessoa que como eu estão começando na programação.
No inicio do vídeo o Mayke faz uma magica do HTML com o emmet clicando no Enter.
Porém no meu VScode tive que pressionar CTRL+Space para conseguir a mesma magica e assim diminuir a necessidade de digitar o código.
Conteúdo top de mais !!!!!
Uma delícia, consegui fazer certinho!
Show de bola. Parabéns.
Didática top. Parabéns 👏👏👏👏
Cara vc leu a minha mente precisava mesmo desse tuturial.
Booa! Aí sim 💜💜
Muito boa Mayk, uma ótima aula e dicas com certeza irei utilizar. A Rocketseat sempre se superando em seus conteúdos de qualidade.
Muito Bom! Muito Obrigado pela aula! =)
muito bom liked the video, rocketseat somando sempre
fico impressionado como a rocket faz eu amar cada vez mais programação
Mayk!!! Muito obrigado por essa aula incrível!!!🙂
Ou o conteúdo é muito simples, ou o professor é bom demais👏👏👏👏
Caramba! Maykão é muito top!!!
Parabéns pelo vídeo muito bom !
Muitíssimo obrigado!!!
Mayk, muito obrigado! Já vou fazer o meu exemplo e colocar no GitHub, referenciando o crédito para vocês!
Que massa cara!!! Tooopp!!
@@maykbrito assim que terminar te envio o link
Obrigado pela aula. Está funcionalidade é top. E com a sua orientação ficou fácil entender.
@@maykbrito github.com/ralmeidax/drag-and-drop-example-js-by-rocketseat
Que da hora... Sempre achei esse negócio de Drag&Drop negócio de outro mundo, e você faz parecer uma barbada!!!
Obrigado Mayk!!!
Sabe o que seria o máximo,?dar continuidade nessa MasterClass, implementando essa ordenação no Banco de Dados, para que a pessoa ao abrir novamente, possa manter organizado!
Nem assisti a aula, mas já deixei o like e sei que vai ser um aulão só pelo "Mayk Brito na área".
Obrigado Gabriel!! C é fera! 😍
Vou aplicar na minha loja virtual. Muito obrigado!
Muito bom conteúdo
A cara que legal que você tá treinando seu inglês. Sou aluno do Discover e você foi o meu professor cara. Foi por causa da sua didática e do meu começo excelente com a rocketseat que eu hoje estou empregado. Muito obrigado!
Com relação ao Inglês, a pronúnica melhorou bastante desde a época do Discover. Aqui vai uma dica, quando você fala: "We do like to move things out!" no lugar de "We like to move things out!" e destaca o DO, dando enfase, é um modo de destacar que realmente GOSTAMOS de mover as coisas por aí. Nesse caso o do, numa afirmação dá enfase na afirmação, é tipo um "We really like" só que de um jeito que eu acho que nesse cenário fica melhor.
Cara se algum dia eu te encontrar na rua se prepara pro abraço! Muito obrigado, cara! Felicidades pra você e sua família.
Boa Mayk! Gostei do teu layout e "table of contents" da Masterclass. Bem maestrado.
Esse conteúdo esta antigo no canal porem e incrível 🎉🎉🎉🎉
Maykao vc é brabo hahaha!!!
Salvei aqui pra fazer mais tarde.
Parabéns pelo conteúdo
ahhahaa tamo junto Diegão!
Po maicão muito obrigado cara, sua didática é OTIMA!!!! vlw
Queria saber quem foram os corajosos que deram deslike nesse ótimo conteúdo da Rocketseat?
Maikão, que aula! Parabéns!
Valeu Maykão! Sempre aprendo muito com você.
Cara bom mano, q cara bom, parabéns ai pelo trabalho e a didática.
muito bom, como fazer para colocar controles e mocimenta-los tipo o qt-designer ?
Mayk, seus videos são incriveis maninho! Só deixa eu te dar uma sugestão.
Eu acho que você poderia colocar recomendações de vídeos, como cards! por exemplo, no 27:30, você poderia colocar no card o seu video explicando o que são higher-order functions!
Seus videos são ótimos, parabéns e continue assim!
Maykão manda bem demais! Rocketseat está de parabéns!
Vlw Mayc sempre aprendo algo muito bom, fazendo alfa em cores hexadecimal. Meu inglês tbm é instrumental mas todo dia estou correndo pra aprender mais.
Obrigado. Me ajudou aqui ✔✔
Oi, amigo! "Professora de plantão" aqui hahaha.
"Drop" que quer dizer "gota" rs. Mas pode ser "deixar", "largar"; o "drag" tem essa ideia de "arrastar". :)
*Mayk, uma dica de pronúncia pra te ajudar já que você está nos ajudando, a palavra **_done(feito)_** soa como **_dán_** sem pronunciar o "e" final, ótimo vídeo, obrigado*
uuuhulll OBRIGADOOOO !! 1% melhor hoje com esse comentário 😍
Chic demais ! Grande Maik Brito
Simples e objetivo muito TOP o conteúdo!!
Muito massa!
maykao é brabo demais, séloco.
Show!!!!! Exelente Didática
Valeeeu, Dario! 💜
legal faz videos assim de drop , e ensinando como fazer as coisas mais rapido com o embed
Mayk, primeiramente excelente sua aula. Aprendi muito!
Queria saber como faço para mover o card para uma posição que desejar entre dois cards.
Acontece que sempre o card movido vai para o final da lista.
Conteúdo massa e com desafios no final.
impossível sair de uma aula com o mayk sem ter entendido na moral, brabo!
Amando as Master Class do Mestre Maykao
Boa Maykão como sempre impecável. Muito obrigado pelo excelente conteúdo 🚀
Excelente vídeo! Por mais vídeos assim. E de quebra ganhei uma aula de inglês. HAHA valeu
Maykao da massa heheheh, didatica muito maneira de entender, parabens mano!
Que bom que curtiu Eurico
@@maykbrito queria tirar umas dúvidas sobre o launchBase Mayk, pode me ajudar?
Maikão! Sempre surpreende! 😍😍😍😍😍
Caraca mano, parabéns pelo vídeo.
Valeu Mayk, que aula fenomenal👊👏👏
Tava procurando essa semana por um vídeo explicando sobre isso, boaaa Mayk!
Aeeee!! Agora é só assistir 💜💜
Toooppperr!!!
Conteúdo mto bom! Continue assim Maykao, você é monstro e nos deixando monstros tb!
Muito top maikao
Nos faltam elogios sobre a didática do Maykão e a qualidade de conteúdos que a Rocketseat tem nos porporcionado, mas tentamos, então parabéns ao Maykão um excelso professor, que nos traz um fácido conteúdo oriundo do mais imperante canal de tecnologia. Valeu, abraços.
hahaahhaha.. Estou estupefato com a magnitude de palavras que me causou uma disrupção do elementar. É verdadeiramente retumbante ao meu coração e sinto-me agraciado!
Muito massa Maykão, eu tava ficando impressionado cada vez que uma parada funcionava no código kkkkk
hahahah é legal né? 💜💜
@@rocketseat E ficou muito bonito também só faltou a #7519c1 kkk
Velho. Maikao é de mais
Muito obrigado, vcs mandam bem demais!
Que aula incrível! Eu fiquei tão animado pra talvez até criar um botão de New Card, mas to tendo tanto problema com tipos Node e HTML...
Excelente aula, professor 👏👏👏
Vaaaleu, Eden! 💜 Maykão é fera né?
@@rocketseat 💯% fera
Esse vídeo veio em boa hora, eu estava estudando drag and drop para um projeto de um kanban.
Boooa, aí sim! 💜💜💜
Aewww!!!
Ótimo conteúdo, curti de mais. Uma dúvida: Seu quisesse manter o elemento e fazer uma cópia dele em outra área de drag que função eu usaria ao invés de append child?
Incrivel!! super didático, maravilhoso Rocketseat vcs são foda!!
fala mayk didatica muito massa fala um pouco de svg em algum video futuro obg
Muito bom o conteúdo, parabéns galera
Fala, Nicholas! Valeeu pelo feedback!! 💜
Aula top!
Pra fazer o Calendário teria que fazer o Card dos dias na unha, na visão do mês por exemplo? Ou tem alguma API que retorna os dias?
Uma funcionalidade que vou acrescentar ao meu é o do status mudar de acordo com o bloco onde ele estiver: se for em Todo, ele será vermelho; em In progress, amarelo e em Done, em verde. Os próximos passos são um botão de criar um novo card e outro que permita salvar esse kanban no dispositivo do usuário. Sendo que mesmo sem salvar ele ja pode ser útil para alguém.
Mike usar o pacote react-dnd é mais custoso na performance do site?
Caraca, tava estudando isso hoje mais cedo pra fazer, veio na hora certa
Aeee!! 💜💜💜💜
Rockeseat lendo pensamentos desde 2017 rsrs
TOP. Cara muito bom!!!!! Como faço para meu terminal ficar desse jeito. Ficou show... (eu uso linux, não sei se tem como.)
Vc arrasa demais, Mike. E vai que vai no inglês minino, crescendo 1% todos os dias
Maaassa João, valeu pela sugestão! 😍
MUITO BOM!
Parabéns Mayk, muito boa sua didática !
Valeeu, Gabriel! 💜 Ele é incrível, não?
Obrigado Gabriel 🚀
Rocketseat ele é o cara ..
Parabéns pelo conteúdo. Faz mais sobre esse assunto. É difícil achar conteúdo de qualidade sobre esse tema em português.
Muito bom parabéns!!
Só não consegui mudar o cursor, fica sempre com bloqueado para draggeble.
Sensacional
Valeeeeu, Paulo! 😍 💜
Boa tarde, eu gostaria de saber se dentro de uma dropzone teria como eu escolher onde o meu card seria solto... se sim como ? no caso do exemplo ele sempre vai para o final da fila , eu gostaria que ele que ele fosse solto no local da dropzone onde eu estou soltando. Também gostaria de agradecer a aula, gostei muito da didática do professor, me ajudou bastante, vlw
Uuuh top em, conteúdo quase todo dia, show em
💜💜 Vaaleu, Everton! 💜
Mayk tu é brabo, conteúdo veio na hora certa, tmj
Existe alguma forma de limitar o número de cards que possam ser adicionados a um dropzone?
Parabéns pela didática Mayk! o meu ficou bugado o cursor do mouse, quando arrasto fica o "no-drop" tem como resolver?
Consegui resolver, é só adicionar e.preventDefault() na function dragover(), e não esquecer de passar o parâmetro para essa função. O meu ficou:
function dragover(e){
e.preventDefault()
this.classList.add('over')
}
Pq ai vc previne o comportamento padrão do evento dragover (que não sei pq acontece isso)