Eu trabalho com programação web já faz dois anos e acabei me acostumando a usar sempre as mesmas tags. Eu fiquei muito impressionado de conhecer algumas dessas tags que eu não conhecia ainda, principalmente a do select com pesquisa, já precisei desse recurso e acabei instalando biblioteca externa para conseguir um campo assim, parabéns pelo conteúdo.
Te entendo super! Eu ainda sou viciado em algumas tags também, e acabou esquecendo outras tão importantes e semânticas.. Aos poucos a gente vai crescendo né? Obg pelo comentário !! Tamo junto!
A tag é uma ótima tag para textos pré-formatados, por exemplo, quando vc pega um dados de uma array é uitliza essa tag vai ver a maravilha o código em HTML
Professor mayk é foda... pude fazer os dois nlw e o workshopdev com ele... o cara é fera demais quando o assunto é passar o conteúdo para seus alunos 👆🏽🔥
Show! Muito obrigado pelo conteúdo. legal também o macete do Css.. e vlw pela dica da lista auto completada... Eu nem sabia que tinha função nativa kkkk fiz várias gambiarras pra fazer isso funcionar e já tinha nativamente.. Show!! Obrigadão.
Show Maikão! Cara, é impressionante a facilidade que você tem em compartilhar conteúdo. Uma didática excelente. Do leigo ao sênior, todos sempre podem absorver conhecimento em seus vídeos. Estou sempre te acompanhando aqui no anonimato. Hoje decidi deixar um comentário. Gratidão pelo compartilhamento!
As vezes eu me sinto parado no tempo. Como é bom assistir aos videos da Rocketseat para se atualizar! Várias tags mostradas no vídeos eu não usava e implementava tudo na mão. Esse vídeo facilitou muito a minha vida! Valeu Mayk! (inclusive acabei de usar no projeto aqui)
Hoje mesmo estava precisando fazer um Accordion para listar a grade curricular de um curso, pois era extensa, a rolagem da página ficava muito grande. Tinha feito em js mas vendo o primeiro exemplo, ficou bem mais simples. Top as dicas valeu Mayk
serio galera, melhor conteudo da internet, eu ja tive que fazer um jquery pra autocomplete muito maluco, sendo que esse datalist está pronto, parábens Mayk e Rocketseat
Fala maykezao blza ? Eu já estudo web a mais de 3 anos e eu não conhecia quase nenhuma tag que foi mostrada nesse Code Drops. o esquema de details > summary eu fazia no JS por não saber q essa tag existia Colocava um h1, embaixo colocava uma tag p com o display none, quando eu clickasse no h1 ele mudava o estilo do de display none para display flex. Incrivel conteudo mykão, tu realmente é um mestre no quesito de HTML, CSS e JS
Nossa estou fascinado haha Não tinha conhecimento sobre algumas dessas tags, o que me fez ter que usar bibliotecas ou até mesmo ter que fazer na raça haha Adorei mesmo Maykão, vai ser uma mão na roda daqui pra frente.
@@maykbrito felizmente tem uma galera sangue bom e com conhecimentos para nos ajudar. Como estamos com falta de frontends aqui na empresa, o pessoal de backend como eu esta sofrendo para tocar projetos nas duas frentes.
@@eulucaspedroabreu a renderização do componente de hora varia de browser para browser, não temos muito controle sobre ele, depende do browser e do idioma do usuário ele será renderizado de formas diferente. Abraço!
Ótimo conteúdo Mayk so achei que o progress não reflete a realidade tinha que ter delay quando chegasse no 98% ou 99% pra demorar uns 5 min pra chegar no 100% kk.
Realmente o HTML contém muita coisa bacana e algumas até mal compreendidas como é o caso do canvas, que muita gente pensa que só serve para desenhar mas que vai muito além disso como no caso de criação de gráficos, tanto estáticos quanto dinâmicos. Como sempre, parabéns a Rocketseat.
Eu aprendi esses dias sobre o atributo data- Vi em uma lib de test e fui pesquisar, não acreditei que nunca tinha pensado em guardar informação na própria tag html....
Mayk é tão brabo que juntou o CodePen com o VsCode e criou seu próprio editor: Mayk Code kkkkkk OBS: Já estou esperando o vídeo de você explicando como fez isso 😆✌
Excelente video! Queria perguntar se no "progress" é possível voltar ao início automaticamente, cada vez que chega aos 100%? Fazer um ciclo em que chega aos 100% com incrementação, volta aos 0% e depois faz a incrementação de novo até chegar aos 100%
Oi Mayk! muito legal esse video! mas vou ser sincero com voce, eu fiquei mais interessado no balaozinho do canto, que voce usa para mostrar a camera, feito em Electron do que todo o resto! Eu baixei e testei na minha maquina, o codigo eh impressionantemente curto!! parabens!! Eu estou tentando configurar ele para que as bordas da bolinha fique transparente igual a sua, no meu esta com bordas pretas. Muito legal!!
Salve galera! tem uma prop do input type=range chamada step, seria de quantos em quantos passos a barra vai deslizar ..considero quase obrigatória pois setar um valor sem ela é meio tenso. Valeu Fui!
Pra quem tá aprendendo inglês e está na dúvida de como fala uma palavra, no google translate dá pra você ouvir a pronuncia clicando no ícone do alto-falante 🔈, tem até os fonemas lá pra ajudar!
Eu trabalho com programação web já faz dois anos e acabei me acostumando a usar sempre as mesmas tags. Eu fiquei muito impressionado de conhecer algumas dessas tags que eu não conhecia ainda, principalmente a do select com pesquisa, já precisei desse recurso e acabei instalando biblioteca externa para conseguir um campo assim, parabéns pelo conteúdo.
Que massa dev!! Vivendo e aprendendo 😄💜
Te entendo super! Eu ainda sou viciado em algumas tags também, e acabou esquecendo outras tão importantes e semânticas.. Aos poucos a gente vai crescendo né? Obg pelo comentário !! Tamo junto!
To na mesma que vc, tive que pegar uma biblioteca externa e não sabia que existe essa tag e essa função no html5, o video ajudou pra caramba
Tenho mais de 10 anos e ainda to aprendendo :D
Me arruma um emprego de dev web!
O cara é tão foda que faz o próprio editor
Top demais... Primeira vez que vejo um vídeo seu... E não sei como não tinha visto antes... Acabou de ganhar mais um inscrito...
A tag é uma ótima tag para textos pré-formatados, por exemplo, quando vc pega um dados de uma array é uitliza essa tag vai ver a maravilha o código em HTML
Ótima dica!! Tomara que mais pessoas vejam esse comentário para somar ainda mais nas tags.. Valeu Gui!
Boaa Guilherme!! Verdade! 💜🚀
Professor mayk é foda... pude fazer os dois nlw e o workshopdev com ele... o cara é fera demais quando o assunto é passar o conteúdo para seus alunos 👆🏽🔥
Siiim! Mayk é um monstrooo ! 😍💜
heheh Valeu Mateus! Obg 💜
Show! Muito obrigado pelo conteúdo. legal também o macete do Css.. e vlw pela dica da lista auto completada... Eu nem sabia que tinha função nativa kkkk fiz várias gambiarras pra fazer isso funcionar e já tinha nativamente.. Show!! Obrigadão.
Show Maikão!
Cara, é impressionante a facilidade que você tem em compartilhar conteúdo.
Uma didática excelente. Do leigo ao sênior, todos sempre podem absorver conhecimento em seus vídeos.
Estou sempre te acompanhando aqui no anonimato. Hoje decidi deixar um comentário.
Gratidão pelo compartilhamento!
Essa details eu fiquei encantado! Vou usar muito!!!
Parabéns Maikão! Quando crescer quero ser como você.
hahaha grande Andrelino. Valeu amigo!
Hahah 😄💜
Didática perfeita. A tag é excelente para artigos.
Também curti muito o
grande David! Obg querido💜
Que massa David! Valeeeeu! 💜
Faço curso de TI me acostumei a usar as mesmas tags, não conhecia essas! Muito bem explicado cada tag parabéns
9:30 MDSSSS, não sabia como isso era feito, mais uma tagzinha para anotar, video top Maykão
Boaa Guilherme! Valeeeu pelo feedback! 💜
As vezes eu me sinto parado no tempo. Como é bom assistir aos videos da Rocketseat para se atualizar! Várias tags mostradas no vídeos eu não usava e implementava tudo na mão. Esse vídeo facilitou muito a minha vida! Valeu Mayk! (inclusive acabei de usar no projeto aqui)
Grande Elliot! Que massa que já foi tão útil assim!! 💜
Que massa Elliot! Valeeeu 💜💜
Show demais Myke! Traz mais conteúdo assim
Faala, João! Valeeu pelo feedback! 😍
Nossa conteúdo show de bola, muita coisa eu não conhecia só o input date e time eu já utilizei em meus projetos
Hoje mesmo estava precisando fazer um Accordion para listar a grade curricular de um curso, pois era extensa, a rolagem da página ficava muito grande. Tinha feito em js mas vendo o primeiro exemplo, ficou bem mais simples. Top as dicas valeu Mayk
vey eu curti dms esse canal, conteúdo excelente!
Massa demais, ja tive a experiencia de interagir como um campo que provavelmente utiliza o "contenteditable", mas não o conhecia, muito dahora :O
Que massa Marcos!! Valeeu pelo feedback! 💜
7:42 Depois dessa vou fazer meus trabalhos da universidade em HTML e CSS.
Hahaha boa Israel! 😄💜
hahahahahaa boa!!
Que dicas top Mayk Brito, vlw! Eu não as conhecia.
serio galera, melhor conteudo da internet, eu ja tive que fazer um jquery pra autocomplete muito maluco, sendo que esse datalist está pronto, parábens Mayk e Rocketseat
Que bom que curtiu!! Valeu Cedric
Hahaha faz parte! Valeeu Cedric! 💜
Maykão Te admiro muito mano, pela sua didática , humildade e carisma, um grande abraço!
Grande Anderson!! Valeu demais irmão 😍
Mayk é fera demais!! 😍😍
Fala maykezao blza ?
Eu já estudo web a mais de 3 anos e eu não conhecia quase nenhuma tag que foi mostrada nesse Code Drops.
o esquema de details > summary eu fazia no JS por não saber q essa tag existia
Colocava um h1, embaixo colocava uma tag p com o display none, quando eu clickasse no h1 ele mudava o estilo do de display none para display flex.
Incrivel conteudo mykão, tu realmente é um mestre no quesito de HTML, CSS e JS
Hahaha boa Gustavo! Valeeeu pelo feedback! 💜💜
Vdd Gustavo. Tinha umas aí que eu não sabia também, e fazia meio que no braço... Agora, facilitou pra nóis né? haha Valeu pelo carinho 💜
Não conhecia a detail... que vídeo bom. curto e direto ao ponto.. valeu Mayk
Que bom que curtiu! Valeu Pedro!
Que massa Pedro! Valeeeu 💜
Obrigado mano, to curtindo demais aprender Html e Css.
Video do Mayk, ja dou like sem ver, tenho certeza que o vídeo vai ser top
kkkkkkk boaaa.. Valeu Fabio💜
Hahaha valeeeu Fabio! 💜
Conheci o canal há pouco tempo, mas curto muito a tua didática! 👍🏽
muito obrigado Eduardo! 😍
Que shoow Eduardo! Valeeeeu! 😍
Alguns eu conhecia, mas achei muito fera esse list aí, nunca imaginei um auto complete nativo, top demais. Valeu demais Maykão!
Valeu Gabriel!
Massa né? haha 💜💜
Carmaba..... muito bom, não comhecia essas tags, com certeza usarei nos meus projetos, vlw mano✌
Valeu Gabriel!
Que massa Gabriel! Valeeeu pelo feedback! 💜
Maykão como sempre dando um show de didática
valeu Kauan! 💜
Novidade né? Hahaha Mayk é fera demais! 😍😍
Nossa estou fascinado haha Não tinha conhecimento sobre algumas dessas tags, o que me fez ter que usar bibliotecas ou até mesmo ter que fazer na raça haha Adorei mesmo Maykão, vai ser uma mão na roda daqui pra frente.
O pessoal da rocketseat, não apenas ensinam as pessoas como também motivam, eu amo de mais esse trabalho
Excelente conteúdo Maik! Parabéns Rocketseat.
Boa Maykão, adorei esse vídeo, tem algumas tags que não conheço
aee// que bom que curtiu Renan! VAleu!
Valeeeeu Renan! Vivendo e aprendendo 😄💜
Code drops é muito bacana sempre trazendo algo novo. Parabéns!
Faala, Rafael!! Muito obrigado pelo feedback! 💜
Muito bom, valew por compartilhar! Parabens a Rocket e ao Mayk!!!
Grande Ziegler! Valeu irmão!
Valeeeeu Carlos!! 💜😍
Essa tag datalist é show hein. Valeu, Maykao
show né? Valeu Fabiano!
Faala, Fabiano! Valeeu 💜💜
Conteúdo com sorriso e abração do Maykão!
Siiim!! 😍😍
Cara adorei o vídeo, deu pra entender tudinho tranquilo ;D
Caramba Mikão, show de bola. Vocês São F*era!
hahaha Valeu Adilio
Valeeeeu Adilio! 💜
Esse Content Editable não conhecia e gostei muito, que massa. Obrigado!!!!
Valeu Zairo
Valeeeu Zairo! 💜
Que conteúdo fera demais, meu parabens.
santo mayk crito, hoje mesmo eu estava querendo fazer um auto complete, isso vai me salvar
Já está resolvido 😄😄
oaiheioaehoaihaeoiaeh boa Igão.. tamo junto!💜
Grande Mayk ... otimo video. Parabéns
Grande Marcio! Obrigado!
@@maykbrito felizmente tem uma galera sangue bom e com conhecimentos para nos ajudar. Como estamos com falta de frontends aqui na empresa, o pessoal de backend como eu esta sofrendo para tocar projetos nas duas frentes.
Valeeeeu Marcio! 💜
Adoooooro o menino myke!!!!!!!!!! Cavanhaque do Naldo agua de coco em!
hahahaahahahhaha boa Walison!! ahha
Hahahahaha 😄😄
A Didática do Maykão é perfeita 🚀 me inspiro nesse cara 😎
Yuri 💜 Valeu cara!
Siiim! 😍😍 Valeeeu Yuri! 💜
Conteúdo top, as tags para captura de dados do usuário são uma mão na roda
Que bom que curtiu André! TMJ
Demaaais! Valeeeu André! 🚀💜
Excelente aula, Deus te abençoe hoje e sempre. Por passar o seu conhecimento.
Faaaaala, Sirleide! Que massa que curte nosso trabalho! 💜 🚀
Mano que incrivel! Obrigado pelo conteudo top Mayk!!!
Maykão tá voando!
kkkk tamo junto💜
Ele está sempreeeee!! 😍🚀
Cara fantastico! Tu é muito fera man! Vlws! Ganhou mais um inscrito!
FALA DEEEEEV, TU É BRABO MAYKÃO
hahaha Valeu Gustavão! 😍
Faaala Gustavo!! Valeeeeu! 💜😍
Massa, feliz em poder participar do proximo GoStack, me organizei financeiramente o na próxima turma to dentro, não to me contendo de ansiedade...
Uhuulll!! Tá chegando!
Boaaaa Marco!! Falta pouco!! 🚀😍💜
16:47 Quase que eu cuspo meu café quando ouvi Windux kkk Mayk tu é foda cara...kkkkk Gostei da tag "Datails"... Show de bola...
Ele não estava errado na ideia, só errou o nome, pesquisa ai: Windowsfx
@@velhoguidsd JÁ VI, UM CLONE MELHOR QUE O ORIGINAL...KKK
hahahahaha
Hahahahah 😄. Valeeeu Messias! 💜
Inacreditável Guilheme! 😅😄
Muito bom! Mayk manda bem demais, por mais conteúdos como este.
Muito bom o vídeo, parabéns!
Valeu Wilian!! 🥰
Faala, Wilian! Valeeeu pelo feedback !💜
Massa mano vc explica tudo parabéns !
Tamo junto Eduardo! Valeu!
Faala, Eduardo! Muito obrigado pelo feedback! 💜
Parabéns, conteúdo muito top.
parabéns pelo conteúdo, vou deixar de fazer muita gambiarra agora kkk
hahaha show Jackson
hahaha boaa Jackson 😄😄
Minha contribuição
Hello
08:49 Adorei a dica valeu mesmo
Valeu Leonardo!
💜💜
Caramba que top!! Morreu autocomplete com Js complexos kkk. Brinks, mas ja ajuda muito. Parabéns pelo vídeo.
hahahaha boa Felipe!! Valeu
Hahaha não deixa de ser mais uma alternativa 😄! Valeeeu Felipe! 💜
Não conhecia a tag progress, top. 👏 👏 👏
Show o conteúdo parabéns! Uma obervação no minuto 15:50 o valores de data seguem o padrão ISO 8601 e não o padrão americano.
Grande Gui!! Obg pelo feedback irmão! 💜
Show, Guilherme. Obrigado!
Com relação ao horário, no meu aparece no formato americano AM / PM. Tem como editar isso direto na tag?
Faala, Guilherme! Valeeeu! 💜
@@eulucaspedroabreu a renderização do componente de hora varia de browser para browser, não temos muito controle sobre ele, depende do browser e do idioma do usuário ele será renderizado de formas diferente. Abraço!
@@guilherfp Gratidão pela resposta! 🙏🏼
Cara, parabéns, vc é fera, rocketseat ajudando muito!
muito daora, curte demais, valeu pelo conhecimento
Faala, Miguel!! Valeeeu 💜💜
Conteúdo muito massa, Abraços de Moçambique MAYKAO
Ooooo que legal! Abraços pra Moçambique @MajorKey258
Wooow. Que massa dev! Valeeeeu! 💜
Mayk é fod@ !! Dica pro seu próximo tutorial: Calendário em javascript 🤘
ótima dica Rafa! Valeu 💜
Faala, Rafael! Valeeeu pela sugestão! 💜💜
Cara, eu não conhecia esta tag datalist, gostei muito
Que massa Pablo! Valeeeu! 💜
Um assunto que eu adoraria ver neste canal é o Crop de imagens.
Faala Nuno! Na verdade já saiu um, dá uma olhada nesse link:
ruclips.net/video/-RWPvVcYAC4/видео.html
excelente video, de facilimo entendimento
Que bom que curtiu. Valeu
Que massa dev! Valeeeu pelo feedback !💜
Excelente Conteúdo !!!! Muito bom 👍
Valeu Ian!
Faala, Ian! Muito obrigado pelo feedback!! 😍🚀
Mayk sempre simpático. Só não tinha visto ainda esse cavanhaque estilo ventríloco (Kappa).
hahahaahahaha boa Thom hahaha Valeu
Hahahaha 😄
Maykão manda bem demais. Faz mais vídeos sobre Tailwind CSS.
Boa Ruan!! :D Vamos ver mais ideias pra trazer aqui. Obg
Opa!! Valeeeu pela sugestão Ruan! 💜
Vcs são demais, bora codar.
Muito massa! Curti!
Valeu Júlia😍
Valeeeu Júlia!! 💜💜
Que massa, a didática de vcs é sensacional ❤️
Ótimo conteúdo Mayk so achei que o progress não reflete a realidade tinha que ter delay quando chegasse no 98% ou 99% pra demorar uns 5 min pra chegar no 100% kk.
Real, coloca um if de quando chegar no 99% deixar os milissegundos em 50000000000. Akakajajs
hoaeihaeihhaaaheoihaei boa
Faltou realidade, verdade! 😂😂
Realmente o HTML contém muita coisa bacana e algumas até mal compreendidas como é o caso do canvas, que muita gente pensa que só serve para desenhar mas que vai muito além disso como no caso de criação de gráficos, tanto estáticos quanto dinâmicos. Como sempre, parabéns a Rocketseat.
Vdd... Canvas é animal demais💜
Faala, Luis! Muito obrigado pelo feedback! Realmente, canvas é muito útil. O Mayk até fez um vídeo recentemente sobre ele também! 😍
Show Maikão!
Valeu Luis
💜💜
Muito boa tua didática. Parabéns!
Que massa que curtiu Marcio!! Valeeeu pelo feedback ! 😍
vlw Naykão, tmj!
hahahaahahahah Big Nike ahahah
😄😄
Vlw mike conhecia apenas a tag mark as outras foi tudo novidade vlw pelo conhecimento
Que massa dev!! Valeeu pelo feedback! 💜
Eu aprendi esses dias sobre o atributo data-
Vi em uma lib de test e fui pesquisar, não acreditei que nunca tinha pensado em guardar informação na própria tag html....
Esse atributo é top mesmo!! Mão na roda.. Valeu Jeff!
Hahaha que massa Jefferson! Faz parte 😅
Ótimo vídeo parabéns ✌.
Valeu Romulo
Valeeeeu Romulo! 😍
Chegou no momento certo hihi
💜💜
Caraca!! Muito bom 😊
Muito bom. Parabéns
VEI VIDEO MUITO BOM!!!
Muito útil! Obrigado
Realmente aprendi tags bem legais, tops de mais
grande Caio! Valeu irmão!
Por nada! Conteúdo sempre 100%
Que massa Caio!! Valeeu pelo feedback! 💜
Muito bom, não conhecia algumas
valeu Anderson!
Que massa Anderson! Valeeeu! 💜
Mayk é tão brabo que juntou o CodePen com o VsCode e criou seu próprio editor: Mayk Code kkkkkk
OBS: Já estou esperando o vídeo de você explicando como fez isso 😆✌
hahahahah Valeu Luan!!
Hahaha né? 😄😄
Se eu conhecia alguma dessas tags? Ô, varias, , ... kkkkk
qual a musica do começo 00:02 ? conteúdo incrível
Jesus amado, coração chega tremeu na hora da tag de range de datas
Excelente video! Queria perguntar se no "progress" é possível voltar ao início automaticamente, cada vez que chega aos 100%? Fazer um ciclo em que chega aos 100% com incrementação, volta aos 0% e depois faz a incrementação de novo até chegar aos 100%
Oi Mayk! muito legal esse video! mas vou ser sincero com voce, eu fiquei mais interessado no balaozinho do canto, que voce usa para mostrar a camera, feito em Electron do que todo o resto!
Eu baixei e testei na minha maquina, o codigo eh impressionantemente curto!! parabens!! Eu estou tentando configurar ele para que as bordas da bolinha fique transparente igual a sua, no meu esta com bordas pretas.
Muito legal!!
Acabei de ver que por padrao ele ja esta com "transparent" true, talvez so nao esteja funcionando na minha maquina (ubuntu 18)
Salve galera! tem uma prop do input type=range chamada step, seria de quantos em quantos passos a barra vai deslizar ..considero quase obrigatória pois setar um valor sem ela é meio tenso. Valeu Fui!
Pra quem tá aprendendo inglês e está na dúvida de como fala uma palavra, no google translate dá pra você ouvir a pronuncia clicando no ícone do alto-falante 🔈, tem até os fonemas lá pra ajudar!
Boaa Daniela!! 💜
Nova por aqui... adorei o video!!