HTML 10x Mais Rápido com Emmet

  Рет қаралды 6,435

dpw

dpw

Күн бұрын

Пікірлер: 72
@dvalmont07
@dvalmont07 2 жыл бұрын
Obrigado por compartilhar! Muito grato :)
@dpwoficial
@dpwoficial 2 жыл бұрын
Nós que agradecemos!
@thamiristreviso2790
@thamiristreviso2790 2 жыл бұрын
Adorei as dicas, Tárcio. Abriu minha mente e me poupou muito tempo. Obrigada.
@dpwoficial
@dpwoficial 2 жыл бұрын
Que ótimo, Thamiris! :)
@programadorprincipiante
@programadorprincipiante 4 жыл бұрын
Valeu Tárcio, muito obrigado.
@dpwoficial
@dpwoficial 4 жыл бұрын
Nada a agradecer. 👍
@michelsouza3868
@michelsouza3868 4 жыл бұрын
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
@dpwoficial 4 жыл бұрын
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
@MGTOWMarley 3 жыл бұрын
@@dpwoficial pdc mano, eu vou ler mais sobre o emmet, é sempre bom ler o manual pra saber todas as possibilidades
@dpwoficial
@dpwoficial 3 жыл бұрын
@@MGTOWMarley Com certeza. As principais, abordamos no vídeo, mas sempre tem um ou outro macetinho que dá para encontrar nas instruções.
@mayconwiner
@mayconwiner Жыл бұрын
Maravilha !!!!
@dpwoficial
@dpwoficial Жыл бұрын
👊
@salvimateus
@salvimateus 4 жыл бұрын
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
@dpwoficial 4 жыл бұрын
Sair do ambiente de codar para pegar lorem ipsum nunca mais! o/
@MGTOWMarley
@MGTOWMarley 3 жыл бұрын
essa do lorem eu já sabia, mas de escolher quantas palavras do lorem irá aparecer, isso foi novidade demais kk
@GuilhermeHenrique-oq9wt
@GuilhermeHenrique-oq9wt 3 жыл бұрын
Amigo este seu video salvou demais e ajudou bastante continue sempre com mais conteudo agregando valor para seus colegas devs tmj.
@dpwoficial
@dpwoficial 3 жыл бұрын
Com certeza, Guilherme. Que bom que ajudou. Tamos aê. :)
@TopMusic-me4gg
@TopMusic-me4gg Жыл бұрын
Incrível esse vídeo. Parabéns.
@dpwoficial
@dpwoficial Жыл бұрын
Muito obrigado 😃
@jorgehumbertodossantos6612
@jorgehumbertodossantos6612 4 жыл бұрын
Realmente vale a pena dedicar um tempo para estudar e praticar o Emmet. Acho que vale sim uma live.
@dpwoficial
@dpwoficial 4 жыл бұрын
Obrigado pela participação, Jorge!
@ardileslima2621
@ardileslima2621 4 жыл бұрын
Muito bom o vídeo. Show mesmo 👏👏👏
@dpwoficial
@dpwoficial 4 жыл бұрын
Vlw, Ardiles! o/
@GlitchYou
@GlitchYou 3 жыл бұрын
No emmet-vim ul>li*3{item $} muda pra fazer isso precisa fazer assim ul>li{iem $}*3
@dpwoficial
@dpwoficial 3 жыл бұрын
Boa!
@hamoncordova7431
@hamoncordova7431 4 жыл бұрын
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
@dpwoficial 4 жыл бұрын
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.
@BSK_Rick
@BSK_Rick 3 жыл бұрын
+1 inscrito parabéns pelo conteúdo Tarcio!
@dpwoficial
@dpwoficial 3 жыл бұрын
Muito obrigado, Rick!
@luizfarias398
@luizfarias398 3 жыл бұрын
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
@dpwoficial 2 жыл бұрын
Opa, aí sim, Luiz! o/
@geovanidias5602
@geovanidias5602 4 жыл бұрын
kkk oloco o Tárcio e muito fera mesmo parabéns e muito obrigado por compartilhar seu conhecimento conosco, abraçoo
@dpwoficial
@dpwoficial 4 жыл бұрын
Que isso, rapaz, eu que agradeço pela participação!
@andersonnascimento9864
@andersonnascimento9864 3 жыл бұрын
Vídeo sensacional!
@dpwoficial
@dpwoficial 3 жыл бұрын
Muito obrigado, meu caro!
@ollicom
@ollicom 4 жыл бұрын
Material PUTISTICAMENTE FODA, bom demais...
@dpwoficial
@dpwoficial 4 жыл бұрын
Haha, gostei da expressão. Vlw mesmo, Rodrigo! o/
3 жыл бұрын
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
@dpwoficial 3 жыл бұрын
haha, legal, Lucas! Bom que a gente já tá num mesmo ambiente para trocar recursos. Aquele abraço!
@santoserick9
@santoserick9 4 жыл бұрын
Só pelo chapeuzinho do vovô já valeu o like!
@dpwoficial
@dpwoficial 4 жыл бұрын
Hahaha ^👴
@rwietter
@rwietter 4 жыл бұрын
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
@dpwoficial 4 жыл бұрын
Obrigado pela força, Maurício. Se mais gente quiser, podemos fazer acontecer. :)
@felipeassumpcao3039
@felipeassumpcao3039 3 жыл бұрын
Monstro Fera demais
@dpwoficial
@dpwoficial 3 жыл бұрын
Is we!
@maninisiemel
@maninisiemel 2 жыл бұрын
Fantástico, gosto de uns atalhos.
@dpwoficial
@dpwoficial 2 жыл бұрын
Bom demais, né? :)
@rafaelcesar6656
@rafaelcesar6656 3 жыл бұрын
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
@dpwoficial 3 жыл бұрын
haha vlw, Rafael! Muito obrigado pelas palavras! 👊
@MGTOWMarley
@MGTOWMarley 3 жыл бұрын
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
@dpwoficial 3 жыл бұрын
Obrigado pela dica.
@navebluez
@navebluez 4 жыл бұрын
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
@dpwoficial 4 жыл бұрын
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.
@charlesalbert4194
@charlesalbert4194 3 жыл бұрын
show seus vídeos, gostaria de um tutorial de css pq o html eu dominei mas já o css, ta ruim
@dpwoficial
@dpwoficial 3 жыл бұрын
Muito obrigado, Charles. Temos vários tutos de CSS no canal (e teremos muitos mais), aproveite. :)
@sandrobs2068
@sandrobs2068 3 жыл бұрын
Muito bom, não é possível alguém da área que não use isso...
@dpwoficial
@dpwoficial 3 жыл бұрын
Muito bom, né? :D
@PauloSergio-qy5pc
@PauloSergio-qy5pc 4 жыл бұрын
No visual code tem como deixar preview como no brcakets?
@dpwoficial
@dpwoficial 4 жыл бұрын
Nativamente, não. Mas é possível usar plugins como Live HTML Previewer.
@PauloSergio-qy5pc
@PauloSergio-qy5pc 4 жыл бұрын
@@dpwoficial Nesse estilo eu não encontrei.seria uma ideia boa como se fosse element do Chrome.
@gabriellucas3297
@gabriellucas3297 4 жыл бұрын
Da para colocar scss direto no html sem precisar compilar para css usando ruby?
@dpwoficial
@dpwoficial 4 жыл бұрын
Não sei. Essa mágica acontece no BFB porque ele usa Parcel como base.
@m4y50n
@m4y50n 4 жыл бұрын
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
@dpwoficial 4 жыл бұрын
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
@m4y50n 4 жыл бұрын
@@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
@dpwoficial 4 жыл бұрын
@Petherson Reis Então, fechou. 👍
@luizaoliveira3811
@luizaoliveira3811 4 жыл бұрын
Esse video é perfeito kkk
@dpwoficial
@dpwoficial 4 жыл бұрын
Bondade sua, Luiza, mas, claro, fico muito agradecido pelo comentário! 😁
@potamo1288
@potamo1288 4 жыл бұрын
emmet é muito foda bixo. Mas nada a ver com o assunto aqui, vs ja escreveu um livro pra caelum?
@dpwoficial
@dpwoficial 4 жыл бұрын
Sim. Já escrevi alguns. No momento, estou vendo se arrumo um tempinho para algumas atualizações, inclusive.
@GlitchYou
@GlitchYou 3 жыл бұрын
parece regex vou adorar aprender isso
@dpwoficial
@dpwoficial 3 жыл бұрын
Maaais ou meeenos, mais ou menos... =P
3 Melhores Extensões de VS Code para CSS em 2021
11:54
Sigma Kid Mistake #funny #sigma
00:17
CRAZY GREAPA
Рет қаралды 30 МЛН
Правильный подход к детям
00:18
Beatrise
Рет қаралды 11 МЛН
Don’t Choose The Wrong Box 😱
00:41
Topper Guild
Рет қаралды 62 МЛН
BEM: A Convenção CSS Para Um Front End Muito Melhor
19:04
Boas práticas para escrever um HTML profissional - Root #26
32:34
Interactive Animated Eyes in CSS and Javascript
5:42
FORMULÁRIOS COM HTML e CSS!
28:57
Rafaella Ballerini
Рет қаралды 782 М.
⭐ Minicurso Animações CSS
53:01
dpw
Рет қаралды 134 М.
Aprenda TUDO Sobre CSS Layers (CSS Cascade Layers)
15:21
:has() Vai Mudar o CSS para SEMPRE!
10:00
dpw
Рет қаралды 46 М.
Sigma Kid Mistake #funny #sigma
00:17
CRAZY GREAPA
Рет қаралды 30 МЛН