Uma dica para fazer um "botão pulsante" quando passa o mouse, tipo uma sombra que se expande e depois some, abaixo no menu de navegação por exemplo: @keyframes pulsate { 0%{ box-shadow: 0 0 25px red, 0 0 25px green); } } nav > a:hover { animation: pulsate 1s ease-in-out; }
@@patoraivoso aí que tá, eu tbm to aprendendo haha, eu vi essa dica no insta e eu penso assim: para você aprender de fato, tu precisa sair da zona de conforto, então quando eu vi esse código fui atrás de entender o que são keyframes, animation, transition etc, nessa área a gente tem que ter essa capacidade de procurar coisas novas o tempo todo!
@@GabrielCG999 Sim, eu entendo essa parte, mas o meu ponto de vista é que não compensa tá misturando outras coisas que n são do curso pra não acabar se complicando, sei que tem pessoas que tem mais facilidade e tal, mas outras precisam praticar pra aprender de fato, por isso falei que não compensa tá usando códigos diferentes agora, mas é claro, se tu já tem uma facilidade em aprender não vejo problemas. Óbvio que isso também não vai impedir ninguém de fazer algo, é apenas uma opinião.
@@patoraivoso Eu entendo, mas se a pessoa tem dificuldade é só não usar kkkkk, vai de cada um, mas é aquilo, se o cara não tentar implementar coisa nova vai ficar fazendo o mesmo sitezinho de blog de 2010 pra sempre
Eu deixei o nav dentro da header mesmo, você consegue colocar ela na parte de baixo com um simples bottom: 0; Se não der certo, provavelmente tem outra coisa dentro do seu código impedindo, na programação tem muito disso, mexer em uma coisa e alterar várias outras, ou não conseguir fazer algo porque tem outra coisa no código que impede, então vai fuçando, vendo como as coisas funcionam, assim que se aprende. Entender para que cada coisa serve vai te ajudar a solucionar problemas de forma mais eficiente.
Achei uma extensão que tá me ajudando bastante que é a Live Server e a Save Typing, a Live abre uma página no seu navegador e fica atualizando a cada letra que você digita no HTML ou CSS e o Save Typing salva o arquivo enquanto você digita, só compartilhando para poupar seus dedos do *CTRL + S* e *F5* *;)*
Curso muito bom, não parem, está ajudando muito! infelizmente eu fiquei algumas semanas sem o computador e acabei esquecendo algumas coisas, irei ter que rever a playlist toda para lembrar kkkkk
Rapaziada, quando for usar o :hover, dentro dele usa um transition: 2s; (faz a animação durar 2s) nav > a:hover { background-color: var(--cor2); color: var(--cor4); transition: 2s; /* esse aqui que é o pulo do gato, que pode ser utilizado em outras situações */ }
mano simpleste q professor perfeito cara te aconselho pra tds meus amigos eles falam vou fazer tal coisa eu vou e falo o gustavo guabara deve ter curso disso confia
No meu eu centralizei o nav, achei que ficou mais bonitinho. Pra quem quiser: nav { background-color: var(--cor2); padding: 10px; text-align: center; } nav > a { padding: 10px; text-decoration: none; color: white; display: inline-block;
} *Obs: coloquei o inline-block pois sem ele, em algumas telas menores um link fica sobrepondo o outro.
Tentei fazer o projeto antes das suas aulas, dá muita satisfação quando eu te vejo fazendo e percebo que o meu código ficou igual. Muito obrigado, Guanabara. Vc realmente tem o dom de ensinar!!!
Gustavo...meu conhecimento começou contigo...obrigado pela contribuição....Eu tenho 2 projetos pessoais, que idealizei durante meu aprendizado....Estou trabalhando muito neles...Espero que em breve eu consigo publicar...
O transition-duration funciona no "nav > a" porém também funciona e para mim fez mais sentido colocar em "nav >a:hover" pois é um estado em que é ativado quando passamos o mouse. fez mais sentido na organização do código assim.
Eu realmente nn to acreditando q eu nn tava conseguindo botar o degradê DE JEITO NENHUM no cabeçalho por causa de uma VÍRGULA entre as cores😀 Mas q bom q aprendi e conseguir ver oq tava dando errado
Caramba, achei que meu site já estava feito, agora sei que da pra ficar bem melhor, não tinha colocado text-shadow e o transition-durantion dá um diferencial enorme
Para que a sombra do header náo passe em cima do main e fique só nas laterais, basta vc trocar o 2o valor da box-shadow de seu main. Vai ficar assim: box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.601);
Que aula incrível! É demais ir fazendo junto e ver o site ficando lindo! Na parte da "transiction" eu fiquei tipo manooo que lindo! ahahaha eu to mechendo no menu toda hora no meu, muito bom!
Bom dia, se alguém ainda esta vendo esse curso em 2023 e esta com duvida sobre esses 3 pontinhos na hora de inspecionar, comigo funcionou da seguinte forma, dentro do CSS coloca a tag text-shadow, na área de inspecionar vai ate aonde esta essa tag, logo depois da tag você vai encontrar a o ícone de mexer com text shadow!
Para quem tem dúvida nos 3 pontinhos no style tex-shadow do inspecionar do devtools...... quando você cria text=shadow ou box-shadow e coloca 12px com a cor desejada em ambas extremidades no devtools em styles você coloca o cursor do mouse em cima do primeiro valor do Px(dois quadradinhos) vai aparecer um tooltip (open shadow editor) ai você clica nos dois quadradinhos e vai aparecer o editor de sombras, assim você pode fazer também com as cores, espero ter ajudado.
3 роки тому+8
ta, mas pra isso tem que criar primeiro no css não é? quero saber como faz pra criar do zero pelo dev tools, como o guanabara faz, não aparede aqueles 3 pontinhos no meu chrome. se souber e puder explicar de uma outra forma, eu não entendi desse jeito
@@easyprogramer4528 faz igual ele falou. primeiro cria o box shadow lá no arquivo do VS code, depois vai na box shadow do "inspecionar" e vai na opção onde aparece os "dois quadrinhos" aí é só passar o mouse em cima e editar igual o professor faz no vídeo.
Para quem quiser uma transição ainda mais suave, basta definir uma class nos links, exemplo: Home Defini todos com o mesmo nome e no CSS: .menu2{ transition: 1s; } Isso vai deixar o seu a transição menos 'dura'
Na hora de Fazer o Background image, por algum motivo o comando "to botton' nao funcionou. Então apliquei background-image:linear-gradient( variavel mais clara, variavel mais escura); Funcionou perfeitamente 👍 Obs: "to left' e 'to right' funcionaram porque testei, as unicas que nao funcionaram foram 'to botton' e 'to top'.
Queria ver um curso seu de interface gráfica pra aplicações de desktop em python, usando Tkinter ou PyQT ou até o GTK, seria muito interessante e é um conteúdo muito precário em língua portuguesa, quase não existem livros abordando esses temas em português.
caso o text shadow nao estiver aparecendo quanvo vç coloca o dev tools, nao se preocupa, eu descobri q é só tu colocar o text shadow normalmente, abrir o dev tools, ir para o bloco q vç quer colocar a sombra, e quando aparecer la ''text shadow'' vai aparecer um ícone roxo, e esse icone roxo é pra vç editar a sombra com mt mais facilidade. nao sei pq mas eu acho q mudou o text shadow pois no guanabara só aparece quando ele passa o mouse em cima dos pontinhos, agora deu certo
Eu estou ficando louco pra aprender ta muito dificil aprender, mais não vou desistir vou ser sim um programador de mão cheia ja faz 7 meses qui estudo porque vou para agora kkk, se alguem começa termine caso contrario nem tente.
Alguém pode me explicar porquê, por exemplo, no nav > a { color: white; padding: 10px; text-decoration: none; font-weight: bold; } é usado o símbolo ">", mas no main h1 { color: var(--cor5); font-family: var(--fonte-android); } não é usado? Obrigado a todos! Excelente curso!
O mano aí em baixo respondeu Valter Junior há 4 meses ->caso01: header h1 { Nesse caso você seleciona TODOS os h1 dentro do header } ->caso02: header > h1 { Nesse caso você seleciona apenas os h1 FILHOS DIRETOS de header } EXEMPLO:
O primeiro caso selecionaria os 2 h1. Já o segundo selecionaria apenas o h1 fora da div, pois o h1 dentro da div já nao é filho direto de header. Espero ter ajudado.
Como eu queria voltar a estudar programação, mas enquanto n consigo um PC, eu foco no inglês. Guanabara, faz um curso técnico de inglês, msm q seja básico aqui no UA-cam.
Bom dia, Gustavo faz um vídeo de segurança sobre as nossas urnas. Abraço.
3 роки тому+1
Alguém aí encontrou os 3 pontinhos no inspecionar? No meu não tem. O meu, no canto, não tem nada, mas quando chego com o ponteiro aparece um sinal de mais (+) (inserir régua de estilo abaixo).
Quando Deus te programou, ele tava namorando... Obrigado Professor, você é o MELHOR!
kkkkkkkkk boa
genial kkk! O arquiteto da matrix mandou bem!
Testem um padding no :
nav > a : hover{
padding: 5px;
}
Fica mais animado.
Caraca, fica muito bom!
Cheguei a aumentar o nav > a {padding: 15px} e o nav > a:hover {padding:10px} assim a o bloco não se mexe junto.
show
eu fiz
Eu fiz o padding do nav>a 5px, e do nav> a:hover, 10px. Creio que ficou melhor aumentando do que diminuindo. Mas valeu pela dica.
@@renatofaustroni8234 achei legal o diminuindo mas tmb prefiro o aumentando
Uma dica para fazer um "botão pulsante" quando passa o mouse, tipo uma sombra que se expande e depois some, abaixo no menu de navegação por exemplo:
@keyframes pulsate {
0%{
box-shadow:
0 0 25px red,
0 0 25px green);
}
}
nav > a:hover {
animation: pulsate 1s ease-in-out;
}
mano, isso é legal, mas pra quem esta aprendendo ainda pode se tornar complicado tentar colocar codigos "complexos"
@@patoraivoso aí que tá, eu tbm to aprendendo haha, eu vi essa dica no insta e eu penso assim: para você aprender de fato, tu precisa sair da zona de conforto, então quando eu vi esse código fui atrás de entender o que são keyframes, animation, transition etc, nessa área a gente tem que ter essa capacidade de procurar coisas novas o tempo todo!
@@GabrielCG999 Sim, eu entendo essa parte, mas o meu ponto de vista é que não compensa tá misturando outras coisas que n são do curso pra não acabar se complicando, sei que tem pessoas que tem mais facilidade e tal, mas outras precisam praticar pra aprender de fato, por isso falei que não compensa tá usando códigos diferentes agora, mas é claro, se tu já tem uma facilidade em aprender não vejo problemas. Óbvio que isso também não vai impedir ninguém de fazer algo, é apenas uma opinião.
@@patoraivoso Eu entendo, mas se a pessoa tem dificuldade é só não usar kkkkk, vai de cada um, mas é aquilo, se o cara não tentar implementar coisa nova vai ficar fazendo o mesmo sitezinho de blog de 2010 pra sempre
8:40 ficou muito bom, no inicio do projeto eu até achei que o menu estava dentro do header por causa da cor
E não é? Eu vim nos comentários pq na hora q coloco o min-height no header, o menu não fica colado na parte de baixo, fica no meio da div ;-;
eu tinha feito o menu dentro do header, mas quando diminua a tela ele ficava em cima do main, daí separei e deu certo.
Eu deixei o nav dentro da header mesmo, você consegue colocar ela na parte de baixo com um simples bottom: 0;
Se não der certo, provavelmente tem outra coisa dentro do seu código impedindo, na programação tem muito disso, mexer em uma coisa e alterar várias outras, ou não conseguir fazer algo porque tem outra coisa no código que impede, então vai fuçando, vendo como as coisas funcionam, assim que se aprende. Entender para que cada coisa serve vai te ajudar a solucionar problemas de forma mais eficiente.
@@antoniojunior6229 fiz com o nav dentro do header tbm mas consegui fazer dar certo
Achei uma extensão que tá me ajudando bastante que é a Live Server e a Save Typing, a Live abre uma página no seu navegador e fica atualizando a cada letra que você digita no HTML ou CSS e o Save Typing salva o arquivo enquanto você digita, só compartilhando para poupar seus dedos do *CTRL + S* e *F5* *;)*
Eu uso só o live server, pra salvar eu marquei pra salvar automático.
Só isso já funciona
@@bignuke7798 fiz o mesmo aqui. tava acostumado com o live server desde o finado Brackets!
@@bignuke7798 também uso desse jeito
Muito obrigado, o Live Server é uma ótima mão na roda
@@lenildoleite a comunidade fez um fork e tá dando procedimento ao Brackets
Desse módulo, acho que foi uma das melhores aulas (decisão difícil, pois o conteúdo é todo muito bom).
Curso muito bom, não parem, está ajudando muito!
infelizmente eu fiquei algumas semanas sem o computador e acabei esquecendo algumas coisas, irei ter que rever a playlist toda para lembrar kkkkk
Faz pelo site deles, tem direito a certificado
@@valsilva9006 vou ver se faço
Emocionante demais ver esse projeto ganhando vida. Já estou ansioso pelo próximo vídeo.
Rapaziada, quando for usar o :hover, dentro dele usa um transition: 2s; (faz a animação durar 2s)
nav > a:hover {
background-color: var(--cor2);
color: var(--cor4);
transition: 2s; /* esse aqui que é o pulo do gato, que pode ser utilizado em outras situações */
}
Vídeo novo do Guanabara e eu n tava sabendo?
O cara de cabelo azul, kkkk.
Professor mais top desse youtube.
Curso maravilhoso professor. Parabéns e continue sempre lançando coisas boas para todo mundo. 👏
mano simpleste q professor perfeito cara
te aconselho pra tds meus amigos eles falam vou fazer tal coisa eu vou e falo o gustavo guabara deve ter curso disso confia
Guanabara, excelente professor! Muito didático.
No meu eu centralizei o nav, achei que ficou mais bonitinho.
Pra quem quiser:
nav {
background-color: var(--cor2);
padding: 10px;
text-align: center;
}
nav > a {
padding: 10px;
text-decoration: none;
color: white;
display: inline-block;
}
*Obs: coloquei o inline-block pois sem ele, em algumas telas menores um link fica sobrepondo o outro.
tmb fiz alinhado no centro, e não tinha pensado nessa do inline-block. Boa
ESSA AULA FOI FERA!!!!!!!!!!!!!!
Estou gostando muito do Curso e ate indiquei para um amigo de infância!!
Tentei fazer o projeto antes das suas aulas, dá muita satisfação quando eu te vejo fazendo e percebo que o meu código ficou igual.
Muito obrigado, Guanabara. Vc realmente tem o dom de ensinar!!!
aqui foi o contrário kkkk eu consegui, mas cheio de gambiarra.. porém foi mt legal ver ele fazendo do jeito certo e refazer da forma correta
@@Lucao477 fazer com gambiarra parece ser até melhor, pq a gente acaba absorvendo mais o que está diferente do que está igual kkkkkkk
Canal mudou muito! Parabéns Guanabara! Sou desde a época do python e estou reforçando python pois tive dúvida, sucesso Guanabara!
Gustavo...meu conhecimento começou contigo...obrigado pela contribuição....Eu tenho 2 projetos pessoais, que idealizei durante meu aprendizado....Estou trabalhando muito neles...Espero que em breve eu consigo publicar...
Este é o curso grátis mais brabo das galáxias.
Guanabara Deus te a bençoe grandemente !!
O transition-duration funciona no "nav > a" porém também funciona e para mim fez mais sentido colocar em "nav >a:hover" pois é um estado em que é ativado quando passamos o mouse. fez mais sentido na organização do código assim.
concordo, a verdade é que não entendi como funcionou somente no nav > a, só faz sentido isso pra mim no hover
Esse cara é espetacular!
Você é foda Guanabará.... Que didatica em ...... Muito foda!!
Eu realmente nn to acreditando q eu nn tava conseguindo botar o degradê DE JEITO NENHUM no cabeçalho por causa de uma VÍRGULA entre as cores😀 Mas q bom q aprendi e conseguir ver oq tava dando errado
Sou fã dessa galera desde 2018!!😁 Amo todos
Guanabara você é muito sensacional! Quando eu virar um profissional da área vou recomendar você pra todo mundo que eu conhecerei
Eu simplesmente amo a magia do CSS!
Aula top...parabens Gustavo.
Deus abençoe você, Guanabara!
Muito bom…. Sempre acompanhando!!👏🏾👏🏾👏🏾
Muito bom esse curso! Está ficando cada vez melhor!
"Coisa mais maravilhinda" ....aulas sempre top.
Beijos e um forte abraço pra vc meu professor querido, de Angola
curso melhor do mundo
Sensacional esse curso
gostei muito dessa aula, muito satisfatório.
Caramba, achei que meu site já estava feito, agora sei que da pra ficar bem melhor, não tinha colocado text-shadow e o transition-durantion dá um diferencial enorme
Esse Professor é de outro Universo, para não.
Obrigado, professor!
Melhor curso não tem S2
Aula muito boa, professor!
o exercicio nem terminou mas já estou ansioso pelo proximo
“Top” prof. só compartilhando tudo no grupo da faculdade
Maravilha, seguindo em frente....
Cheguei é já tô com tudo pronto pra mais uma aula 🖖
Para que a sombra do header náo passe em cima do main e fique só nas laterais, basta vc trocar o 2o valor da box-shadow de seu main. Vai ficar assim:
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.601);
Obrigado professor!
Chegando nessa aula hoje(23/07/2024). Vou conseguir aprender, vou me esforçar.
Não estou gostando.. estou AMANDO! Obrigada, professor!
Fascinante 👍👍
Excelente didática
Que aula incrível! É demais ir fazendo junto e ver o site ficando lindo! Na parte da "transiction" eu fiquei tipo manooo que lindo! ahahaha eu to mechendo no menu toda hora no meu, muito bom!
ótima aula!
Aula top!
eu te amo gustavo guanabara eu te amo
já estou com saudade do que a gente ainda não viveu
Bom dia, se alguém ainda esta vendo esse curso em 2023 e esta com duvida sobre esses 3 pontinhos na hora de inspecionar, comigo funcionou da seguinte forma, dentro do CSS coloca a tag text-shadow, na área de inspecionar vai ate aonde esta essa tag, logo depois da tag você vai encontrar a o ícone de mexer com text shadow!
Para quem tem dúvida nos 3 pontinhos no style tex-shadow do inspecionar do devtools...... quando você cria text=shadow ou box-shadow e coloca 12px com a cor desejada em ambas extremidades no devtools em styles você coloca o cursor do mouse em cima do primeiro valor do Px(dois quadradinhos) vai aparecer um tooltip (open shadow editor) ai você clica nos dois quadradinhos e vai aparecer o editor de sombras, assim você pode fazer também com as cores, espero ter ajudado.
ta, mas pra isso tem que criar primeiro no css não é? quero saber como faz pra criar do zero pelo dev tools, como o guanabara faz, não aparede aqueles 3 pontinhos no meu chrome. se souber e puder explicar de uma outra forma, eu não entendi desse jeito
@ eu também queria saber, acho que o google alterou porque procurei por tado canto.
obrigado amigo, você é um amigo
@@easyprogramer4528 faz igual ele falou. primeiro cria o box shadow lá no arquivo do VS code, depois vai na box shadow do "inspecionar" e vai na opção onde aparece os "dois quadrinhos" aí é só passar o mouse em cima e editar igual o professor faz no vídeo.
Para quem quiser uma transição ainda mais suave, basta definir uma class nos links, exemplo: Home
Defini todos com o mesmo nome e no CSS:
.menu2{
transition: 1s;
}
Isso vai deixar o seu a transição menos 'dura'
nao é a mesma coisa de difinir no hover?
@@pequeno.burgues pode, e também se preferir da pra usar desse jeito:
.Menu1, .menu2{
Css
}
@@doObr pra que criar uma classe pra usar o transition?
@@pequeno.burgues também não entendi essa.
Antes de chegar nesse desafio eu estava fazendo outro independente é o cabeçalho foi o que fez eu mais quebrar a cabeça..kkk
Na hora de Fazer o Background image, por algum motivo o comando "to botton' nao funcionou.
Então apliquei
background-image:linear-gradient( variavel mais clara, variavel mais escura);
Funcionou perfeitamente 👍
Obs: "to left' e 'to right' funcionaram porque testei, as unicas que nao funcionaram foram 'to botton' e 'to top'.
mto bom!!!!
Vídeo maravilhoso
Queria ver um curso seu de interface gráfica pra aplicações de desktop em python, usando Tkinter ou PyQT ou até o GTK, seria muito interessante e é um conteúdo muito precário em língua portuguesa, quase não existem livros abordando esses temas em português.
brabo demaisssss
Uma coisa que eu achei bacana, foi que devido ao uso da semântica e o bom uso das particularidades do CSS , pouco se usou a id e class.
Top!!!
Muito bom! muito obrigado!
Finalmente outro vídeo
Topzera!
Você é foda!
Obrigado
Obrigada
caso o text shadow nao estiver aparecendo quanvo vç coloca o dev tools, nao se preocupa, eu descobri q é só tu colocar o text shadow normalmente, abrir o dev tools, ir para o bloco q vç quer colocar a sombra, e quando aparecer la ''text shadow'' vai aparecer um ícone roxo, e esse icone roxo é pra vç editar a sombra com mt mais facilidade. nao sei pq mas eu acho q mudou o text shadow pois no guanabara só aparece quando ele passa o mouse em cima dos pontinhos, agora deu certo
estoy gustando del curso pacaramba
Ótimo video, quando sai os outros. Não achei nem no site do Curso em Video
obrigado!
God Bless you!
Dá pra colocar o border-radius: 5px; no nav > a:hover ao invés de no nav > a ?
Eu estou ficando louco pra aprender ta muito dificil aprender, mais não vou desistir vou ser sim um programador de mão cheia ja faz 7 meses qui estudo porque vou para agora kkk, se alguem começa termine caso contrario nem tente.
Top
Thank u soo much. i was wondering y it didnt soft the sa for as well
O mais difícil é a responsividade o resto é mais dboa
vamos explorar o cabeçalho
Alguém pode me explicar porquê, por exemplo, no
nav > a {
color: white;
padding: 10px;
text-decoration: none;
font-weight: bold;
}
é usado o símbolo ">", mas no
main h1 {
color: var(--cor5);
font-family: var(--fonte-android);
}
não é usado? Obrigado a todos! Excelente curso!
O mano aí em baixo respondeu
Valter Junior
há 4 meses
->caso01: header h1 {
Nesse caso você seleciona TODOS os h1 dentro do header }
->caso02: header > h1 {
Nesse caso você seleciona apenas os h1 FILHOS DIRETOS de header }
EXEMPLO:
O primeiro caso selecionaria os 2 h1. Já o segundo selecionaria apenas o h1 fora da div, pois o h1 dentro da div já nao é filho direto de header.
Espero ter ajudado.
@@diogenesoliveira8093 Muito obrigado amigão! Ajudou bastante!
❤️
É os Guri
Qual a diferença entre usar main > p {}
e usar só main p {} ??
Vi o guanabara usar os dois tipos e não entendi bem a diferença
Como eu queria voltar a estudar programação, mas enquanto n consigo um PC, eu foco no inglês.
Guanabara, faz um curso técnico de inglês, msm q seja básico aqui no UA-cam.
Aí já é demais kkkk procura algum curso aí na internet pra estudar
@@rafaelnargolo kkkk
Tô na caminhada, mas o curso q falo é sobre inglês para programadores, aprender os termos técnicos e pá
@@EquipeZueiros aah kk eu sei inglês, mas não pra programação
Mas mesmo assim até facilita
São algumas palavrinhas simples de entender
@@rafaelnargolo vdd, mano kk
@@GabrielPereira-ul4fh parabéns Gabriel, vc tá certo em fazer tudo isso
UP
Gustavo sou muito fã seu , estou precisando de ajuda sua . exite alguma possibilidade de pesquisar canais atraves de Api do youtube
Alguém me ajuda! No meu Chrome não aprece esse botão do 6:44. Só aparece um + e não dá a opção do box shadow.😭😭😭😭😭😭
E o conteúdo que está dentro dos outros links? É o cliente que vai dar pra gente colocar no código, não é? 🤔
Bom dia, Gustavo faz um vídeo de segurança sobre as nossas urnas. Abraço.
Alguém aí encontrou os 3 pontinhos no inspecionar? No meu não tem. O meu, no canto, não tem nada, mas quando chego com o ponteiro aparece um sinal de mais (+) (inserir régua de estilo abaixo).
up
pessoal atenção quando for fazer o degrader, tomei uma surra, pois estava dando mole com os () e as virgulas. demorei 1 hora tentando achar o erro...
tive que copiar de outro exercício kjkj
Tive que ver pelo youtube porque o video no site do Curso em Video ta sem som :(
No site do Curso em video em qual plano eu consigo ver até o término desse curso e se tem também um curso atualizado de JS?