HTML 10x Mais Rápido com Emmet

[@mayconwiner]

Maravilha !!!!

[@dpwoficial]

👊

[@dvalmont07]

Obrigado por compartilhar! Muito grato :)

[@dpwoficial]

Nós que agradecemos!

[@programadorprincipiante]

Valeu Tárcio, muito obrigado.

[@dpwoficial]

Nada a agradecer. 👍

[@TopMusic-me4gg]

Incrível esse vídeo. Parabéns.

[@dpwoficial]

Muito obrigado 😃

[@michelsouza3868]

Com certeza tem Sênior que não sabia disso. Imagina os plenos. Quando se acha que não tem mais nada de produtivo pra aprender significativamente no VSC vem o ruivo e páaaah! A minha mente expandiu muito nesse vídeo.

[@dpwoficial]

Haha, é isso aí, Michel! Muita gente não usa algum recurso ou ferramenta importante e há também os que usam da maneira mais básica, sem saber que uma lidinha no manual pode revelar tesouros! Novo mote do canal: "vem o ruivo e páaaah" 😂

[@MGTOWMarley]

@@dpwoficial pdc mano, eu vou ler mais sobre o emmet, é sempre bom ler o manual pra saber todas as possibilidades

[@dpwoficial]

@@MGTOWMarley Com certeza. As principais, abordamos no vídeo, mas sempre tem um ou outro macetinho que dá para encontrar nas instruções.

[@thamiristreviso2790]

Adorei as dicas, Tárcio. Abriu minha mente e me poupou muito tempo. Obrigada.

[@dpwoficial]

Que ótimo, Thamiris! :)

[@GlitchYou]

No emmet-vim ul>li*3{item $} muda pra fazer isso precisa fazer assim ul>li{iem $}*3

[@dpwoficial]

Boa!

[@salvimateus]

cara, a dica do lorem5 foi demais... Eu usava sem lorem na forma padrão tbm agora fixei melhor a diferença entre { } e [ ]

[@dpwoficial]

Sair do ambiente de codar para pegar lorem ipsum nunca mais! o/

[@MGTOWMarley]

essa do lorem eu já sabia, mas de escolher quantas palavras do lorem irá aparecer, isso foi novidade demais kk

[@BSK_Rick]

+1 inscrito parabéns pelo conteúdo Tarcio!

[@dpwoficial]

Muito obrigado, Rick!

[@ollicom]

Material PUTISTICAMENTE FODA, bom demais...

[@dpwoficial]

Haha, gostei da expressão. Vlw mesmo, Rodrigo! o/

[@andersonnascimento9864]

Vídeo sensacional!

[@dpwoficial]

Muito obrigado, meu caro!

[@jorgehumbertodossantos6612]

Realmente vale a pena dedicar um tempo para estudar e praticar o Emmet. Acho que vale sim uma live.

[@dpwoficial]

Obrigado pela participação, Jorge!

[@ardileslima2621]

Muito bom o vídeo. Show mesmo 👏👏👏

[@dpwoficial]

Vlw, Ardiles! o/

[@GuilhermeHenrique-oq9wt]

Amigo este seu video salvou demais e ajudou bastante continue sempre com mais conteudo agregando valor para seus colegas devs tmj.

[@dpwoficial]

Com certeza, Guilherme. Que bom que ajudou. Tamos aê. :)

[@hamoncordova7431]

Parabéns pelo vídeo e por ter colocado exercícios, achei que ficou muito fácil de compreender. Nunca tinha conhecido como usar tão bem o Emmet, assunto perfeito.

[@dpwoficial]

Eu que agradeço o comentário, Hamon. Depois confira também a documentação, que ainda tem bastante coisa que não foi mostrada no vídeo.

[@luizfarias398]

Comecei a estudar HTML a pouco tempo, e esse vídeo abriu minha mente de uma maneira absurda… vídeo muito foda! Parabéns pelo conteúdo e muito obrigado 👍🏻

[@dpwoficial]

Opa, aí sim, Luiz! o/

[@santoserick9]

Só pelo chapeuzinho do vovô já valeu o like!

[@dpwoficial]

Hahaha ^👴

[@geovanidias5602]

kkk oloco o Tárcio e muito fera mesmo parabéns e muito obrigado por compartilhar seu conhecimento conosco, abraçoo

[@dpwoficial]

Que isso, rapaz, eu que agradeço pela participação!

[@maninisiemel]

Fantástico, gosto de uns atalhos.

[@dpwoficial]

Bom demais, né? :)

Tárcio, você é um desenvolvedor muito talentoso, você participa de alguns grupos meus no Telegram, mas eu ainda não tinha parado pra assistir seus vídeos. Sempre usei o emmet mas era só o div.classe[TAB] mesmo kkkkkk, eu sequer sonhava que o emmet tinha um gerador de lorem ipsum interno, genial meu amigo. Parabéns por mais um vídeo de altíssima qualidade.

[@dpwoficial]

haha, legal, Lucas! Bom que a gente já tá num mesmo ambiente para trocar recursos. Aquele abraço!

[@felipeassumpcao3039]

Monstro Fera demais

[@dpwoficial]

Is we!

[@rwietter]

Uau.. Eu nunca tinha parado para olhar a documentação dele, só usava as formas mais básicas haushau. Excelente vídeo. Seria legal o vídeo sobre as técnicas de planejamento da estrutura, acho que é uma parte complicada para quem está iniciando.

[@dpwoficial]

Obrigado pela força, Maurício. Se mais gente quiser, podemos fazer acontecer. :)

[@sandrobs2068]

Muito bom, não é possível alguém da área que não use isso...

[@dpwoficial]

Muito bom, né? :D

[@rafaelcesar6656]

Mano que aula foda, vim na esperança de apenas ver como funciona e que não estaria usando o mesmo editor que o meu, mas ai apareceu o VS e aula ficou de foda para foda+ Muito obrigado por compartilhar o conhecimento, não sei como 1 pessoa deu deslike,mas fazer o que não da para agradar todo mundo. Abraço irmão s2

[@dpwoficial]

haha vlw, Rafael! Muito obrigado pelas palavras! 👊

[@MGTOWMarley]

Muito bom, já que vc me ajudou eu vou te dar uma dica também para vc ser mais rápido na hora de apagar os códigos digitados, vc ao invés de seleciona-los, vc pode apertar CTRL + Z que vai desfazer o código mais rápido ainda,nesse caso seria duas vezes o Z sem soltar o CTRL, o primeiro iria desfazer a ação do TAB, e a segunda iria desfazer o que foi digitado antes do click/TAB. tem o CTRL ALT Z, que vale por uns 2 ou 3 CTRL Z , nao sei o quanto desfaz pq eu testei agr e agr n pegou,esse notbook win 10 tem dessas,só volta se reiniciar kkk flw

[@dpwoficial]

Obrigado pela dica.

[@navebluez]

Boa noite. Sobre esse BFB. Toda vez que eu tiver que fazer um projeto será necessário eu rodar o npm e começar tudo novamente? Realmente não entendi muito bem. Obs:( gostei do assunto sobre como projetar um layout, se possível, faça sim.) Parabéns pelas videoaulas.

[@dpwoficial]

Oi, Eng. Tudo bom? Dá uma olhadinha na descrição deste vídeo que tem link para você assistir ao vídeo específico do BFB. Lá, tem tudo explicadinho. Muito obrigado e até a próxima.

[@PauloSergio-qy5pc]

No visual code tem como deixar preview como no brcakets?

[@dpwoficial]

Nativamente, não. Mas é possível usar plugins como Live HTML Previewer.

[@PauloSergio-qy5pc]

@@dpwoficial Nesse estilo eu não encontrei.seria uma ideia boa como se fosse element do Chrome.

[@m4y50n]

Bem legal deixou muito mais rápida a criação de tags. Porém só uma duvida, eu criei o seguinte emmet #gameOver>{Parabéns, você completou o jogo!}^button#restart[onclick=restart()]{Jogue Novamente} Só que o vscode não completou isso automaticamente, descobri que foi por causa do () no restart ai se tiro e coloco assim: #gameOver>{Parabéns, você completou o jogo!}^button#restart[onclick=restart]{Jogue Novamente} Ele funciona, gostaria de saber se tem como fazer um emmet com esses () ali na função?

[@dpwoficial]

Provavelmente, ele acha que esses parênteses são para agrupar seletores para expansão. =/ Quando precisar fazer algo assim, faça como no segundo exemplo e coloque a função manualmente depois da expansão. É um trabalhinho a mais, mas, mesmo assim, ainda poupou bastante digitação. :)

[@m4y50n]

@@dpwoficial Ah que pena. Pois é, mas mesmo assim não é muita coisa a mais até pq na hora que expande o cursor vai direto para o onclick kkk

[@dpwoficial]

@Petherson Reis Então, fechou. 👍

[@luizaoliveira3811]

Esse video é perfeito kkk

[@dpwoficial]

Bondade sua, Luiza, mas, claro, fico muito agradecido pelo comentário! 😁

[@gabriellucas3297]

Da para colocar scss direto no html sem precisar compilar para css usando ruby?

[@dpwoficial]

Não sei. Essa mágica acontece no BFB porque ele usa Parcel como base.

[@charlesalbert4194]

show seus vídeos, gostaria de um tutorial de css pq o html eu dominei mas já o css, ta ruim

[@dpwoficial]

Muito obrigado, Charles. Temos vários tutos de CSS no canal (e teremos muitos mais), aproveite. :)

[@GlitchYou]

parece regex vou adorar aprender isso

[@dpwoficial]

Maaais ou meeenos, mais ou menos... =P

[@potamo1288]

emmet é muito foda bixo. Mas nada a ver com o assunto aqui, vs ja escreveu um livro pra caelum?

[@dpwoficial]

Sim. Já escrevi alguns. No momento, estou vendo se arrumo um tempinho para algumas atualizações, inclusive.