8:30 Se alguém ficou em dúvida sobre esse , olha para que ele serve: O elemento HTML é um conteiner generico em linha para conteúdo fraseado , que não representa nada por natureza. Ele pode ser usado para agrupar elementos para fins de estilo (usando os atributos class ou id ), ou para compartilhar valores de atributos como lang. Ele deve ser usado somente quando nenhum outro elemento semântico for apropriado. é muito parecido com o elemento , entretando é um elemento de nível de bloco enquanto é um elemento em linha.
A didática do professor é tão boa que, mesmo com infinitas sequelas deixadas pela UTI do covid e com 41 anos, estou aprendendo com facilidade. Vida longa ao mestre Guanabara.
Algumas coisas que aprendi nos testes: 1-Nome de id e class: sem espaço e acento 2-HIERARQUIA: ID sobrepõe class e ambos estão acima das classificações genéricas. Mas de uma maneira geral, tirando a hierarquia a ideia é o que vem depois no CSS, sobrepõe. Ou seja: a. Mais de 1 classe em um mesmo elemento: Hierarquia entre classes segue regra geral, o que vem depois, sobrepõe. b. Misturando ID e Classe: Hierarquia entre ID e Class: ID sobrepõe.
aaaeee, desde o mês passado comecei o curso de js, finalizei e fiz o módulo 1 deste curso que também está finalizado. Agora posso dizer que estou acompanhando o curso. Como os lançamentos são demorados eu irei dar continuidade através das biografias recomendadas pelo vosso mestre e retornarei para dar meu apoio quando os capítulos ou módulo estiver completo. Muito obrigado, Guanabara e patrocinadores. Prof, não desista com o curso e caso você esteja passando por um momento difícil na sua vida particular, saiba que têm muitos alunos torcendo por você e pelo projeto.
📝 *CLASS* *No arquivo .html:* HTML básico *No arquivo .css:* .basico { color: #3c805e; } - Obs: não usar h2 antes do # *Regra W3C:* usar o mesmo id apenas uma vez, no mesmo documento html; ** -> apenas seleciona um trecho do texto; dolor sit amet *Pode usar mais de uma class na mesma tag* (separadas sem vírgula): CSS avançado *Pode usar id e class juntos na mesma tag:* Criando Sites com HTML e CSS -> Na ordem de prioridade, a class vem antes do id.
Referente aos id's, nós temos uma grande limitação: Dentro de um documento HTML, só se pode ter um elemento com o "id" e o seu respectivo nome. Você pode ter mais de um id em sua página tranquilamente. O que não pode é utilizar dois com o mesmo nome / texto no id. O id é como se fosse um CPF (1 número por pessoa) enquanto a class é o nome (no qual várias pessoas podem ter o mesmo nome). Pensando nisso, quando temos duas unidades de elementos ou mais e queremos aplicar uma configuração personalizada de estilo em todas elas, nós não devemos usar o "id" e sim o "class". Uma classe (class) também faz configurações personalizadas, mas podemos ter VÁRIAS UNIDADES DE ELEMENTOS COM UMA MESMA CLASSE - NOME / TEXTO, diferente do "id"... Sendo que, ao contrário do id, que é identificado com " # " no CSS, o class é identificado com " . " no CSS. Para usar o class, nós fazemos exatamente como no id, inserindo-o dentro da tag do HTML desejada e identificando esse class com um nome de sua preferência, sendo que a representação do class no CSS é feita com o " . " e a única diferença dele para o id é que podemos usar um mesmo nome de class em várias unidades de elementos de um mesmo documento HTML. Ao criar o seletor personalizado de uma class no CSS, geralmente não especificamos um nome de elemento na frente da sua representação ( . ) como é feito no id (ex: h1#teste {}), simplesmente inserimos o ponto ( . ) e o nome da class. Dessa forma, toda unidade de elemento que pertence à determinada classe vai simplesmente incorporar as configurações de estilo do respectivo seletor personalizado sem depender de uma especificação de p, h1, h2 e etc. Uma coisa que iremos seguir como um padrão no desenvolvimento web, é que nunca iremos dar o nome das nossas "classes" e "id's" de acordo com a forma, e sim com a função. Isso porque se nomearmos pela forma, "verde" por exemplo, e posteriormente o nosso cliente falar que quer mudar a cor para "azul", seria péssimo porque teríamos uma classe chamada "verde" que coloca as coisas em "azul"... então sempre nomeie pela FUNÇÃO/Funcionalidade. O nome "basico", por exemplo, que por conseguinte deixa os elementos dessa categoria na cor verde. Nota: No HTML temos a tag "", ela não tem uma função específica, serve apenas para demarcar um trecho de texto caso quisermos fazer algum tipo de alteração de estilo nesse trecho com uma class e etc. Referente às classes, uma coisa que podemos fazer é colocar duas classes ou mais num mesmo elemento/tag do HTML, isso é possível e para fazer basta digitar, ao lado classe atual e depois de dar um espaçamento, o nome da próxima classe que deseja inserir. Exemplo: "CSS Avaçado" Também é possível colocar um "id" e uma "class" num mesmo elemento/tag do HTML, para fazer isso é só abrir uma class com o seu respectivo nome logo após o "id" que já existe ou vise versa. Exemplo: "Criando Sites com HTML e CSS" Observação: Quando "id" e "class" estiverem juntos num mesmo elemento/tag, as configurações do "id" irão sempre sobrepor as configurações do "class" de uma mesma Propriedade de Estilo na hierarquia. Existe uma regra de hierarquia de aplicação no HTML. Normalmente, ao criar um site, primeiro configuramos o estilo genérico dos elementos do site, como , e etc... Posteriormente configuramos os estilos personalizados, com os id's e classes... Cada camada de aplicação de estilos vai adicionando propriedades novas e sobrescrevendo as configurações do nível anterior. Quando nós aplicamos configurações personalizadas de id ou de class, essas configurações irão sobrepor as configurações de estilo padrão de uma mesma Propriedade de Estilo que fizemos antes. Tem coisas que são ligadas antes e coisas que são ligadas depois, os elementos sempre irão herdar o que veio das camadas acima, mas o que vai ficar valendo é aquele que foi ligado por último, e nessa regra de hierarquia os id's são sempre ligados por último.
Vlw cara, esses comentários que você fez com as anotações tem ajudado muito. Eu só anotava coisas bem pontuais ou que eu sei que eu esqueceria fácil. Mas percebi que tem que ter um certo contexto e não só anotar como faz tal comando.
Cara eu mim matava pra entender o que era "class" e no pisca de olhos aprendir de forma fácil! Mano muito obrigado por essas aulas você ta mudando a vida de muita gente, foi atraves do seu canal que mim incentivou a começar a aprender liguangem de programação! Hoje é 10/10/2022 comecei assistir o Módulo 1 dia 08/10/2022 e no dia 09/10/2022 terminei o Módulo 1 e hoje comecei o Módulo 2. Só agradecer!
Mateus, não quero ser chato, mas vou comentar aqui como seria a maneira correta de escrever sua frase, ok? "Cara, eu me matava para entender o que era 'class', e num piscar de olhos, aprendi de forma fácil! Mano, muito obrigado por essas aulas! Você está mudando a vida de muita gente. Foi através do seu canal que me incentivou a começar a aprender linguagem de programação! Hoje é 10/10/2022, comecei a assistir o Módulo 1 no dia 08/10/2022, e no dia 09/10/2022 terminei o Módulo 1, e hoje comecei o Módulo 2. Só tenho a agradecer."
MELHORR PROFESSOR DO MUNDO!!! EU comecei assistindo os seus vídeos vc não estava de cabelo branco, seus alunos estão te estressando muito professor?!!! Me avisa que eu dou um jeito. rs MUitoo obrigada pelo seu tempo em formar tantos brasileiros e criar oportunidades.
Assistindo essa aula no dia meu niver!! 15/09/2024
3 ปีที่แล้ว +2
Eu comecei a rir quando você falou que queria a mesma propriedade para os básicos, intermediários e avançados. Eu pensei em fazer isso, verde, amarelo e vermelho, logo em seguida você falou kkkk Bom de mais os vídeos, adoro suas aulas.
Tá ficando velhinho Gunabara . Kkkk Estou no curso de javascript e você não tinha cabelos brancos. Quando termina o de javascript vou fazer esse de html e ccs para dar uma relembrar. Obrigado por tudo .
11:26 - Só pra vocês terem uma ideia, se vocês colocassem os rulesetes do h1#id antes dos rulesets do h1, o mesmo resultado seria obtido. O nome disso é especificidade ou peso de seletores. A id por exemplo tem um peso bem superior ao peso do nome do elemento e também um peso superior a classes.
@@pedrophillipe O CSS tem uma espécie de regra, ele busca encontrar os estilos mais relevantes para só aí ele aplicar o estilos nos elementos. Agora, certos tipos de seletores possuem importâncias diferentes. Ou seja, uma classe tem uma importância inferior ao ID. Isso implica dizer que, mesmo se você usar uma classr depois de um ID, as regras CSS dentro daquele ID serão mais importantes do que as regras dentro da classe.
Pra quem não entendeu de primeira, assim como eu kskk, fica mais facil diferenciar id e class sabendo primeiro o que é class e depois id. Um determinado texto é igual aos outros que estão na mesma classe, mas se quiser tornar ele único use id
Gostei bastante do vídeo, o curso está ótimo. Seria legal se você voltasse a nos chamar de gafanhotos. E sinto saudades do Guanacast, podia voltar a fazer.
@@reuelsilva4147 usar o mesmo id várias vezes, é a classe que pode usar várias vezes em qualquer tag, mas voce pode criar vários id e várias classes, mas cada id só se usa uma vez
Ao tentar envelopar alguma frase do Loren,,, CTRL + SHIFT + P.. E buscar span.. nada acontece,, não aparece lá no texto a palavra span para selecionar... porque serã?????????
Oi Guanabara tudo bem eu vem do saite curso em video de hardware você e o Alfredo é um ótimo professor eu fiquei contente a cada doação mas enfim eu estou ansioso para aprender programação Mas tem uma questão to sem pc a minha vontade e enorme para aprender c# e outras linguagem e eu queria saber que ja tem curso de c# O que é a linguagem que é utilizada da yunit Porque você não faz curso de jogos Como fazer um motor gráfico eu tenho muita vontade para fazer jogos cheguei explodir eu quero ser programador de jogos então era isso eu tenho eu tenho aprender muitas coisas você pode ir agora mas de somente a matemática eu não sou tão bom assim mas minha vontade é maior Então é isso era só deixar esse recado e você é um ótimo Professor nota 10 abraço👍😎
Sobre a questao do UTF-8 que vc coloca no head, é para que o site possa receber qualquer letra ou caracter especial, mas isso é config para o site. Entao nas tag ou vc pode ussar acento é qualquer outro tipo de letra ou numero. Agora se você refere-se as tag ou nos class ou id... você pode ussar sim, so que como o professor tenta ensinar de uma forma clara, ele fala para não colocar, porq o aluno pode escrever errado ou esquecer que tem um acento, é dizer que nao finciona mas se vc testas agora ai no seu pc vai funcionar sim.
Olá, Guanabara! Tudo bem!? Sou inscrito no canal e acompanho seus vídeos. Estou no módulo 2, capitulo 15. Vi que nesta aula há duas tag h1: 1) aprendendo html; 2) aprendendo CSS. Tenho lido que não é corretamente semântico usar mais de um h1 numa página. Como estou aprendendo, confesso que fiquei confuso! Poderia tirar essa dúvida, por gentileza? Obrigado!
GUANABARA por favor, daqui pra frente faz o designer do site em CSS EXTERNO. Está me dando uma agonia enorme esse CSS interno, e ainda fica bem melhor de ensinar.
gente, eu sei que nao tem nada a ver com essa aula, mas eu to precisando de ajuda para por a '→' (setinha) no pycharm.... Já digitei alt 26, mas nada acontece. Eu preciso por alguma configuração ou algo do tipo ?? @curso em video
*Uma dúvida* : Segundo o material em PDF, "Em um mesmo documento HTML, só podemos usar um id para um único elemento, o que significa que não podemos ter dois elementos com um mesmo id dentro de uma mesma página. [...]" Sabendo disso, não é uma redundância lógica escrever h1#principal, por exemplo? Afinal, teoricamente #principal só pode ser utilizado em uma tag , certo?
No seu código html você pode ter quantas ID você quiser. So que tem 2 coisas, você pode ter apenas 1 ID por tag é também os nomes tem que ser únicos.... por exemplo... (todos as tags que tenha o id principal vai mudar) (todas as tags que tenha o id secundario vai mudar) Mas lembre-se que os nomes de ID sao unicos, vc nao pode usar o mesmo nome pra outra coisa do site, porq o nome ja esta registrado em algo.... Mas se vc tem muitas coisas eu recomendo vc usar o class, ou usar o simples é la coloca h1{ color: blue; } para mudar todos os h1 da pagina
por isso que escrever esse h1 ai é opcional kkkkkkk mt bem observado. Ainda ta estudando html e css atualmente? se sim me conta como está indo ou onde parou
uma dúvida com relação aos id's, podemos colocar um id= princial em um só h1 e outro em um h2 dentro do mesmo documento ou só pode ter um a cada documento.
Você pode atribuir o mesmo id a múltiplos elementos em um documento HTML. No entanto, é importante entender que o atributo id deve ser único dentro do contexto do documento HTML. Isso significa que não deve haver mais de um elemento com o mesmo id em um mesmo documento, pois isso pode causar problemas de validação e comportamento inesperado em JavaScript e CSS. Portanto, se você deseja aplicar o mesmo id a elementos h1 e h2 em seu documento, certifique-se de que cada id seja único dentro desse documento. Por exemplo: Este é um título h1 Este é um título h2 Neste exemplo, atribuímos o id="principal" ao e o id="secundario" ao , tornando-os únicos dentro do documento. Lembre-se de que, em termos de boas práticas, o atributo id geralmente é usado para identificar elementos únicos em uma página. Se você está atribuindo o mesmo id a vários elementos, pode ser um sinal de que uma classe (class) seria mais apropriada para estilizar ou selecionar esses elementos em CSS, especialmente se eles compartilham características semelhantes. As classes podem ser aplicadas a múltiplos elementos sem problemas e são mais flexíveis em muitos casos.
Tudo bem Gustavo . Por favor Preciso de uma dica sua !! Me formei nos anos 90, nunca atuei na área, morei na Inglaterra em 2004/5, quero voltar para lá programando, estou assistindo teu curso de java, o que você me aconselha estudar para trabalhar em Londres ?? Obrigado.
eae alexandre. N tenho muita experiencia mas te aconselho a primeiro escolher uma area dentro da programação, exemplo o front-end, assim fica mais facil para voce descobrir o que deve estudar. Aproveita que o youtube é cheio de conteúdo gratuito e vai estudando, tanto as matérias quanto o que voce deve estudar. Abraço!
so uma duvida, vc disse que nao pode mais de 1 id no codigo html mas so se for na mesma tag ou em qualquer outra?por exemplo, eu usei um id pro h1, mas queria usar outro id para o h2, dai posso?
pode, geralmente a id é única, uma espécie de CPF na tag. O recomendado é que caso seja uma div única utilize o id, por exemplo: - uma div de menu (id), submenu pode usar uma (class) - galeria de fotos em uma div (id), fotos dentro da galeria (class)
Quanto vai sair o material complementar desse modulo ? infelizmente não posso ser um apoiador por força maior mais assim que eu poder colaborar voo vira um gafanhoto tbm kkkk..
Grande Prof. Guanabara como vai você ??? Sei que aqui não é o local apropriado para falar de algoritimo, mas eu sou seu aluno nesse curso e eu fiz uma melhora no exercício da aula 09 onde manda fazer a soma de uma determinada quantidade de números quando terminamos de lançalos. O caso é que eu fiz isso ser feito altomaticamente dando o VALOR ou seja um número qualquer. Mas o que acontece é que quando a SOMA é colocada antes do CONTADOR isso dar erro ou seja não SOMA. Eu descobri o erro colocando a SOMA antes do contador como pode ser visto abaixo, mas não entendi o por que isso acontece. Achei que antes acontecia a contagem para depois acontecer a soma. Tem como o Mestre explicar por favor?? Desde já meu muito obrigado !!!! Algoritmo "SOMADORNUMÉRICO" // // Faça um Algoritimo que leia a quantidade de números solicitados // pelo usuário e some os mesmos. Var CONTADOR, VALOR, SOMA, N : INTEIRO Inicio CONTADOR
É ótimo ver que você está progredindo em seus estudos de programação! Vou explicar o que aconteceu no seu algoritmo e por que a ordem dos comandos importa. Aqui está o trecho do seu código que precisamos analisar: "ENQUANTO (CONTADOR
Não entendi, Eu posso ter mais de um "id" porém o nome dele não pode repetir ou se eu já usei um "id" em qualquer parte ai eu ja n posso mais usar e agora so posso usar "class"?
Você pode ter mais de um ID em seu site tranquilamente. O que não pode é utilizar dois com o mesmo nome - texto - no ID. O ID é como se fosse o CPF (1 número por pessoa) enquanto a class é o nome (no qual várias pessoas podem ter o mesmo nome).
8:30 Se alguém ficou em dúvida sobre esse , olha para que ele serve:
O elemento HTML é um conteiner generico em linha para conteúdo fraseado , que não representa nada por natureza. Ele pode ser usado para agrupar elementos para fins de estilo (usando os atributos class ou id ), ou para compartilhar valores de atributos como lang. Ele deve ser usado somente quando nenhum outro elemento semântico for apropriado. é muito parecido com o elemento , entretando é um elemento de nível de bloco enquanto é um elemento em linha.
Entendi mano, obrigado.
sla como que le essa bosta
excelente explicação!
8:42 “Sla como se lê essa bosta” de todos os módulos é a primeira vez que ouço isso do Gustavo lkkk
kkk nem tinha percebido
É consequência da canseira rsrs
ahuhauhahauhua
eu escutei ele falando isto, e fui aqui ve se nao fui o unico kskkss
😂😂😂 Chorei de rir
A didática do professor é tão boa que, mesmo com infinitas sequelas deixadas pela UTI do covid e com 41 anos, estou aprendendo com facilidade. Vida longa ao mestre Guanabara.
Algumas coisas que aprendi nos testes:
1-Nome de id e class: sem espaço e acento
2-HIERARQUIA: ID sobrepõe class e ambos estão acima das classificações genéricas. Mas de uma maneira geral, tirando a hierarquia a ideia é o que vem depois no CSS, sobrepõe.
Ou seja:
a. Mais de 1 classe em um mesmo elemento: Hierarquia entre classes segue regra geral, o que vem depois, sobrepõe.
b. Misturando ID e Classe: Hierarquia entre ID e Class: ID sobrepõe.
aaaeee, desde o mês passado comecei o curso de js, finalizei e fiz o módulo 1 deste curso que também está finalizado. Agora posso dizer que estou acompanhando o curso. Como os lançamentos são demorados eu irei dar continuidade através das biografias recomendadas pelo vosso mestre e retornarei para dar meu apoio quando os capítulos ou módulo estiver completo. Muito obrigado, Guanabara e patrocinadores. Prof, não desista com o curso e caso você esteja passando por um momento difícil na sua vida particular, saiba que têm muitos alunos torcendo por você e pelo projeto.
Minhas duvidas foram totalmente esclarecidas. Grato pela sua vida e por vc ajudar tanto a gente. Vlww Tio Guanabara!!! :)
Obrigado pelo apoio Victor!
📝 *CLASS*
*No arquivo .html:*
HTML básico
*No arquivo .css:*
.basico {
color: #3c805e;
}
- Obs: não usar h2 antes do #
*Regra W3C:* usar o mesmo id apenas uma vez, no mesmo documento html;
** -> apenas seleciona um trecho do texto;
dolor sit amet
*Pode usar mais de uma class na mesma tag* (separadas sem vírgula):
CSS avançado
*Pode usar id e class juntos na mesma tag:*
Criando Sites com HTML e CSS
-> Na ordem de prioridade, a class vem antes do id.
Cara, muito obrigado!
As suas notas são bem resumidas e diretas, parabéns pelo raciocínio.
Referente aos id's, nós temos uma grande limitação: Dentro de um documento HTML, só se pode ter um elemento com o "id" e o seu respectivo nome.
Você pode ter mais de um id em sua página tranquilamente. O que não pode é utilizar dois com o mesmo nome / texto no id. O id é como se fosse um CPF (1 número por pessoa) enquanto a class é o nome (no qual várias pessoas podem ter o mesmo nome).
Pensando nisso, quando temos duas unidades de elementos ou mais e queremos aplicar uma configuração personalizada de estilo em todas elas, nós não devemos usar o "id" e sim o "class".
Uma classe (class) também faz configurações personalizadas, mas podemos ter VÁRIAS UNIDADES DE ELEMENTOS COM UMA MESMA CLASSE - NOME / TEXTO, diferente do "id"... Sendo que, ao contrário do id, que é identificado com " # " no CSS, o class é identificado com " . " no CSS.
Para usar o class, nós fazemos exatamente como no id, inserindo-o dentro da tag do HTML desejada e identificando esse class com um nome de sua preferência, sendo que a representação do class no CSS é feita com o " . " e a única diferença dele para o id é que podemos usar um mesmo nome de class em várias unidades de elementos de um mesmo documento HTML.
Ao criar o seletor personalizado de uma class no CSS, geralmente não especificamos um nome de elemento na frente da sua representação ( . ) como é feito no id (ex: h1#teste {}), simplesmente inserimos o ponto ( . ) e o nome da class. Dessa forma, toda unidade de elemento que pertence à determinada classe vai simplesmente incorporar as configurações de estilo do respectivo seletor personalizado sem depender de uma especificação de p, h1, h2 e etc.
Uma coisa que iremos seguir como um padrão no desenvolvimento web, é que nunca iremos dar o nome das nossas "classes" e "id's" de acordo com a forma, e sim com a função. Isso porque se nomearmos pela forma, "verde" por exemplo, e posteriormente o nosso cliente falar que quer mudar a cor para "azul", seria péssimo porque teríamos uma classe chamada "verde" que coloca as coisas em "azul"... então sempre nomeie pela FUNÇÃO/Funcionalidade. O nome "basico", por exemplo, que por conseguinte deixa os elementos dessa categoria na cor verde.
Nota: No HTML temos a tag "", ela não tem uma função específica, serve apenas para demarcar um trecho de texto caso quisermos fazer algum tipo de alteração de estilo nesse trecho com uma class e etc.
Referente às classes, uma coisa que podemos fazer é colocar duas classes ou mais num mesmo elemento/tag do HTML, isso é possível e para fazer basta digitar, ao lado classe atual e depois de dar um espaçamento, o nome da próxima classe que deseja inserir. Exemplo:
"CSS Avaçado"
Também é possível colocar um "id" e uma "class" num mesmo elemento/tag do HTML, para fazer isso é só abrir uma class com o seu respectivo nome logo após o "id" que já existe ou vise versa. Exemplo:
"Criando Sites com HTML e CSS"
Observação: Quando "id" e "class" estiverem juntos num mesmo elemento/tag, as configurações do "id" irão sempre sobrepor as configurações do "class" de uma mesma Propriedade de Estilo na hierarquia.
Existe uma regra de hierarquia de aplicação no HTML. Normalmente, ao criar um site, primeiro configuramos o estilo genérico dos elementos do site, como , e etc... Posteriormente configuramos os estilos personalizados, com os id's e classes... Cada camada de aplicação de estilos vai adicionando propriedades novas e sobrescrevendo as configurações do nível anterior. Quando nós aplicamos configurações personalizadas de id ou de class, essas configurações irão sobrepor as configurações de estilo padrão de uma mesma Propriedade de Estilo que fizemos antes. Tem coisas que são ligadas antes e coisas que são ligadas depois, os elementos sempre irão herdar o que veio das camadas acima, mas o que vai ficar valendo é aquele que foi ligado por último, e nessa regra de hierarquia os id's são sempre ligados por último.
Muito obrigada. Ajudou bastante na hora de fazer anotações.
É OBRIGATÓRIO COLOCAR H1#PRINCIPAL?
ou é igual ao Class, que podemos só usar o .+nome
@@mattlothbrok é igual o Class, pode colocar só #PRINCIPAL
Vlw cara, esses comentários que você fez com as anotações tem ajudado muito. Eu só anotava coisas bem pontuais ou que eu sei que eu esqueceria fácil. Mas percebi que tem que ter um certo contexto e não só anotar como faz tal comando.
Você é um Deus kkkk, muito obrigado
Guanabara, estou a acompanhar e aprender desde Portugal. Obrigado por tudo!!!
a Dica de segurar o ALT para editar mais de uma linha ja valeu o episodio todo o resto é bonus, eu sofria com isso
no meu teclado não funciona
@@KHAOSD144 tenta ctrl + D
Salva demais. ele já tinha ensinado esse comando no modulo 1 so não lembro qual vídeo foi
Sobre id e class comprei 2 cursos muito famosos na internet de programação e nenhum dos dois explicou essas regras. Sensacional
Fiz um curso de HTML e assisti a alguns videos sobre essa diferença, mas só agora entendi. Prof., vc é tooooop!
Sabe o que eu gosto nestes vídeos, é que esse cara ensina os pulos do gato!
Cara eu mim matava pra entender o que era "class" e no pisca de olhos aprendir de forma fácil! Mano muito obrigado por essas aulas você ta mudando a vida de muita gente, foi atraves do seu canal que mim incentivou a começar a aprender liguangem de programação! Hoje é 10/10/2022 comecei assistir o Módulo 1 dia 08/10/2022 e no dia 09/10/2022 terminei o Módulo 1 e hoje comecei o Módulo 2. Só agradecer!
Aprende português antes de programação, amigo.
Mateus, não quero ser chato, mas vou comentar aqui como seria a maneira correta de escrever sua frase, ok?
"Cara, eu me matava para entender o que era 'class', e num piscar de olhos, aprendi de forma fácil! Mano, muito obrigado por essas aulas! Você está mudando a vida de muita gente. Foi através do seu canal que me incentivou a começar a aprender linguagem de programação! Hoje é 10/10/2022, comecei a assistir o Módulo 1 no dia 08/10/2022, e no dia 09/10/2022 terminei o Módulo 1, e hoje comecei o Módulo 2. Só tenho a agradecer."
Relativo!! 😄
Meu casamento com HTML tá chegando, só falta eu comprar o css pra colocar nela
@Carlos Alessandro kkkkkkkkk
@Carlos Alessandro sim
@Carlos Alessandro o css é o anel kkkkk
Nas atividades que fazia acabava tendo problema pra personalizar elementos, mas depois desse vídeo não vou ter mais :)
MELHORR PROFESSOR DO MUNDO!!! EU comecei assistindo os seus vídeos vc não estava de cabelo branco, seus alunos estão te estressando muito professor?!!! Me avisa que eu dou um jeito. rs MUitoo obrigada pelo seu tempo em formar tantos brasileiros e criar oportunidades.
AGORA SIM EU ENTENDI. OBG GUSTAVO! :)
8:41 "sei lá como que lê essa bosta" rsrs, melhor professor que já tive. :):):)
Como eu amo esse cara
Estou super perdida com pseudo classes, pseudo elementos e flex box, ANSIOSÍSSIMA pelas próximas aulas!!!!
Obrigado por mais uma excelente aula.
Assistindo essa aula no dia meu niver!! 15/09/2024
Eu comecei a rir quando você falou que queria a mesma propriedade para os básicos, intermediários e avançados. Eu pensei em fazer isso, verde, amarelo e vermelho, logo em seguida você falou kkkk Bom de mais os vídeos, adoro suas aulas.
Essa aula realmente esclareceu muita coisa.
Professor top demais viu!
Gratidão pelo conteúdo.
canal lindo para o futuro
Tá ficando velhinho Gunabara . Kkkk
Estou no curso de javascript e você não tinha cabelos brancos. Quando termina o de javascript vou fazer esse de html e ccs para dar uma relembrar. Obrigado por tudo .
Ele tinha sim, mas na época pintava! Usava loção butterfly! Kkkkk
Gratidão, professor!!
Ótimo video
Obg pela aula incrível professor.
Maravilha de curso. Parabéns professor!
"Labórum script...ah, sei lá como se lê essa bosta" Cara, como eu ri disso kkkk shhow!!!!
11:26 - Só pra vocês terem uma ideia, se vocês colocassem os rulesetes do h1#id antes dos rulesets do h1, o mesmo resultado seria obtido. O nome disso é especificidade ou peso de seletores. A id por exemplo tem um peso bem superior ao peso do nome do elemento e também um peso superior a classes.
que ?
@@pedrophillipe O CSS tem uma espécie de regra, ele busca encontrar os estilos mais relevantes para só aí ele aplicar o estilos nos elementos. Agora, certos tipos de seletores possuem importâncias diferentes. Ou seja, uma classe tem uma importância inferior ao ID. Isso implica dizer que, mesmo se você usar uma classr depois de um ID, as regras CSS dentro daquele ID serão mais importantes do que as regras dentro da classe.
Pra quem não entendeu de primeira, assim como eu kskk, fica mais facil diferenciar id e class sabendo primeiro o que é class e depois id. Um determinado texto é igual aos outros que estão na mesma classe, mas se quiser tornar ele único use id
Excelente vídeo, prof!
prof to aprendendo muito mais
Shooow!
Pessoal vamos dar like!
ótima aula!
8:40 KKKKKKKKKKKKKKK, tava mó sério escutando, ele meteu essa eu fiquei rindo igual bobo 🤣
Eu voltei o vídeo pra ver se ele tinha mandado isso mesmo kkk
@@stenio858 kkkkkkk saiu do personagem alí por alguns segundos 😂
vlw mesmo mano, tem 3 semanas que eu to batendo cabeça pra entender isso
Vlw pela aula, Guarana
Topeee
você é abençoado.
Aula do almoço!
Muito bom! Obrigado
"Sei lá como lê essa b**!" hahhaha esse Gustavo é uma parada🤣
Top
show!
Gostei bastante do vídeo, o curso está ótimo.
Seria legal se você voltasse a nos chamar de gafanhotos. E sinto saudades do Guanacast, podia voltar a fazer.
obrigado
Eu tava em duvida no "só pode usar uma vez" pois quando eu usava o id mais de uma vez, funcionava
@@reuelsilva4147 usar o mesmo id várias vezes, é a classe que pode usar várias vezes em qualquer tag, mas voce pode criar vários id e várias classes, mas cada id só se usa uma vez
Professor por que na plataforma do curso em video não está aula, você informou quem é apoiador recebe as aulas primeiro.
3:44 Funcionar não significa que está certo. - Bara, Guana 2023
Guanabara obg
"Sla como le essa bosta" Gunabara 2021 8:42
Por que depois de clicar "ctrl+p" não tive a opção de envelopar a tag span?
O material em PDF vai ser postado no GitHub?
Ao tentar envelopar alguma frase do Loren,,, CTRL + SHIFT + P.. E buscar span.. nada acontece,, não aparece lá no texto a palavra span para selecionar... porque serã?????????
Oi Guanabara tudo bem eu vem do saite curso em video de hardware você e o Alfredo é um ótimo professor eu fiquei contente a cada doação mas enfim eu estou ansioso para aprender programação Mas tem uma questão to sem pc a minha vontade e enorme para aprender c# e outras linguagem e eu queria saber que ja tem curso de c# O que é a linguagem que é utilizada da yunit Porque você não faz curso de jogos Como fazer um motor gráfico eu tenho muita vontade para fazer jogos cheguei explodir eu quero ser programador de jogos então era isso eu tenho eu tenho aprender muitas coisas você pode ir agora mas de somente a matemática eu não sou tão bom assim mas minha vontade é maior Então é isso era só deixar esse recado e você é um ótimo Professor nota 10 abraço👍😎
Prof Guanabara faz um curso básico de SQL Server por favor ou cloud
Guanabara, as aulas não estão entrando no Curso em Video. .
Professor, da uma olhada no site do curso em vídeo, volta e meia, fica lento e sem possibilidade de acessar. Hostnet, help us here!! rs
👍👍👍
Pq os apoiadores não estão recebendo aulas com adiantamento @cursoemvideo?
O material do capitulo 15 e seguintes não estão disponíveis no repositório do git-hub!!!!!
*Uma dúvida* : 4:37 Por que não se pode utilizar o acento? No documento não está sendo utilizado UTF-8? Fiquei meio confuso
:＼
Sobre a questao do UTF-8 que vc coloca no head, é para que o site possa receber qualquer letra ou caracter especial, mas isso é config para o site. Entao nas tag ou vc pode ussar acento é qualquer outro tipo de letra ou numero.
Agora se você refere-se as tag ou nos class ou id... você pode ussar sim, so que como o professor tenta ensinar de uma forma clara, ele fala para não colocar, porq o aluno pode escrever errado ou esquecer que tem um acento, é dizer que nao finciona
mas se vc testas agora ai no seu pc vai funcionar sim.
gente, se nao funcionar o alt, tenta no alt da esquerda.
Bom dia Prof. Guanabara. Tem previsão pra sair o módulo 03 ?
no programa não está localizando na parte de atalho o span, estou tendo q fazer manualmente. É alguma configuração que preciso mexer no code?
Só queria o PDF do capítulo 15
boa noite! guanabara cade o capitulo 15 aguardando o capitulo 15 do pdf.......!
Cap15 Aula 03 dentro do site do CEV dando erro. Não da play
Tô no início do curso ainda 😞
Olá, Guanabara! Tudo bem!? Sou inscrito no canal e acompanho seus vídeos. Estou no módulo 2, capitulo 15. Vi que nesta aula há duas tag h1: 1) aprendendo html; 2) aprendendo CSS. Tenho lido que não é corretamente semântico usar mais de um h1 numa página. Como estou aprendendo, confesso que fiquei confuso! Poderia tirar essa dúvida, por gentileza? Obrigado!
Oi Leonardo antigamente não era aconselhável usar mais de um h1, mais agora pode usar quantos precisar
GUANABARA por favor, daqui pra frente faz o designer do site em CSS EXTERNO. Está me dando uma agonia enorme esse CSS interno, e ainda fica bem melhor de ensinar.
simples, tudo q ele fizer no interno, tu faz no externo \o/
a mim tembem kkk o externo fica mais organizado
bora novamente.
é obrigatório fazer a configuração da id e class em uma página CSS externa?
4:47 alguém sabe um outro atalho para isso? Segurar o Alt não tá funcionando
no meu tbm não funciona
seleciona o que vc quer apagar, e aperta então ctrl + D várias vezes, isso substitui o alt@@KHAOSD144
Vai saír mundo 4 do python?
estamos quase em 2024 e até hj não saiu o mundo 4 de python. E nem o último módulo desse curso de HTML e CSS
gente, eu sei que nao tem nada a ver com essa aula, mas eu to precisando de ajuda para por a '→' (setinha) no pycharm....
Já digitei alt 26, mas nada acontece. Eu preciso por alguma configuração ou algo do tipo ?? @curso em video
Guanabara! Pessoal! Como eu faço pra ingressar no estudonauta? Peguei um link que náo parece muito legal... vocês podem me ajudar por favor?
*Uma dúvida* : Segundo o material em PDF, "Em um mesmo documento HTML, só podemos usar um id para um único elemento, o que significa que não podemos ter dois elementos com um mesmo id dentro de uma mesma página. [...]" Sabendo disso, não é uma redundância lógica escrever h1#principal, por exemplo? Afinal, teoricamente #principal só pode ser utilizado em uma tag , certo?
No seu código html você pode ter quantas ID você quiser. So que tem 2 coisas, você pode ter apenas 1 ID por tag é também os nomes tem que ser únicos.... por exemplo...
(todos as tags que tenha o id principal vai mudar)
(todas as tags que tenha o id secundario vai mudar)
Mas lembre-se que os nomes de ID sao unicos, vc nao pode usar o mesmo nome pra outra coisa do site, porq o nome ja esta registrado em algo....
Mas se vc tem muitas coisas eu recomendo vc usar o class, ou usar o simples é la coloca h1{ color: blue; } para mudar todos os h1 da pagina
por isso que escrever esse h1 ai é opcional kkkkkkk mt bem observado. Ainda ta estudando html e css atualmente? se sim me conta como está indo ou onde parou
Não tem ainda o Cáp 15 no material em PDF. :(
uma dúvida com relação aos id's, podemos colocar um id= princial em um só h1 e outro em um h2 dentro do mesmo documento ou só pode ter um a cada documento.
Você pode atribuir o mesmo id a múltiplos elementos em um documento HTML. No entanto, é importante entender que o atributo id deve ser único dentro do contexto do documento HTML. Isso significa que não deve haver mais de um elemento com o mesmo id em um mesmo documento, pois isso pode causar problemas de validação e comportamento inesperado em JavaScript e CSS.
Portanto, se você deseja aplicar o mesmo id a elementos h1 e h2 em seu documento, certifique-se de que cada id seja único dentro desse documento. Por exemplo:
Este é um título h1
Este é um título h2
Neste exemplo, atribuímos o id="principal" ao e o id="secundario" ao , tornando-os únicos dentro do documento. Lembre-se de que, em termos de boas práticas, o atributo id geralmente é usado para identificar elementos únicos em uma página. Se você está atribuindo o mesmo id a vários elementos, pode ser um sinal de que uma classe (class) seria mais apropriada para estilizar ou selecionar esses elementos em CSS, especialmente se eles compartilham características semelhantes. As classes podem ser aplicadas a múltiplos elementos sem problemas e são mais flexíveis em muitos casos.
Tudo bem Gustavo .
Por favor Preciso de uma dica sua !!
Me formei nos anos 90, nunca atuei na área, morei na Inglaterra em 2004/5, quero voltar para lá programando, estou assistindo teu curso de java, o que você me aconselha estudar para trabalhar em Londres ??
Obrigado.
eae alexandre. N tenho muita experiencia mas te aconselho a primeiro escolher uma area dentro da programação, exemplo o front-end, assim fica mais facil para voce descobrir o que deve estudar. Aproveita que o youtube é cheio de conteúdo gratuito e vai estudando, tanto as matérias quanto o que voce deve estudar. Abraço!
so uma duvida, vc disse que nao pode mais de 1 id no codigo html mas so se for na mesma tag ou em qualquer outra?por exemplo, eu usei um id pro h1, mas queria usar outro id para o h2, dai posso?
se for id diferentes pode, oq não pode é o mesmo id em varias tags
@@KlingerSilva fui entender depois de alguns vídeos kkkkk cheguei a esta conclusão ai, vou deixar meu comentário aq pq vai q alguém tenha a msm duvida
8:42 KKKKKKKKKKKKKKKKKKKKKKKKKKK
Solta mais vídeo Gustavo
Posso trabalhar só com div class ignorar a div id?
pode, geralmente a id é única, uma espécie de CPF na tag. O recomendado é que caso seja uma div única utilize o id, por exemplo:
- uma div de menu (id), submenu pode usar uma (class)
- galeria de fotos em uma div (id), fotos dentro da galeria (class)
Pode, mas geralmente se usa as duas...
Quanto vai sair o material complementar desse modulo ? infelizmente não posso ser um apoiador por força maior mais assim que eu poder colaborar voo vira um gafanhoto tbm kkkk..
Cadê o pdf da aula no repositório guanabaraaa?
Alguém pode indicar um curso bom online de identidade visual ,aprender a criar logo , criar cartão virtual etc
Grande Prof. Guanabara como vai você ???
Sei que aqui não é o local apropriado para falar de algoritimo, mas eu sou seu aluno nesse curso e eu fiz uma melhora no exercício da aula 09 onde manda fazer a soma de uma determinada quantidade de números quando terminamos de lançalos.
O caso é que eu fiz isso ser feito altomaticamente dando o VALOR ou seja um número qualquer. Mas o que acontece é que quando a SOMA é colocada antes do CONTADOR isso dar erro ou seja não SOMA.
Eu descobri o erro colocando a SOMA antes do contador como pode ser visto abaixo, mas não entendi o por que isso acontece.
Achei que antes acontecia a contagem para depois acontecer a soma.
Tem como o Mestre explicar por favor??
Desde já meu muito obrigado !!!!
Algoritmo "SOMADORNUMÉRICO"
//
// Faça um Algoritimo que leia a quantidade de números solicitados
// pelo usuário e some os mesmos.
Var
CONTADOR, VALOR, SOMA, N : INTEIRO
Inicio
CONTADOR
É ótimo ver que você está progredindo em seus estudos de programação! Vou explicar o que aconteceu no seu algoritmo e por que a ordem dos comandos importa.
Aqui está o trecho do seu código que precisamos analisar:
"ENQUANTO (CONTADOR
então, basicamente, o motivo pra usar Class ao invés de ID é semântica?
Não sou apoiador mas queria saber se na compra de certificado eu ajudo com o projeto ?
sim, ajuda a manter o custo do site.
Não entendi, Eu posso ter mais de um "id" porém o nome dele não pode repetir ou se eu já usei um "id" em qualquer parte ai eu ja n posso mais usar e agora so posso usar "class"?
Você pode ter mais de um ID em seu site tranquilamente. O que não pode é utilizar dois com o mesmo nome - texto - no ID. O ID é como se fosse o CPF (1 número por pessoa) enquanto a class é o nome (no qual várias pessoas podem ter o mesmo nome).
@@Houlz Obrigado por esclarecer!
Pessoal, blz ?! Alguém sabe onde tem as respostas dos exercícos ??? Obrigado !
Acho que não tem. Nós mesmo que temos que dizer.. Também tinha essa duvida.