para quem não está conseguindo fazer os botões de "entrar" e "esqueci minha senha" aparecerem nas telas grandes, eu consegui resolver da seguinte forma: fui na pagina de CSS da media-query e botei os seguintes códigos nela: na media query para tablets: form > input[type=submit] { float: right; width: 70%; } form > a.botao { float: right; width: 70%; } na media query para telas grandes: form > input[type=submit] { width: 49%; } form > a.botao { width: 49%; } foram as medidas de 'width' que fui ajustando até ficarem certinhas na minha página. A diferença de uma media query para outra é que na de tablets eu coloquei um "float: right;" pois tem a imagem na esquerda
Que felicidade em chegar até aqui, isso depois de fazer os 3 cursos de Python, e agora chegando ao final, vejo que todo esse esforço está me abrindo portas, não desistam Devs!! Avante!!
@@paulorangelhora5888 Mano, tem pouco mais de três meses. Infelizmente por causa do trabalho, não consigo manter uma rotina de estudos frequente, então demorei um pouco pra chegar até aqui, mas ainda assim, hoje já sei bastante coisa, só que estou bem iniciante ainda. vou começar a estudar lógica de programação agora, para depois ir para o javascript.
@@victorderrihu7067 eu só diria que é um curso lento já que ele explica tudo para ficar claro e obviamente precisa praticar o que ele faz mas eu tô gostando bastante
@@mikaelmendes340 Sim, nos mínimos detalhes. Mas é valido já que é pra atender até o iniciante do iniciante rs . É um curso bacana e vale a pena investir o tempo .
Cara, eu estou acompanhando os seus cursos desde 2019, estudando Python, Javascript, Java, etc. Tenho ate uma conta no site do Curso em Video, eu queria muito Um curso de C++ de criar jogos ou fazer aplicativos. Eu tenho 15 anos e quero aprender fazer jogos, mas aprendo muito melhor com O professor Gustavo. Enfim, Melhor Canal de Cursos que eu ja vi
Estou no módulo 3, a todo o vapor maratonando igual Netflix! rsrsrs mentiraaaaa brincadeira! Estou fazendo certinho. Já vou deixar rodando esse vídeo pra dar visualização no lançamento! Valeu Gustavo, estou adorando as aulas!!! Meu GitHub já está começando a ficar bonito! Abraço
Olá, porque no site do curso em vídeo esta mais atrasado que no youtube? Quando sai o módulo 5? Guanabara, você tem um dom! nasceu para ensinar! Obrigado por tudo!
Estou estudando as aulas do módulo 2 e irei realizar todos os módulos. Quero agradecer ao Prof. Guanabara por ser este ente potencializador do conhecimento e da cultura Dev.
Empresa não liga pra css pois a maioria utiliza bootstrap, não fica perdendo mto tempo com isso meu mano. Foca em Javascript ou qualquer outra linguagem. HTML e CSS são complementares.
Só uma observação: input[type=submit] Entre o input e ao colchete não pode ter um espaço. Tive um problema com isso e resolvi comentar aqui caso aguém tenha o mesmo problema.
Já o meu caso foi que tinha esquecido que estavam dentro de uma . Então, do jeito q tava no vídeo não funcionava de jeito nenhum q era: form > input[type=submit] o correto no meu caso foi ter feito - form > div > input [type=submit]
@@piurlo2135 eu nem manjo nada, mais tmb achei estranho n colocar a div nesse meio ai, não tava funcionando de jeito nenhum , ae vi seu comentario e resolvi colocar e foi, será q ele faz de proposito pra gente resolver ?
7:50 Guanabara falando acho que aqui o padding-top pode ser um pouco maior, seeete px e ele mudando o border-radius e depois falou agr ficou legal kaskaskaksakskaskaskaks
Estou com um problema que não consigo resolver: quando a minha tela está em 100% da sua altura, a tela de login se torna perfeitamente responsiva para diferentes larguras (tablet, desktop e telas grandes). Porém se eu diminuir a a altura da tela e fazer o mesmo teste com diferentes larguras, as imagens da tela de passam a a acompanhar a variação de altura e a tela de login fica desconfigurada. Alguma ideia do que pode estar acontecendo? É a utilização do float e não do flexbox?
vey e eu já fiz e refiz e ainda está bugado! A tela de celular está perfeita, mas quando passa para o deitado, o degradê tem uma falha e cria uma faixa branca bem no final do site, abaixo do formulário joguei no Chat GPT e nem ele sabe como corrigir o erro. Ele tbm perdeu o título de login. A imagem que aparecia perfeito em tela de celular, com ele deitado aparece só a metade. Não sei que C4ralh4as aconteceu, meu código está igual ao do Guanabara.
Por algum motivo no Tablet o meu n tava mostrando os botoes enviar e esqueci minha senha. Descobri que a TAG formulário estava absurdamente grande e fora da tela. A solução que encontrei foi adicionar nela(não é a id formulário e sim a tag) form { display:grid; } Para complementar, um pequeno ajuste que isso exigiu foi adicionar na id imagem, um margin-rigth:10px; Espero que ajude alguém!
o LiveServer pode fazer isso por tu. Quando tiver no vscode, clica com o botão direito no arquivo (Ex.: index.html) e coloca "Open With Live Server". Mas ñ lembro de ver o professor ter baixado isso, acho que ele só utliza ' ctrl+s ' repetidamente para salvar as alterações do documento e aí sim ele muda.
para quem não está conseguindo fazer os botões de "entrar" e "esqueci minha senha" aparecerem nas telas grandes, eu consegui resolver da seguinte forma:
fui na pagina de CSS da media-query e botei os seguintes códigos nela:
na media query para tablets:
form > input[type=submit] {
float: right;
width: 70%;
}
form > a.botao {
float: right;
width: 70%;
}
na media query para telas grandes:
form > input[type=submit] {
width: 49%;
}
form > a.botao {
width: 49%;
}
foram as medidas de 'width' que fui ajustando até ficarem certinhas na minha página. A diferença de uma media query para outra é que na de tablets eu coloquei um "float: right;" pois tem a imagem na esquerda
Que felicidade em chegar até aqui, isso depois de fazer os 3 cursos de Python, e agora chegando ao final, vejo que todo esse esforço está me abrindo portas, não desistam Devs!! Avante!!
Como vai indo o progresso?
Finalmente consegui chegar aqui, tô desde o módulo 1 ansioso para chegar às aulas "atuais".
Começou o m1 quando?
@@paulorangelhora5888 Mano, tem pouco mais de três meses. Infelizmente por causa do trabalho, não consigo manter uma rotina de estudos frequente, então demorei um pouco pra chegar até aqui, mas ainda assim, hoje já sei bastante coisa, só que estou bem iniciante ainda. vou começar a estudar lógica de programação agora, para depois ir para o javascript.
@@guga412 estamos na mesma caminhada...depois desse curso vou inciar o JC, e depois React
@@claytonnascimento2394 Você não vai fazer lógica de programação antes?
@@guga412 ja fiz mano, algoritimos foi o primeiro curso q fiz aqui pelo canal
Estou orgulhosa de ter chegado até aqui.😃🥰
ainda estou no módulo 2 mas fico feliz que ele está continuando com o curso.
Modulo 1 aqui . Vim ver se o curso teve continuidade (:
@@victorderrihu7067 eu só diria que é um curso lento já que ele explica tudo para ficar claro e obviamente precisa praticar o que ele faz mas eu tô gostando bastante
@@mikaelmendes340 Sim, nos mínimos detalhes. Mas é valido já que é pra atender até o iniciante do iniciante rs . É um curso bacana e vale a pena investir o tempo .
Cara, eu estou acompanhando os seus cursos desde 2019, estudando Python, Javascript, Java, etc.
Tenho ate uma conta no site do Curso em Video, eu queria muito Um curso de C++ de criar jogos ou fazer aplicativos.
Eu tenho 15 anos e quero aprender fazer jogos, mas aprendo muito melhor com O professor Gustavo.
Enfim, Melhor Canal de Cursos que eu ja vi
tenho esse msm pedido!
A melhor vinheta voltou!!!!!
Estou no módulo 3, a todo o vapor maratonando igual Netflix! rsrsrs mentiraaaaa brincadeira! Estou fazendo certinho. Já vou deixar rodando esse vídeo pra dar visualização no lançamento! Valeu Gustavo, estou adorando as aulas!!! Meu GitHub já está começando a ficar bonito! Abraço
Que surpresa chegar aqui e ver que já tinha comentado há 2 semanas! Pois é, já estou quase acabando o módulo 4! Tudo indo bem 🚀🚀 Valeu prof!!!
Sou seu fã Guanabara. Vc é fera.
C'monnnnnnnnnnnnnn!!!
Vitória do povo Brasileiro!!!
\o/
Guanabara me da pesadelos, cheguei aqui em 10 dias... mas esta ajudando muito! obrigado por disponibilizar algo incrível de forma gratuita!
Melhor didática, Muito obrigado professor por todos esses vídeos!
É sempre bom aprender com o Guanabara🤔🤔
Parabéns por democratizar o ensino professor !
para quem nao esta conseguindo modificar o "entrar" basta tira o "form" no começo na hora de modificar
eu tava com esse problema, obgg
Obrigado por mais essa aula professor!
Olá, porque no site do curso em vídeo esta mais atrasado que no youtube? Quando sai o módulo 5? Guanabara, você tem um dom! nasceu para ensinar! Obrigado por tudo!
Valeu Professor, fera demais! :D
Estamos chegando na reta final 😄
Estou estudando as aulas do módulo 2 e irei realizar todos os módulos. Quero agradecer ao Prof. Guanabara por ser este ente potencializador do conhecimento e da cultura Dev.
Obrigado por mais essa aula, mestre gafanhoto :)
Guanabara, seria uma boa um curso de angula.
Todos concordam?
Ta ficando show essa tela de login
Video e curso otimo
ta difícil persistir nessa área, css é muito difícil, mas tou na luta
Empresa não liga pra css pois a maioria utiliza bootstrap, não fica perdendo mto tempo com isso meu mano. Foca em Javascript ou qualquer outra linguagem. HTML e CSS são complementares.
fique nessa nao velho tudo é pratica quanto mais tu usa tu vai pegando ainda mais ! faz suas anotações e vai sempre seguindo elas ! ;)
show
Poxa, e o módulo 5? Já estou finalizando o quarto e comprando os certificados pra acompanhar cada conquista.
Só uma observação:
input[type=submit]
Entre o input e ao colchete não pode ter um espaço. Tive um problema com isso e resolvi comentar aqui caso aguém tenha o mesmo problema.
Já o meu caso foi que tinha esquecido que estavam dentro de uma . Então, do jeito q tava no vídeo não funcionava de jeito nenhum q era:
form > input[type=submit]
o correto no meu caso foi ter feito -
form > div > input [type=submit]
obrigado ! tive esse problema agora e tinha esquecido disso.
me ajudou muito !!!
@@diogoconte5602 Feliz por ter te ajudado! Boa sorte nos estudos aí
@@piurlo2135 eu nem manjo nada, mais tmb achei estranho n colocar a div nesse meio ai, não tava funcionando de jeito nenhum , ae vi seu comentario e resolvi colocar e foi, será q ele faz de proposito pra gente resolver ?
valeeeeeeeeeeeu guanabarito
Vídeo top obg professor 😍
top
Saudade da aula de python 🥺
7:50 Guanabara falando acho que aqui o padding-top pode ser um pouco maior, seeete px e ele mudando o border-radius e depois falou agr ficou legal kaskaskaksakskaskaskaks
Só falta 1 vídeo para o fim do módulo 4 e eu já tô triste pq o módulo 5 não saiu D:
Eu finalizei hoje o módulo 4, e não encontrei o módulo 5, que triste!!
9:17 entendi não entendendo 😂
7:52 "Agora ficou legal" hahuaha mas ele mexeu no 'border-radius' e não no 'margin-top'....engraçado como o psicológico trai a gente =P
tbm percebi isso!
Os likes cairam para 1,8 mil ;-;
Estou com um problema que não consigo resolver: quando a minha tela está em 100% da sua altura, a tela de login se torna perfeitamente responsiva para diferentes larguras (tablet, desktop e telas grandes). Porém se eu diminuir a a altura da tela e fazer o mesmo teste com diferentes larguras, as imagens da tela de passam a a acompanhar a variação de altura e a tela de login fica desconfigurada. Alguma ideia do que pode estar acontecendo? É a utilização do float e não do flexbox?
vey e eu já fiz e refiz e ainda está bugado! A tela de celular está perfeita, mas quando passa para o deitado, o degradê tem uma falha e cria uma faixa branca bem no final do site, abaixo do formulário joguei no Chat GPT e nem ele sabe como corrigir o erro. Ele tbm perdeu o título de login. A imagem que aparecia perfeito em tela de celular, com ele deitado aparece só a metade. Não sei que C4ralh4as aconteceu, meu código está igual ao do Guanabara.
o meu botão só fica pra celular quando eu aumento a tela ele some oq pode ser?
estou com o mesmo problema aqui e nada de resolver ainda x.x
Por algum motivo no Tablet o meu n tava mostrando os botoes enviar e esqueci minha senha. Descobri que a TAG formulário estava absurdamente grande e fora da tela. A solução que encontrei foi adicionar nela(não é a id formulário e sim a tag)
form {
display:grid;
}
Para complementar, um pequeno ajuste que isso exigiu foi adicionar na id imagem, um margin-rigth:10px;
Espero que ajude alguém!
Oba, esta faltando os pdf, no site parou no 20.
Volta com o mundo 4 de python, professor!
Essa configuração so fica no mobile, alguem sabe o por que as outras telas não alterou?
vai ter curso de Go e/ou Kotlin?
alguem sabe se eu posso pegar so o certificado do modulo 4? sem precisar pegar do modulo 1, 2, 3?
Professor, qual o nome da música da intro?
Não consegui alinhar esses ícones
quando eu mudo o tamanho da minha pagina no chrome, ele nao muda em tempo real como nos seus videos, vc ta usando uma espécie de extensão?
sim, line server
Sim o "LIve Server"
o LiveServer pode fazer isso por tu. Quando tiver no vscode, clica com o botão direito no arquivo (Ex.: index.html) e coloca "Open With Live Server". Mas ñ lembro de ver o professor ter baixado isso, acho que ele só utliza ' ctrl+s ' repetidamente para salvar as alterações do documento e aí sim ele muda.
o modulo 5 ainda não saio
saiu, mas tem que ser apoiador do canal pra ter acesso!
mais alguem 2025 haha?
Nas tags de form>input[type=submit] não estava rodando , então coloquei input[type=submit]
Mais alguém tá tendo problemas com a div de login?
Pelo amor de quem quer que seja, me ajudem a encontrar os pdfs dos capítulos 21 em diante. TT-TT
Relaxa... Ainda nao tem!
pelos videos já é o suficiente p acompanhar
Eu tenho
Só que o TH-cam apaga o meu comentário com o link dos PDF
vai nas issues do repositório, daí vai ter um carinha com o link