7 Tags HTML que Você Precisa Conhecer | Code/Drops #58

[@ViciosBlack]

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.

[@rocketseat]

Que massa dev!! Vivendo e aprendendo 😄💜

[@maykbrito]

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!

[@gu00col]

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

[@o_comentador_aleatorio]

Tenho mais de 10 anos e ainda to aprendendo :D

[@xeroxprosaude5022]

Me arruma um emprego de dev web!

[@justfelipe7542]

O cara é tão foda que faz o próprio editor

[@guilhermeaugustini4157]

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

[@maykbrito]

Ótima dica!! Tomara que mais pessoas vejam esse comentário para somar ainda mais nas tags.. Valeu Gui!

[@rocketseat]

Boaa Guilherme!! Verdade! 💜🚀

[@BloggerProfissional]

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

[@mateuspaula_dev]

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 👆🏽🔥

[@rocketseat]

Siiim! Mayk é um monstrooo ! 😍💜

[@maykbrito]

heheh Valeu Mateus! Obg 💜

[@heriveltonlourenco]

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!

[@felipedesmartins]

Essa details eu fiquei encantado! Vou usar muito!!!

[@hawkinsdavidmarques]

Didática perfeita. A tag é excelente para artigos. Também curti muito o

[@maykbrito]

grande David! Obg querido💜

[@rocketseat]

Que massa David! Valeeeeu! 💜

[@kauanoliveirabezerra4950]

Faço curso de TI me acostumei a usar as mesmas tags, não conhecia essas! Muito bem explicado cada tag parabéns

[@eded2863]

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.

[@AndrelinoSilvas]

Parabéns Maikão! Quando crescer quero ser como você.

[@maykbrito]

hahaha grande Andrelino. Valeu amigo!

[@rocketseat]

Hahah 😄💜

[@filipes.j.2113]

Que dicas top Mayk Brito, vlw! Eu não as conhecia.

[@elliotalderson5833]

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)

[@maykbrito]

Grande Elliot! Que massa que já foi tão útil assim!! 💜

[@rocketseat]

Que massa Elliot! Valeeeu 💜💜

[@MarcosSantos-sv1do]

Massa demais, ja tive a experiencia de interagir como um campo que provavelmente utiliza o "contenteditable", mas não o conhecia, muito dahora :O

[@rocketseat]

Que massa Marcos!! Valeeu pelo feedback! 💜

[@oldwolfking]

Nossa conteúdo show de bola, muita coisa eu não conhecia só o input date e time eu já utilizei em meus projetos

[@nun3s575]

vey eu curti dms esse canal, conteúdo excelente!

[@Israel220500]

7:42 Depois dessa vou fazer meus trabalhos da universidade em HTML e CSS.

[@rocketseat]

Hahaha boa Israel! 😄💜

[@maykbrito]

hahahahahaa boa!!

[@nennogabriel]

Não conhecia a detail... que vídeo bom. curto e direto ao ponto.. valeu Mayk

[@maykbrito]

Que bom que curtiu! Valeu Pedro!

[@rocketseat]

Que massa Pedro! Valeeeu 💜

[@GustavoSantos-mj5iw]

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

[@rocketseat]

Hahaha boa Gustavo! Valeeeu pelo feedback! 💜💜

[@maykbrito]

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 💜

[@charlesm9910]

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

[@EduardoBarros13]

Conheci o canal há pouco tempo, mas curto muito a tua didática! 👍🏽

[@maykbrito]

muito obrigado Eduardo! 😍

[@rocketseat]

Que shoow Eduardo! Valeeeeu! 😍

[@joaobraz612]

Show demais Myke! Traz mais conteúdo assim

[@rocketseat]

Faala, João! Valeeu pelo feedback! 😍

[@ander0308]

Maykão Te admiro muito mano, pela sua didática , humildade e carisma, um grande abraço!

[@maykbrito]

Grande Anderson!! Valeu demais irmão 😍

[@rocketseat]

Mayk é fera demais!! 😍😍

[@ZBMusicas]

Esse Content Editable não conhecia e gostei muito, que massa. Obrigado!!!!

[@maykbrito]

Valeu Zairo

[@rocketseat]

Valeeeu Zairo! 💜

[@josuebarros-desenvolvedorw2490]

Mano que incrivel! Obrigado pelo conteudo top Mayk!!!

[@_.gabrielllopes]

Carmaba..... muito bom, não comhecia essas tags, com certeza usarei nos meus projetos, vlw mano✌

[@maykbrito]

Valeu Gabriel!

[@rocketseat]

Que massa Gabriel! Valeeeu pelo feedback! 💜

[@galavernag]

9:30 MDSSSS, não sabia como isso era feito, mais uma tagzinha para anotar, video top Maykão

[@rocketseat]

Boaa Guilherme! Valeeeu pelo feedback! 💜

[@kauanl.5497]

Maykão como sempre dando um show de didática

[@maykbrito]

valeu Kauan! 💜

[@rocketseat]

Novidade né? Hahaha Mayk é fera demais! 😍😍

[@alephy-wilker]

Obrigado mano, to curtindo demais aprender Html e Css.

[@cedricsoares3277]

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

[@maykbrito]

Que bom que curtiu!! Valeu Cedric

[@rocketseat]

Hahaha faz parte! Valeeu Cedric! 💜

[@andy.n3]

Excelente conteúdo Maik! Parabéns Rocketseat.

[@gabrielrmsantos]

Alguns eu conhecia, mas achei muito fera esse list aí, nunca imaginei um auto complete nativo, top demais. Valeu demais Maykão!

[@maykbrito]

Valeu Gabriel!

[@rocketseat]

Massa né? haha 💜💜

[@Matt-pd8vm]

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.

[@carlosricardoziegler2650]

Muito bom, valew por compartilhar! Parabens a Rocket e ao Mayk!!!

[@maykbrito]

Grande Ziegler! Valeu irmão!

[@rocketseat]

Valeeeeu Carlos!! 💜😍

[@euheraldoluciano]

Conteúdo com sorriso e abração do Maykão!

[@rocketseat]

Siiim!! 😍😍

[@RafaelGomes01]

Code drops é muito bacana sempre trazendo algo novo. Parabéns!

[@rocketseat]

Faala, Rafael!! Muito obrigado pelo feedback! 💜

[@fabianodesouza9930]

Essa tag datalist é show hein. Valeu, Maykao

[@maykbrito]

show né? Valeu Fabiano!

[@rocketseat]

Faala, Fabiano! Valeeu 💜💜

[@fDarionf]

Que conteúdo fera demais, meu parabens.

[@marciotakahashi1373]

Grande Mayk ... otimo video. Parabéns

[@maykbrito]

Grande Marcio! Obrigado!

[@marciotakahashi1373]

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

[@rocketseat]

Valeeeeu Marcio! 💜

[@renansouza351]

Boa Maykão, adorei esse vídeo, tem algumas tags que não conheço

[@maykbrito]

aee// que bom que curtiu Renan! VAleu!

[@rocketseat]

Valeeeeu Renan! Vivendo e aprendendo 😄💜

[@AdihGobira]

Caramba Mikão, show de bola. Vocês São F*era!

[@maykbrito]

hahaha Valeu Adilio

[@rocketseat]

Valeeeeu Adilio! 💜

[@AriMauricio]

Não conhecia a tag progress, top. 👏 👏 👏

[@sirleideoliveiraguedesoliv6585]

Excelente aula, Deus te abençoe hoje e sempre. Por passar o seu conhecimento.

[@rocketseat]

Faaaaala, Sirleide! Que massa que curte nosso trabalho! 💜 🚀

[@walisonteodoro2726]

Adoooooro o menino myke!!!!!!!!!! Cavanhaque do Naldo agua de coco em!

[@maykbrito]

hahahaahahahhaha boa Walison!! ahha

[@rocketseat]

Hahahahaha 😄😄

[@litzdc1212]

O pessoal da rocketseat, não apenas ensinam as pessoas como também motivam, eu amo de mais esse trabalho

[@stapait]

Video do Mayk, ja dou like sem ver, tenho certeza que o vídeo vai ser top

[@maykbrito]

kkkkkkk boaaa.. Valeu Fabio💜

[@rocketseat]

Hahaha valeeeu Fabio! 💜

[@andreluiz85]

Conteúdo top, as tags para captura de dados do usuário são uma mão na roda

[@maykbrito]

Que bom que curtiu André! TMJ

[@rocketseat]

Demaaais! Valeeeu André! 🚀💜

[@marcoaurelio8264]

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

[@maykbrito]

Uhuulll!! Tá chegando!

[@rocketseat]

Boaaaa Marco!! Falta pouco!! 🚀😍💜

[@yurifranca7438]

A Didática do Maykão é perfeita 🚀 me inspiro nesse cara 😎

[@maykbrito]

Yuri 💜 Valeu cara!

[@rocketseat]

Siiim! 😍😍 Valeeeu Yuri! 💜

[@gabrielfrancelino2389]

Muito bom! Mayk manda bem demais, por mais conteúdos como este.

[@josexavier2772]

Parabéns, conteúdo muito top.

[@felipehenriquesantoscosta5079]

Caramba que top!! Morreu autocomplete com Js complexos kkk. Brinks, mas ja ajuda muito. Parabéns pelo vídeo.

[@maykbrito]

hahahaha boa Felipe!! Valeu

[@rocketseat]

Hahaha não deixa de ser mais uma alternativa 😄! Valeeeu Felipe! 💜

[@Bruno75352]

Cara adorei o vídeo, deu pra entender tudinho tranquilo ;D

[@principe.borodin]

santo mayk crito, hoje mesmo eu estava querendo fazer um auto complete, isso vai me salvar

[@rocketseat]

Já está resolvido 😄😄

[@maykbrito]

oaiheioaehoaihaeoiaeh boa Igão.. tamo junto!💜

[@Ry_Will]

Muito bom o vídeo, parabéns!

[@maykbrito]

Valeu Wilian!! 🥰

[@rocketseat]

Faala, Wilian! Valeeeu pelo feedback !💜

[@jacksonaquino6941]

parabéns pelo conteúdo, vou deixar de fazer muita gambiarra agora kkk

[@maykbrito]

hahaha show Jackson

[@rocketseat]

hahaha boaa Jackson 😄😄

[@pablitoengineer]

Minha contribuição Hello

[@nunosantosdev]

Um assunto que eu adoraria ver neste canal é o Crop de imagens.

[@rocketseat]

Faala Nuno! Na verdade já saiu um, dá uma olhada nesse link: kzbin.info/www/bejne/Y4O6gamMmL50eZY

[@rafaelsantos4077]

Mayk é fod@ !! Dica pro seu próximo tutorial: Calendário em javascript 🤘

[@maykbrito]

ótima dica Rafa! Valeu 💜

[@rocketseat]

Faala, Rafael! Valeeeu pela sugestão! 💜💜

[@igorrodrigues2600]

Cara, parabéns, vc é fera, rocketseat ajudando muito!

[@eduardogaldino7013]

Massa mano vc explica tudo parabéns !

[@maykbrito]

Tamo junto Eduardo! Valeu!

[@rocketseat]

Faala, Eduardo! Muito obrigado pelo feedback! 💜

[@Thom.Zille.]

Mayk sempre simpático. Só não tinha visto ainda esse cavanhaque estilo ventríloco (Kappa).

[@maykbrito]

hahahaahahaha boa Thom hahaha Valeu

[@rocketseat]

Hahahaha 😄

[@temposesquisitos]

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.

[@maykbrito]

Vdd... Canvas é animal demais💜

[@rocketseat]

Faala, Luis! Muito obrigado pelo feedback! Realmente, canvas é muito útil. O Mayk até fez um vídeo recentemente sobre ele também! 😍

[@LFernandoPimenta]

Cara fantastico! Tu é muito fera man! Vlws! Ganhou mais um inscrito!

[@marchonnf]

Maykão manda bem demais. Faz mais vídeos sobre Tailwind CSS.

[@maykbrito]

Boa Ruan!! :D Vamos ver mais ideias pra trazer aqui. Obg

[@rocketseat]

Opa!! Valeeeu pela sugestão Ruan! 💜

[@marchonnf]

Vcs são demais, bora codar.

[@messiasspp]

16:47 Quase que eu cuspo meu café quando ouvi Windux kkk Mayk tu é foda cara...kkkkk Gostei da tag "Datails"... Show de bola...

[@velhoguidsd]

Ele não estava errado na ideia, só errou o nome, pesquisa ai: Windowsfx

[@messiasspp]

@@velhoguidsd JÁ VI, UM CLONE MELHOR QUE O ORIGINAL...KKK

[@maykbrito]

hahahahaha

[@rocketseat]

Hahahahah 😄. Valeeeu Messias! 💜

[@rocketseat]

Inacreditável Guilheme! 😅😄

[@valsonata]

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

[@lucasduarte218]

Real, coloca um if de quando chegar no 99% deixar os milissegundos em 50000000000. Akakajajs

[@maykbrito]

hoaeihaeihhaaaheoihaei boa

[@rocketseat]

Faltou realidade, verdade! 😂😂

[@IsaiasNhantumbo]

Conteúdo muito massa, Abraços de Moçambique MAYKAO

[@maykbrito]

Ooooo que legal! Abraços pra Moçambique @MajorKey258

[@rocketseat]

Wooow. Que massa dev! Valeeeeu! 💜

[@miguelhenrique373]

muito daora, curte demais, valeu pelo conhecimento

[@rocketseat]

Faala, Miguel!! Valeeeu 💜💜

[@Argusaw]

Que massa, a didática de vcs é sensacional ❤️

[@PabloGeokar]

Cara, eu não conhecia esta tag datalist, gostei muito

[@rocketseat]

Que massa Pablo! Valeeeu! 💜

[@JonatanEdOrtiz]

Muito útil! Obrigado

[@ianluccasaraujo876]

Excelente Conteúdo !!!! Muito bom 👍

[@maykbrito]

Valeu Ian!

[@rocketseat]

Faala, Ian! Muito obrigado pelo feedback!! 😍🚀

[@guilherfp]

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.

[@maykbrito]

Grande Gui!! Obg pelo feedback irmão! 💜

[@eulucaspedroabreu]

Show, Guilherme. Obrigado! Com relação ao horário, no meu aparece no formato americano AM / PM. Tem como editar isso direto na tag?

[@rocketseat]

Faala, Guilherme! Valeeeu! 💜

[@guilherfp]

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

[@eulucaspedroabreu]

@@guilherfp Gratidão pela resposta! 🙏🏼

[@geisonarisi9450]

Muito bom. Parabéns

[@MroMroMarc]

Muito boa tua didática. Parabéns!

[@rocketseat]

Que massa que curtiu Marcio!! Valeeeu pelo feedback ! 😍

[@romuloalves9349]

Ótimo vídeo parabéns ✌.

[@maykbrito]

Valeu Romulo

[@rocketseat]

Valeeeeu Romulo! 😍

[@leonardofirmino3842]

08:49 Adorei a dica valeu mesmo

[@maykbrito]

Valeu Leonardo!

[@rocketseat]

💜💜

[@mangapedia1179]

Vlw mike conhecia apenas a tag mark as outras foi tudo novidade vlw pelo conhecimento

[@rocketseat]

Que massa dev!! Valeeu pelo feedback! 💜

[@jeffersonferreira43]

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

[@maykbrito]

Esse atributo é top mesmo!! Mão na roda.. Valeu Jeff!

[@rocketseat]

Hahaha que massa Jefferson! Faz parte 😅

[@TheTrollzica]

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 😆✌

[@maykbrito]

hahahahah Valeu Luan!!

[@rocketseat]

Hahaha né? 😄😄

[@indiancurry8162]

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%

[@juhbs]

Muito massa! Curti!

[@maykbrito]

Valeu Júlia😍

[@rocketseat]

Valeeeu Júlia!! 💜💜

[@gustavomelo3718]

FALA DEEEEEV, TU É BRABO MAYKÃO

[@maykbrito]

hahaha Valeu Gustavão! 😍

[@rocketseat]

Faaala Gustavo!! Valeeeeu! 💜😍

[@azoulay62]

excelente video, de facilimo entendimento

[@maykbrito]

Que bom que curtiu. Valeu

[@rocketseat]

Que massa dev! Valeeeu pelo feedback !💜

[@Cheng32290]

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

[@Cheng32290]

Acabei de ver que por padrao ele ja esta com "transparent" true, talvez so nao esteja funcionando na minha maquina (ubuntu 18)

[@marcosyamgarcia6684]

Eu: Mayk tem uns vídeos pra iniciante mas eu gosto de assistir. Também eu: mano, que tags são essas que eu nunca vi? Haha

[@rocketseat]

Hahahaha EXATAMENTE! 😄😄

[@maykbrito]

hahahaahahah 😍

[@helloestouaqui3438]

Já conhecia essas , mas estou mais confortável para usar

[@maykbrito]

que top!! são show de bola né? obg pelo comentário 😍

[@helloestouaqui3438]

@@maykbrito suas aulas são ótimas 👏

[@rocketseat]

💜💜

[@matheus8888]

Fala devs... Faz um video fazendo upload de uma ou miasimagems que captura os metadados da imagem(gps principalmente) e grava esses dados no banco de dados. Grande arbaço. Sou fã de vcs

[@Marcompelo]

Excelente conteúdo.

[@Gabrielmassonn]

faltou apenas mostrar a compatibilidade de cada tag, mas de resto ta shoow, obrigado pela aula

[@fepradella]

Nova por aqui... adorei o video!!

[@andersonantunes3287]

Muito bom, não conhecia algumas

[@maykbrito]

valeu Anderson!

[@rocketseat]

Que massa Anderson! Valeeeu! 💜

[@kayorenato]

vlw Naykão, tmj!

[@maykbrito]

hahahaahahahah Big Nike ahahah

[@rocketseat]

😄😄

[@stadusunids]

Maykão tá voando!

[@maykbrito]

kkkk tamo junto💜

[@rocketseat]

Ele está sempreeeee!! 😍🚀

[@verdipratama]

Obrigado... from indonesia💕😎👍

[@maykbrito]

Olha que legal! Grande Abraço pra Indonesia 😍♥️🇮🇩

[@rocketseat]

Que massa dev!! Valeeeu! 💜

[@marcosmacielc.marins5832]

Show de bola!...

[@adriano2008]

Se eu conhecia alguma dessas tags? Ô, varias, , ... kkkkk

[@Matheus-zb8kd]

Ótimo vídeo!

[@gabriellamas3733]

Jesus amado, coração chega tremeu na hora da tag de range de datas