Drag and Drop Raiz com a API do HTML, CSS e JavaScript | Masterclass #16

[@gustavonakahodo6475]

Rocket coloca mais o Mayk, o cara é mto brabo e didatico dmsss

[@rocketseat]

Pooode deixar ! 💜💜

[@maykbrito]

Obg Gustavaço! rsrs

[@gustavonakahodo6475]

@@maykbrito🤜 🤛

[@jpnalonso]

Up

[@wizzy7449]

Mayk, é o mais brabo, sem desmerecer os demais, claro.

[@GabrielOliveira-wl4eh]

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ã ❤️

[@rocketseat]

Vaaleu por esse carinho todo, Gabriel! 💜

[@amantii7963]

Hiper fã ❤❤

[@rocketseat]

@@amantii7963 💜💜💜💜

[@AndreCiornavei]

Mayk Brito tem uma clareza e uma calma excepcional. Vai além da parte técnica.

[@maykbrito]

Valeu Andrezaum!! Tamo juntoo 🥰

[@videomix_60]

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.

[@victorribeiro9424]

Parabéns ao Mayk, pela excelente aula e explicação. Dei muitas risadas pela forma descontraída, e aprendi muito. Parabéns, Rocketseat! 🚀

[@maykbrito]

🤣🤣🤣🤣 tamo junto!! 🚀

[@AlexRodz_]

Caramba! Maykão é muito top!!!

[@ranieryalves7543]

CONTEUDO muito bom top de mais

[@nelsonmendes6726]

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!

[@rocketseat]

Valeeeu por esse feedback incrível, Nelson! 💜💜

[@maykbrito]

Obg pelo comentário Nelson!!

[@robinhofeurosa2]

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

[@maykbrito]

haha.. Obrigado por esse carinho imenso Robson 💜

[@patrick5663]

Uma delícia, consegui fazer certinho!

[@lucaswalder7894]

Maykão sempre arrasando na didática e nos conteúdos! Valeu Maykão, Valeu @Rocketseat

[@Shelton_fr]

Ou o conteúdo é muito simples, ou o professor é bom demais👏👏👏👏

[@hermogenesneto3404]

Muitíssimo obrigado!!!

[@laelsiqueiramartinezjunior7952]

Muito Bom! Muito Obrigado pela aula! =)

[@danfealmeida]

Didática top. Parabéns 👏👏👏👏

[@Luiz3g]

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!!

[@tobeagoofy]

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.

[@diegohenrique5227]

Mayk você e muito gente boa!!! tudo de bom!!

[@maykbrito]

Fala Visãooo Obg por esse carinho 😍

[@kelvinymickael5855]

Mayk!!! Muito obrigado por essa aula incrível!!!🙂

[@andersondossantoscruz3685]

maykao é brabo demais, séloco.

[@caiomurilopawilak6217]

Velho. Maikao é de mais

[@andredearaujorodrigues7725]

Show de bola. Parabéns.

[@hdsg0807]

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.

[@d0mnjuan]

Muito bom conteúdo

[@marcondesferreira8056]

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!

[@marcondesferreira8056]

Maykao, o meu deu o bug. Nao to conseguindo revolser!! :`( Help me

[@johnnyferreira6121]

Muito massa!

[@felipeoliveira5191]

Qualquer coisa fica simples com uma didática dessas. mt show! vlw mayk mito.

[@maykbrito]

Tamo junto Felipe🥰

[@app2028]

Esse conteúdo esta antigo no canal porem e incrível 🎉🎉🎉🎉

[@brenoallencs7073]

muito bom liked the video, rocketseat somando sempre

[@danilovieira4442]

Ó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 💜🚀

[@rodrigoaraujo1608]

Parabéns pelo vídeo muito bom !

[@sergiojosegomes9635]

Muito massa esse projeto, incluindo essa forma de checklist e acrescentar os principais eventos usados numa lista é muito útil.

[@caiopadawan6150]

Cara bom mano, q cara bom, parabéns ai pelo trabalho e a didática.

[@DanivaldoRibeiro]

Muito boa Mayk, uma ótima aula e dicas com certeza irei utilizar. A Rocketseat sempre se superando em seus conteúdos de qualidade.

[@tomsantos220]

wow vc e super !!!

[@viniciusprudencio3577]

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!

[@rocketseat]

Wooow! Que massa, Vini! O Mayk e Diego ficarão extremamente felizes em ler isso 😍😍

[@alefoliveira4205]

Chic demais ! Grande Maik Brito

[@lucasduarte6244]

fico impressionado como a rocket faz eu amar cada vez mais programação

[@eduardosfreitas]

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.

[@othiago.fernando]

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!

[@fabiobaziota5919]

Cara vc leu a minha mente precisava mesmo desse tuturial.

[@rocketseat]

Booa! Aí sim 💜💜

[@thiagodejesus86]

Caraca mano, parabéns pelo vídeo.

[@welbih]

Queria saber quem foram os corajosos que deram deslike nesse ótimo conteúdo da Rocketseat?

[@maxwellalvesdesousa5153]

Maikão, que aula! Parabéns!

[@edu-correia]

Muito top maikao

[@gabrielprado6333]

Nem assisti a aula, mas já deixei o like e sei que vai ser um aulão só pelo "Mayk Brito na área".

[@maykbrito]

Obrigado Gabriel!! C é fera! 😍

[@afiliadosupremo5844]

Obrigado. Me ajudou aqui ✔✔

[@paulorcvieira]

Valeu Maykão! Sempre aprendo muito com você.

[@jonathancavalcanti9089]

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 !!!!!

[@Eliviery]

Boa Mayk! Gostei do teu layout e "table of contents" da Masterclass. Bem maestrado.

[@cavalinhopocoto]

Vou aplicar na minha loja virtual. Muito obrigado!

[@Tuchauaa]

Maykão manda bem demais! Rocketseat está de parabéns!

[@farbauth]

Maikão! Sempre surpreende! 😍😍😍😍😍

[@vitorcouto1465]

Po maicão muito obrigado cara, sua didática é OTIMA!!!! vlw

[@joaobibiano]

MUITO BOM!

[@augustomarcelo]

Conteúdo massa e com desafios no final.

[@lifeenglish7332]

Amando as Master Class do Mestre Maykao

[@minhaconta6922]

Valeu Mayk, que aula fenomenal👊👏👏

[@claudiovolnei]

Simples e objetivo muito TOP o conteúdo!!

[@TheKroow]

Maykao vc é brabo hahaha!!! Salvei aqui pra fazer mais tarde. Parabéns pelo conteúdo

[@maykbrito]

ahhahaa tamo junto Diegão!

[@henriquekywal]

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.

[@ruanvalente7496]

Boa Maykão como sempre impecável. Muito obrigado pelo excelente conteúdo 🚀

[@odenirdev]

Conteúdo mto bom! Continue assim Maykao, você é monstro e nos deixando monstros tb!

[@Mannoeu]

impossível sair de uma aula com o mayk sem ter entendido na moral, brabo!

[@CaiqueMoraes93]

Excelente vídeo! Por mais vídeos assim. E de quebra ganhei uma aula de inglês. HAHA valeu

[@gaaab414]

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!

[@blackcodersx]

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.

[@hudsoncosta6563]

Ó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?

[@renatodepaulaaedu]

Muito obrigado, vcs mandam bem demais!

[@thalyssonleite1479]

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.

[@PriscilaKlopper]

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". :)

[@brunosouza5457]

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?

[@ricardoalmeida7607]

Mayk, muito obrigado! Já vou fazer o meu exemplo e colocar no GitHub, referenciando o crédito para vocês!

[@maykbrito]

Que massa cara!!! Tooopp!!

[@ricardoalmeida7607]

@@maykbrito assim que terminar te envio o link

[@ricardoalmeida7607]

Obrigado pela aula. Está funcionalidade é top. E com a sua orientação ficou fácil entender.

[@ricardoalmeida7607]

@@maykbrito github.com/ralmeidax/drag-and-drop-example-js-by-rocketseat

[@darioluiztezolin5329]

Show!!!!! Exelente Didática

[@rocketseat]

Valeeeu, Dario! 💜

[@eurico_dev]

Maykao da massa heheheh, didatica muito maneira de entender, parabens mano!

[@maykbrito]

Que bom que curtiu Eurico

[@eurico_dev]

@@maykbrito queria tirar umas dúvidas sobre o launchBase Mayk, pode me ajudar?

[@rafasantos23]

*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*

[@maykbrito]

uuuhulll OBRIGADOOOO !! 1% melhor hoje com esse comentário 😍

[@danielfelipebredadasilva8614]

Incrivel!! super didático, maravilhoso Rocketseat vcs são foda!!

[@gabrielferreira4948]

Maykão camisa 10, assina minha chuteira. 💜💜💜

[@charllierjewellery7031]

legal faz videos assim de drop , e ensinando como fazer as coisas mais rapido com o embed

[@mizuioficial]

Tava procurando essa semana por um vídeo explicando sobre isso, boaaa Mayk!

[@rocketseat]

Aeeee!! Agora é só assistir 💜💜

[@maykbrito]

Toooppperr!!!

[@paulovictoroliveiradasilva8637]

Sensacional

[@rocketseat]

Valeeeeu, Paulo! 😍 💜

[@nicholaseduardooficial]

Muito bom o conteúdo, parabéns galera

[@rocketseat]

Fala, Nicholas! Valeeu pelo feedback!! 💜

[@Saudavelpro]

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.

[@maykbrito]

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!

[@lima7132]

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...

[@saulotarsobc]

32:51 agora agora agora. Ta certo maikão. São tres

[@mateus_andriola]

Muito massa Maykão, eu tava ficando impressionado cada vez que uma parada funcionava no código kkkkk

[@rocketseat]

hahahah é legal né? 💜💜

[@mateus_andriola]

@@rocketseat E ficou muito bonito também só faltou a #7519c1 kkk

[@williamlopeslima4136]

fala mayk didatica muito massa fala um pouco de svg em algum video futuro obg

[@MrEdenBezerra]

Excelente aula, professor 👏👏👏

[@rocketseat]

Vaaaleu, Eden! 💜 Maykão é fera né?

[@MrEdenBezerra]

@@rocketseat 💯% fera

[@sergiojose2925]

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.

[@alessandrovictor3587]

Mayk tu é brabo, conteúdo veio na hora certa, tmj

[@evertonfernandes143]

Uuuh top em, conteúdo quase todo dia, show em

[@rocketseat]

💜💜 Vaaleu, Everton! 💜

[@leocesar5011]

Caraca, tava estudando isso hoje mais cedo pra fazer, veio na hora certa

[@rocketseat]

Aeee!! 💜💜💜💜

[@maykbrito]

Rockeseat lendo pensamentos desde 2017 rsrs

[@tiagopaees]

Mayk Mito

[@Magnus2347]

Esse vídeo veio em boa hora, eu estava estudando drag and drop para um projeto de um kanban.

[@rocketseat]

Boooa, aí sim! 💜💜💜

[@maykbrito]

Aewww!!!

[@ryannnkl]

Mike usar o pacote react-dnd é mais custoso na performance do site?

[@douglastehling]

FODAAAA

[@gabrielrab]

Parabéns Mayk, muito boa sua didática !

[@rocketseat]

Valeeu, Gabriel! 💜 Ele é incrível, não?

[@maykbrito]

Obrigado Gabriel 🚀

[@gabrielrab]

Rocketseat ele é o cara ..

[@walney2008]

muito bom, como fazer para colocar controles e mocimenta-los tipo o qt-designer ?

[@cacup7]

Vc arrasa demais, Mike. E vai que vai no inglês minino, crescendo 1% todos os dias

[@rocketseat]

Maaassa João, valeu pela sugestão! 😍

[@ramontavares1146]

Maykão's Drag Race