Recomendo utilizar somente o teclado para programar, vai diminuindo o uso do mouse aos poucos que vc se acostuma e fica bem mais rápido e prático. extensões que recomendo advanced-new-file: permite criar um novo arquivo utilizando somente o teclado. Basta apertar Ctrl + Alt + N File Utils: Permite renomear, deletar, copiar e afins um arquivo usando o teclado. Atalhos: Ctrl + P : Uma busca pelos arquivos do projeto. Ctrl + Shift + P (ou F1) : Abre a paleta de comandos. Ctrl + D : Seleciona a próxima ocorrência do que está selecionado. Ctrl + ' : Abre o terminal(se ele estiver fechado) | Foca ele caso não esteja | Fecha o terminal se estiver focado.
Cara eu comecei a usar mais o teclado mês passado, eu ficava muito presa ao mouse e isso atrasava horrores o meu trabalho. Nesse vídeo eu estava sem meu teclado, comecei a catar milho KKKKKKKKKKKK
Muito útil essa dica e muitas pessoas simplesmente ignoram. Fora se mover pelo fonte com page up, page down, home, end, Ctrl seta pro lado... Depois você só comprará teclado com as 6 teclas mágicas agrupada, como nos melhores tempos...
deixo de recomendação a extensão prettier pra identacao de código, tenho mania de dar ctrl+s direto e deixar o código arrumadinho, ajuda mt na legibilidade do codigo
Não lembrava um comando muito importante (Live Server) e sem este comando não teria como testar o que estava programando kk neste vídeo me salvou literalmente, estava na ponta da língua mas não conseguia lembrar o nome, Muito Obrigada :)
5:07 PQP IOJASJOSAJIOSAJIOIO Esse vai ser meu mais novo efeito de transição .fade-in / fade-out meu chefe vai amar oIJASIOJASOISAJISAJ essas extensões vão ajudar também : Bracket Pair Colorizer 2 clg - console.log snippets indent-rainbow px to rem SVG Viewer Prettier - Code formatter Stylelint ESLint Git Blame Git History e de bonus : Mussum Ipsum e Power Mode uahshuahuas
Apareceu no meu feed aqui, só pra dar um toque brackets colorizing ja vem embutido agora no vs code (melhor do q instalar essa aí). Eu aconselharia pra quem está começando com web development e aprender usar eslint e prettier (de longe as extensões mais úteis), depois disso aprenda os atalhos no vs code. Eu já trabalho com web dev fazem quase 10 anos se alguém estiver interessado responde aqui q eu passo uma lista de recomendações pra extensões. Parabéns pela video e boa sorte na sua jornada 😃
@@mateusgarpelli5207 e outra coisa como eu falei, pegue um tempo e pratique e memorize os atalhos no vs code. isso e uma das grandes diferencas entre alguem realmente produtivo e fluente na ferramenta de alguem que nao e, na minha opiniao.
Ótimo conteúdo! Para icones prefiro o Material Icon Theme. Outros que gosto brastante: Prettier - Code formatter , Color Highlight e CodeSnap para aquele print bonitão
Olá! Muito obrigada, eu estava tentando descobrir como fazer para as imagens ficarem com aquele símbolo amarelinho e não sabia como, agora resolvido. :D
@@SniperflyHunter Cara fico realmente feliz de ver uma galera se identificando, sei que é difícil e a gente pega referências de pessoas que já são gigantes e isso não é errado, mas é bom respeitar o processo/saber que tem pessoas que também estão passando pelo mesmo. Logo a gente chega!
Em vez de prejudicar o desempenho do seu computador na instalar desta extensão (Auto Rename Tag), quando for para alterar este tipo de clique na tecla F2 para renomear, isso também vale para outras linguagens ao alterar variáveis em todo documento.
Gostaria de falar sobre o Prettier - Code formater. Que faz as mesmas alterações de indentação do CSS que ela explicou, só que se aplica também ao HTML e JS.
Deixa o like no video!!!
1- vscode-icons 0:34
2- auto rename tag 1:46
3- live server 2:45
4- rainbow brackets 3:41
5- css formatter 5:14
Salvou (☞ ಠ_ಠ)☞
Todos os vídeos deveriam ser só com ela. Ela é super carismática!!!
Cara, tu é muito simpática e tua voz é linda, e você também! Faz mais vídeos aí pra nóis.
Obrigada!!! Opa, vou chamar os estagiários para sequestrarem o Eric e o Fernando, aí a gente aparece haha
Garota nota mil . Ela da vida extra no video , parabens pra ela
Muito simpática a menina vibe muito boa pros vídeos, parabéns devMidia
Queremos mais vídeos com ela
caramba nuito bom as dicas, no Live Server eu mudei os comandos no atalhos de teclado para alt+I fica ainda mais fácil de rodar ele.
Iai show de bola, sugestão : faz um video abordando os atalhos do vs code
bacana deixem um UP.
up
up
u´p
Up
Vídeo top. Mas não posso deixar de comentar o fato desse vídeo ser maravilhoso por ter esse copo topzera do VASCÃO , parabéns Poliana!!
O maior que nós temos!
@@polyana.oliveira Sem sombra de dúvidas.
Que carisma absurdo kkkkkkkkkkkkkkkkkkkkk
Essa garota tem futuro, me prendeu no vídeo
KKKKKKKKKKKK que isso!? Cara muito obrigada pelo apoio, tmj!!!!
Bem melhor, kkkkkkkk.
Vídeo ficou top. Parabéns
Muito bom o carisma dela e do rapaz, a ela é linda com todo respeito!
exatamente oq eu tava procurando AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
Muito bom o vídeo, quem ficar na dúvida destas extenções, acredito que não ficaram, se
ficaram é porque não assistiram o video. Kkkkkk
Polyana amei tua vibe, e a química entre você e esse outro estagiário que não sei o nome é muito boa, gostaria de ver mais vídeos com os 2 juntos.
Esse ícones estava procurando faz tempo
como sugestão, tem a extensão material icon theme que eu acho muito bonita e utilizo desde sempre
@@lucasdelpoz8398 vlw pela dica, vou usar tbm
Isso facilita muiiiiiiito, muiiiiiiiiiiinnnntissimo obrigado!!!!
Melhores extensões sem dúvidas , OBRIGADOOOOOOO DEVMIDIA , Gosto bastante dessa saga dos estagiários , isso me motiva demais
Uoll, já evoluiram muito!!
Recomendo utilizar somente o teclado para programar, vai diminuindo o uso do mouse aos poucos que vc se acostuma e fica bem mais rápido e prático.
extensões que recomendo
advanced-new-file: permite criar um novo arquivo utilizando somente o teclado. Basta apertar Ctrl + Alt + N
File Utils: Permite renomear, deletar, copiar e afins um arquivo usando o teclado.
Atalhos:
Ctrl + P : Uma busca pelos arquivos do projeto.
Ctrl + Shift + P (ou F1) : Abre a paleta de comandos.
Ctrl + D : Seleciona a próxima ocorrência do que está selecionado.
Ctrl + ' : Abre o terminal(se ele estiver fechado) | Foca ele caso não esteja | Fecha o terminal se estiver focado.
Cara eu comecei a usar mais o teclado mês passado, eu ficava muito presa ao mouse e isso atrasava horrores o meu trabalho. Nesse vídeo eu estava sem meu teclado, comecei a catar milho KKKKKKKKKKKK
Muito útil essa dica e muitas pessoas simplesmente ignoram. Fora se mover pelo fonte com page up, page down, home, end, Ctrl seta pro lado... Depois você só comprará teclado com as 6 teclas mágicas agrupada, como nos melhores tempos...
kkkkkk muito bom!, deu um trabalho logar e vim se INSCREVER e comentar, ela merece ! kkk
Apaixonado já S2
sou iniciante e isso me ajudou demais. Valeu
bah que video bala... gostei muito. o 6 são 10!
Muito show... Sou mais um iniciante na programação e meu objetivo é o front-end e cada a cada dia mais me fascina esse mundo 😍😍😍 +1 inscrito.
Muito vlwwww kskskksk Genial ksksk muito show o vídeo parabéns aos estagiários aí ksk
Salve Deyvid, valeu pelo feedback. TMJ demais!!!!!!
Muito bom o vídeo, parabéns gostei muito das extensões Deus abençoe,👍
Gostei da energia do vídeo !
Amei a alegria do vídeo. :)
Que estágiaria Linnndaaaa meuuu.... 😍😍😍😍
Material enriquecedor e ainda por cima Linda D+
kkk Ela é boa em conteúdo hein! Belo Material, me ajudou bastante, estou iniciando.
Adorei as dicas das extensões, já estou utilizando no meu dia a dia.
É o braboooo!!!!
experimenta essa tag para o javascript (Y)
Já é musa😘😁, parabéns 😃
Adorei seu alto astral!!! Muito contagiante!!!
Ela é divertida. Gostei Devmedia
Muito obrigada!!!
deixo de recomendação a extensão prettier pra identacao de código, tenho mania de dar ctrl+s direto e deixar o código arrumadinho, ajuda mt na legibilidade do codigo
Opa, instalei agora!!!!!
adorei as dicas
ja instalei todas
obrigado lindinha
Curti demais o vídeo, vc é muito divertida kkkkkkkkkkkkkkk
Não lembrava um comando muito importante (Live Server) e sem este comando não teria como testar o que estava programando kk neste vídeo me salvou literalmente, estava na ponta da língua mas não conseguia lembrar o nome, Muito Obrigada :)
Quem criou essa extensão de rename é um deus
5:07 PQP IOJASJOSAJIOSAJIOIO
Esse vai ser meu mais novo efeito de transição .fade-in / fade-out
meu chefe vai amar oIJASIOJASOISAJISAJ
essas extensões vão ajudar também :
Bracket Pair Colorizer 2
clg - console.log snippets
indent-rainbow
px to rem
SVG Viewer
Prettier - Code formatter
Stylelint
ESLint
Git Blame
Git History
e de bonus : Mussum Ipsum e Power Mode uahshuahuas
Isso por que ainda não aprendi a aparatar, se não tinha sumido de outra forma 😁😁😁😁
Apareceu no meu feed aqui, só pra dar um toque brackets colorizing ja vem embutido agora no vs code (melhor do q instalar essa aí). Eu aconselharia pra quem está começando com web development e aprender usar eslint e prettier (de longe as extensões mais úteis), depois disso aprenda os atalhos no vs code. Eu já trabalho com web dev fazem quase 10 anos se alguém estiver interessado responde aqui q eu passo uma lista de recomendações pra extensões. Parabéns pela video e boa sorte na sua jornada 😃
fala umas boas extensões ai, por favor
@@mateusgarpelli5207 e outra coisa como eu falei, pegue um tempo e pratique e memorize os atalhos no vs code. isso e uma das grandes diferencas entre alguem realmente produtivo e fluente na ferramenta de alguem que nao e, na minha opiniao.
Amei, até anotei aqui.
3:14 Uma dica pro Live server, é deixar o salvamento automático!
Salvamento automático pode prejudicar a extensão que organiza seu código, em alguma situações. Rolou isso aqui
pow ajudou demais viu, vlw ai de vdd.
Tabnine.
Meu amigo, essa extensão/ IA é uma maravilha.... Seja pra iniciante, macaco veio, vale muito a pena!!
O que ela faz?
@@diegorib7 ela ajuda a completar seu código, quando vc escreve um código, ou vai repetir um comando, já aparece pra completar.
@@victoraugusto9741 percebi que é pago.
Ótimo conteúdo!
Para icones prefiro o Material Icon Theme. Outros que gosto brastante: Prettier - Code formatter , Color Highlight e CodeSnap
para aquele print bonitão
gosto de alguns desses também.
Muito bom galera !!!
Carreira de front completa! Então merece um desafio!
Também estou achando!!!!
Só vamo!!
Top.. gostei.. mandou bem..
Hahaha muito engraçada e o video ficou perfeito! Parabéns!
Ai real, namoral mesmo !! E este copo feio aí em. 😂😂😂❤️ Ótimo vídeo, simpatia real além de linda. Bons estudos a todos !!!!!!!!
Parabéns, excelente vídeo!!!👏👏👏👏
Muito obrigada, Virgílio. TMJ!!! 😊
achei a menina diferenciada e muito desenrolada. Vcs deveriam investir nela quanto Content Creator.
Salve Thiago, muito obrigada pelo feedback hehe. Muito bom saber que vocês curtiram!!!
Olá! Muito obrigada, eu estava tentando descobrir como fazer para as imagens ficarem com aquele símbolo amarelinho e não sabia como, agora resolvido. :D
Salve Janaina, nós que agradecemos!!
@@devmedia.oficial Podería me ajudar?
@@devmedia.oficial Estou com problema no Vs code, Não consigo colocar nenhum atalho com as teclas F1 a F12, Tem alguma solução?
Que show, eu tenho todas menos a última no meu.
poly é linda e tem um carisma...xonei!
Aí papai, apaixonei
Que menina carismática, tragam ela mais vezes pro canal!
Opaa, muito obrigada Andre!!!!
Mandou bem demais! Ótimo video.
Salve Felipeee, obrigada!!!
Bracket Pair Colorizer 2: ajuda a identificar de forma visual (cor) a abertura/fechamento em caracteres como (), {} e []
Instalei aqui, MUITO BRABAAAA!!!
@@polyana.oliveira no vídeo é citado uma muito boa, mas essa tem meu coração haha
gosssstei do copo!!!
A devmedia simplesmente foi dominada por vascaínos
Rainbow Brackets 2 no lugar da Rainbow Brackets que foi depreciada mas isso foi na data de hj ja muito tempo depois do video publicado
Usem o rainbow indent também :D!
A. Polyana ta famosona, sucesso, tia
Melhor canal do universooooooo
Opaaaa, tmj Paulo!!! Obrigadão por nos acompanhar.
caramba quem é essa menina??? , to apaixonado kkkk
DEIXA DE SER TROUXA CARA, A MENINA ESTA TRABALHANDO, A PESSOA NAO TEM PAZ NEM NO UA-cam.
Se lascar
Dica: Auto-Save on Window Change
Foi um dos jmeus melhores achados do vs code kkkk
gostei bastante do video kkkk, apareça mais moça 🤣🤣
Pode deixar hahaha
VÍDEO DA BRABA POLYWAG, sensacional minha querida! SIMPLESMENTE A POLYWAG DESENVOLVEDORA DO ENTRETENIMENTO.
Apareceu e sumiu kkkkkkkk foi dahora
@@SniperflyHunter Tentei lançar um Kamui ali mas não deu certo. kkk
KKKKKKKKKKKKKKKKKKKKKKKKKK obrigada pelo apoio moral lá no estúdio, VOCÊ É BRABO!!!!!
@@polyana.oliveira mandou bem, a gente que tá do lado de cá fica muito feliz que alguém que também tá iniciando e está tendo um bom desenvolvimento.
@@SniperflyHunter Cara fico realmente feliz de ver uma galera se identificando, sei que é difícil e a gente pega referências de pessoas que já são gigantes e isso não é errado, mas é bom respeitar o processo/saber que tem pessoas que também estão passando pelo mesmo. Logo a gente chega!
Estágia de dev, Vascaína ainda? Meu deus, muita coincidência? Segundou amiga, kkk ! Vascooou
me salvou dms, vlw
Já ganhou lige pelo copo do Vascão!!!
Excelente dicas e apresentação bem divertida. Show.
Show de bola
no lugar do TAG e so usar o CRONTL+ D que resolve não presisa de + uma extenção
Pode dar problemas se tiver uma div dentro de uma div por exemplo, então a extensão ainda é útil
@@XDTijolinhoBR discordo totalmente quanto menas extenção tiver melhor , já que no caso tem o crontl +d que da pra usa boa com ou sem div
Amei esse video.
Que vibe boa essa galera da DevMedia tem! ❤️
Muito obrigada, Helio 💚💚
Adorei as dicas, Parabéns DEVMedia.......BORA BATE 200K ESSE ANO.👨🏻💻
É a meta, Allan!!! Pra cimaaaa
Já voltei nesse video 5 vezes...kkk, valeu Poliana.
Opaaa, sempre um prazer ajudar, tmj!!!
Gostei da estagiária, ótima didática além de gata ,traz mais haahaha
Que menina engraçada! kkkkk
Bacana o vídeo!
papinho isso ai, quero ver pegar um terminal remoto com vi ansi pra ver se da conta kkk brincadeira, muito bom o video.
Parabéns, salvando muito aki que formatei o pc e não lembrava o nome das extensões que meu amigo instalou pra mim.
Valeu demais 😊
Em vez de prejudicar o desempenho do seu computador na instalar desta extensão (Auto Rename Tag), quando for para alterar este tipo de clique na tecla F2 para renomear, isso também vale para outras linguagens ao alterar variáveis em todo documento.
Ola eu sou Gilson tamem sou programador iniciante quero muito aprender e conto com a tua ajuda vou istalar. eu tambem quer estudar juntamente com vcs
Dessas extensões que foram mostradas no vídeo, quais são eficientes no javascript ?
a polyana é a coisinha mais perfeita que tem na DevMedia
Otimos estagiários, a energia deles anima a estudar, parabéns pelo time
Opaaa, é isso!!! Vamo que vamo
ótimas dica!
esse negócio é um paraiso xD
Excelentes dicas
Excepcional!! Ficou show Poly parabéns pelo vídeo!!!! 🔥🔥💚💚
Salveeeeee Glauco, muito obrigada!!!!
Todos tem espaço no canal os estagiários sempre despertam interesse em mais clientes para a plataforma e para o UA-cam. (y)
Gera uma identificação pra galera que tá começando né!? É isso!!
@@polyana.oliveira A saga do estágio me fez voltar a estudar a programação. Kkkk
@@willanalista6192 Cara, sério!???? Mano, parabéns!!!! Muito bom ler isso. Não desiste não, eu sei que sozinho é hard, mas vale muito muito a pena.
top demais! obrigado
Salve Pedro, nós que agradecemos pelo feedback!!! TMJJJ
É O GIGANTE DA COLINA 😍
Gostaria de falar sobre o Prettier - Code formater. Que faz as mesmas alterações de indentação do CSS que ela explicou, só que se aplica também ao HTML e JS.
Ótimo vídeo!