Guanabara, primeiramente gostaria de lhe dizer que o curso é excelente, parabéns pelo grande trabalho que vem desenvolvendo, acabei de finalizar do modulo 01 do HTML & CSS e agora to fazendo modulo 02, continue assim que esta voando demais. Sobre isso, esse vídeo "Famílias de fonte com CSS", Tem como você conseguir por a legenda do vídeo? pois esta sem, sou deficiente auditivo, consigo entender bem com a legenda, poderia me ajudar por favor? Agradeço.
Adicionando ao conteúdo: Para gerar textos, insira após a palavra Lorem um número que será referente a quantidade de palavras que você deseja. Ou seja, Lorem100 irá gerar um texto com 100 palavras. Lorem1000, 1000 palavras.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tempus ipsum nec rutrum lacinia. Nulla semper elit quis erat laoreet, fermentum sollicitudin ante tincidunt. Nullam tempus sapien vel urna consequat, vel pharetra justo elementum. Nulla pretium, nulla elementum molestie fermentum.
*Font-family mais comuns:* Arial, Verdana e Helvetica font-family: 'Courier New'; -> nomes compostos precisam de 'aspas' font-family: sans-serif; -> qualquer fonte sem serifa font-family: serif; -> qualquer fonte com serifa font-family: monospace; -> qualquer fonte monoespaçada *Safe combination:* Se não tiver uma opção de fonte, passa para a seguinte. (Pesquisar mais: CSS web safe font combinations). Ex: font-family: Arial, Helvetica, sans-serif; font-family: 'Times New Roman', Times, serif; **Dica:* Após "font-family:", ao clicar Ctrl + Espaço, o VS Code sugere as principais safe combinations.
Uma forma de utilizar lorem é colocar o número de palavras na frente. Exemplo: lorem50. Ao pressionar tab/enter, será gerado um lorem ipsun com 50 palavras, ou o número que você preferir. Exemplo: p>lorem40 (tab) Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil explicabo, laboriosam architecto inventore repudiandae culpa incidunt delectus tenetur commodi ratione aspernatur, vero eius repellat ex, cumque modi et reprehenderit exercitationem! Minus aut assumenda exercitationem totam voluptatem cum omnis quisquam excepturi.
@@helenosalgado7453 caraca que foda, na semana do dia 22/3 vai ter imersão alura, soq na primeira que fiz eu não entendi nada, estou tentando me preparar pra conseguir montar meu portfólio
@@diogozura vamos trabalhar nessa juntos! Vi o anúncio da Alura e também fiquei interessado. Entre no repositório do GitHub, e trocaremos ideia por lá.
Caraca vou começar o de JS também então, até por que já estou finalizando as aulas do módulo 2, jajá ficarei apenas esperando as aulas para quando o Guanabará soltar o vídeo na playtlist de CSS.
Curso excelente, parabéns pelo grande trabalho que vem desenvolvendo, já conclui o curso de python e agora finalizei o modulo 1 e as aulas disponíveis do M2 de HTML e CSS. Ansioso pelas próximas aulas.
6:12 - Professor, a fonte Verdana é sem serifa. No vídeo vc falou que é serifada. Outra coisa, Helvetica é a mesma fonte, igualzinha mesmo, em relação à Arial.
Oi Guanabara, parabéns pelo curso! Eu estou fazendo o curso pelo site, porque tenho interesse no certificado, no entanto essa aula, no site está fora do ar, o que me impede de avançar no curso e, consequentemente conseguir o certificado. Pode me dar um help sobre isso? Fico no aguardo obrigado!
E quando é que lançam mais aulas do módulo 2 do curso de HTML5 CSS3 na plataforma do curso em video?. Lançar na plataforma do curso em video, 3 aulas de 4 em 4 semanas é muito pouco para quem é apoiador e lhes foi prometido acesso antecipado ao modulo 2 do curso. Na plataforma do youtube este curso desenrola-se com mais rapidez e frequência. Gustavo Guanabara eu aprecio muito os seus cursos e tenho a certeza que esta critica nao se destina a si, que acredito não será o responsável pelo lançamento de novas aulas pois como você disse no inicio do curso, já estão prontas e gravadas todas as aulas do referido curso. Cumprimentos, obrigado e desculpe o meu desabafo Guanabara.
Eu jurava que se a pessoa não tivesse a fonte o navegador meio que baixava e armazenava em cache, sei lá. Porque daí se a pessoa fizer uma tipografia própria, como vai fazer pra usá-la?
Por via das dúvidas, eu posso colocar mais uma (ou mais) fonte(s) nessa família de "Arial, Helvetica, sans-serif"? Por exemplo: "Arial, Helvetica, Verdana, Tahoma, ..., sans-serif,"? Ou não faz sentido?
Você pode absolutamente adicionar mais fontes à família de fontes em CSS, como no exemplo que você mencionou: "Arial, Helvetica, Verdana, Tahoma, ..., sans-serif." No entanto, é importante entender como essa lista de fontes funciona e qual é o propósito dela. A lista de fontes em CSS é usada para fornecer opções alternativas de fontes em caso de a fonte principal não estar disponível no dispositivo do usuário. O navegador percorrerá a lista da esquerda para a direita e usará a primeira fonte que estiver disponível no sistema do usuário. Se nenhuma das fontes especificadas estiver disponível, o navegador usará uma fonte genérica de tipo sans-serif, como a que você especificou no exemplo. Adicionar várias fontes à lista é uma prática comum para aumentar a probabilidade de que o texto seja exibido em uma fonte legível, mesmo que a fonte preferida não esteja disponível. No entanto, você deve ter em mente algumas considerações: Compatibilidade de Fontes: Certifique-se de que as fontes que você está adicionando à lista sejam amplamente compatíveis e estejam disponíveis em uma variedade de sistemas e navegadores. Isso ajuda a garantir que seu texto seja exibido corretamente para a maioria dos usuários. Desempenho: Quanto mais fontes você incluir na lista, maior será o tempo de carregamento da página, pois o navegador precisa verificar cada uma delas. Portanto, evite listar um grande número de fontes. Priorização: Coloque as fontes mais amplamente disponíveis e semelhantes à fonte principal no início da lista para aumentar a probabilidade de que elas sejam usadas. Fontes Genéricas: Lembre-se de incluir uma fonte genérica de tipo sans-serif ou serif no final da lista, para que o navegador tenha uma opção padrão em caso de falha em todas as fontes especificadas. Portanto, a adição de fontes extras na família de fontes é uma prática válida e pode melhorar a experiência de leitura dos usuários, desde que seja feita com consideração cuidadosa em relação à compatibilidade e ao desempenho.
Oi, conheci vc recentemente procurando vídeo aulas/curso sóbre HTML e CSS e vi um vídeo seu que fala sobre livros e fiquei na dúvida quando pesquisei, esses livros são de 2011 por aí mais mesmo tendo tempo o conteúdo dele é atualizado vamos dizer para 2021?? Ou muda algumas regras, códigos de lá pra cá?? Fico grato se alguém me tirar essa dúvida👍
Acho q n compensa não man, mt coisas mudaram de 2011 pra cá. Mas e claro uma coisa ou outra tu pode aproveitar, eu msm estava procurando alguns livros de JS mas desisti pq os livros eram meio antigos já, mas nada te impede de comprar um curso e um livro e daí tu consulta no livro se mudou ou n
Se você está procurando alternativas ao PyCharm, um ambiente de desenvolvimento integrado (IDE) popular para Python, existem várias opções disponíveis. A escolha depende de suas preferências pessoais, necessidades de desenvolvimento e orçamento. Aqui estão algumas alternativas populares ao PyCharm: Visual Studio Code (VSCode): Desenvolvido pela Microsoft, o Visual Studio Code é uma IDE altamente extensível e gratuita. Com a instalação de extensões adequadas, você pode transformá-lo em um ambiente de desenvolvimento Python poderoso. Jupyter Notebook: Se você está trabalhando com análise de dados, aprendizado de máquina ou ciência de dados, o Jupyter Notebook é uma escolha popular. Ele oferece uma interface interativa para escrever e executar código Python em células. Spyder: O Spyder é uma IDE de código aberto projetada especificamente para cientistas de dados e engenheiros. Ele inclui ferramentas úteis para análise de dados, visualização e integração com bibliotecas populares como NumPy e Pandas. PyDev: PyDev é um plugin gratuito para o ambiente de desenvolvimento Eclipse. É uma escolha sólida se você já está familiarizado com o Eclipse ou prefere usar essa plataforma. Sublime Text: Embora não seja uma IDE Python dedicada, o Sublime Text é um editor de texto altamente personalizável e leve que pode ser configurado para desenvolvimento Python eficaz. Thonny: O Thonny é uma IDE Python simples e amigável para iniciantes. Ele é projetado para facilitar o aprendizado e o desenvolvimento em Python. Komodo IDE: O Komodo IDE é uma opção paga que oferece suporte a várias linguagens, incluindo Python. Ele possui recursos avançados de depuração e produtividade. Eric: O Eric é uma IDE Python de código aberto que fornece recursos avançados, como depuração, controle de versão integrado e muito mais. Lembre-se de que a escolha da IDE depende das suas preferências pessoais, do tipo de projeto em que você está trabalhando e do seu orçamento. Experimente algumas dessas alternativas para encontrar a que melhor atende às suas necessidades.
O curso está ótimo, mas particularmente achei desnecessário mostrar tanto os tipos de css dentro do html ao invés de mostrar o que é realmente usado, que é o externo.
Guanabara, primeiramente gostaria de lhe dizer que o curso é excelente, parabéns pelo grande trabalho que vem desenvolvendo, acabei de finalizar do modulo 01 do HTML & CSS e agora to fazendo modulo 02, continue assim que esta voando demais. Sobre isso, esse vídeo "Famílias de fonte com CSS", Tem como você conseguir por a legenda do vídeo? pois esta sem, sou deficiente auditivo, consigo entender bem com a legenda, poderia me ajudar por favor? Agradeço.
Adicionando ao conteúdo: Para gerar textos, insira após a palavra Lorem um número que será referente a quantidade de palavras que você deseja. Ou seja, Lorem100 irá gerar um texto com 100 palavras. Lorem1000, 1000 palavras.
show
Meu pc depois de eu colocar lorem100000000:
@@risadinha2148 PC: chotto matte
pourran, muito obrigado!!!!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tempus ipsum nec rutrum lacinia. Nulla semper elit quis erat laoreet, fermentum sollicitudin ante tincidunt. Nullam tempus sapien vel urna consequat, vel pharetra justo elementum. Nulla pretium, nulla elementum molestie fermentum.
*Font-family mais comuns:* Arial, Verdana e Helvetica
font-family: 'Courier New'; -> nomes compostos precisam de 'aspas'
font-family: sans-serif; -> qualquer fonte sem serifa
font-family: serif; -> qualquer fonte com serifa
font-family: monospace; -> qualquer fonte monoespaçada
*Safe combination:*
Se não tiver uma opção de fonte, passa para a seguinte. (Pesquisar mais: CSS web safe font combinations).
Ex: font-family: Arial, Helvetica, sans-serif;
font-family: 'Times New Roman', Times, serif;
**Dica:* Após "font-family:", ao clicar Ctrl + Espaço, o VS Code sugere as principais safe combinations.
Obrigado pelas informações, amigo.
obrigada.
Uma forma de utilizar lorem é colocar o número de palavras na frente. Exemplo: lorem50. Ao pressionar tab/enter, será gerado um lorem ipsun com 50 palavras, ou o número que você preferir.
Exemplo:
p>lorem40 (tab)
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil explicabo, laboriosam architecto inventore repudiandae culpa incidunt delectus tenetur commodi ratione aspernatur, vero eius repellat ex, cumque modi et reprehenderit exercitationem! Minus aut assumenda exercitationem totam voluptatem cum omnis quisquam excepturi.
caramba eu to viciado nesse curso e fazendo o de JS . assim esse combo é muito bom
Caraca, estou fazendo o de JS também!
@@helenosalgado7453 caraca que foda, na semana do dia 22/3 vai ter imersão alura, soq na primeira que fiz eu não entendi nada, estou tentando me preparar pra conseguir montar meu portfólio
@@diogozura tbm mano boa sorte para nos
@@diogozura vamos trabalhar nessa juntos! Vi o anúncio da Alura e também fiquei interessado. Entre no repositório do GitHub, e trocaremos ideia por lá.
Caraca vou começar o de JS também então, até por que já estou finalizando as aulas do módulo 2, jajá ficarei apenas esperando as aulas para quando o Guanabará soltar o vídeo na playtlist de CSS.
O ganabara tava desanimado pá programar mais o seu vídeo sempre me anima brigado 👌
Curso excelente, parabéns pelo grande trabalho que vem desenvolvendo, já conclui o curso de python e agora finalizei o modulo 1 e as aulas disponíveis do M2 de HTML e CSS. Ansioso pelas próximas aulas.
Eu estou muito feliz, eu sinto que estou conseguindo me desenvolver muito bem ao acompanhar os vídeos, muito obrigado, Guanabara!
Muito obrigado equipe do curso em vídeo, devo muito a vocês!
Curso em video, sem duvidas o melhor do mundo!
Assistindo as aulas e dando like no inicio e comentario para ajudar da forma que posso
Muito obrigado por essa aula, professor. Isso vai me ajudar muito no meu futuro.
Muito legal, não conhecia esse conceito de Safe combinations.
aula nota 1000
Obrigado por mais um vídeo com qualidade fantástica!
Passando aqui só pra comentar: que professor.
E claro, pra dar engajamento.
que show de curso viciante rs ja fiz modulo e modulo 2 agora e nao sei nme como agradecer por um curso desse e gratuito
pra quem comecou a estudar em 2024, no vscode ja tem todas as fontes incluidas. digite fonte family- que em seguida vai ter todas as fontes
Não tenho palavras para esse professor maravilhoso!
Explodiu minha cabeça incrível
Top 🔝 👏👏👏
Ótimo video
Obrigado maais uma vez!
ótima aula!
valeu
estou aprendendo muito
Show!
estou firme aqui nos estudos
Muito obrigada, mestre!
Obrigado professor!!!
Devia ser proibido por lei alguém colocar "dislike" nesses vídeos...
Muito bom
vídeo perfeito
muito obrigado mestre!
Obrigado Guanabara!!
mais uma grande aula.
Obrigado
Brabo dms, mt obg Guanabara!!!!
6:12 - Professor, a fonte Verdana é sem serifa. No vídeo vc falou que é serifada. Outra coisa, Helvetica é a mesma fonte, igualzinha mesmo, em relação à Arial.
Let's go
agora eu me sinto um design completo
Guanabara, eu acompanho pelo site , porém tem algumas aulas que tem aqui e ainda não tem lá, precisei acompanhar pelo TH-cam e não pelo site :(
Comecei a fazer o curso de html hj 🙂
Vi q seu comentário ja faz um ano, eae, vc seguiu com programação ou desistiu?
@@luckingbr2047vi que seu comentário faz mais de um ano,seguiu também ou não ?
4:35 "eu vou te mostrar o sertão, sertão mesmo!" Nos mostre o sertão da Paraíba! haha
kkkkkkk mas a fonética é diferente, vey... sêrtão diferente de cértão... xD
Pq vc tem q ser tão piadista?
Kkkkkkkkk e eu sou paraibano
9:42 - Pelo visto o nosso querido Guanabara não gosta tanto assim de Comic Sans kkkkkk
A decepção instantânea me tirou algumas risadas.
Oi Guanabara, parabéns pelo curso! Eu estou fazendo o curso pelo site, porque tenho interesse no certificado, no entanto essa aula, no site está fora do ar, o que me impede de avançar no curso e, consequentemente conseguir o certificado. Pode me dar um help sobre isso? Fico no aguardo obrigado!
7:28 *"Pintinho Piu"* , é você? kkkk
6:12 Fonte Verdana é NÃO serifada.
😁😁😁
Mais uma concluída.
👏🏽👏🏽👏🏽👏🏽
Atualiza os videos no Módulo do Site please
Nao vai ter atualização para os apoiadores?
👋👋👋👋👋👋
E quando é que lançam mais aulas do módulo 2 do curso de HTML5 CSS3 na plataforma do curso em video?.
Lançar na plataforma do curso em video, 3 aulas de 4 em 4 semanas é muito pouco para quem é apoiador e lhes foi prometido acesso antecipado ao modulo 2 do curso.
Na plataforma do youtube este curso desenrola-se com mais rapidez e frequência.
Gustavo Guanabara eu aprecio muito os seus cursos e tenho a certeza que esta critica nao se destina a si, que acredito não será o responsável pelo lançamento de novas aulas pois como você disse no inicio do curso, já estão prontas e gravadas todas as aulas do referido curso.
Cumprimentos, obrigado e desculpe o meu desabafo Guanabara.
O curso de HTML quando eu acesso o site só aparece o antigo, esse curso já está lá no site (essa versão)?
Eu vou fazer o de Pyntom agr primeiro curso, fui indicado, parece ser bom.
O Guanabara só atualiza o site no final do módulo. Mas o primeiro módulo está disponível, quando acessei ele estava no final da página.
Salve salve
@PROGRAMADOR CAGÃO bora que bora pra cima
Salve salve
"VAI NO GULUGULU"
up
Eu jurava que se a pessoa não tivesse a fonte o navegador meio que baixava e armazenava em cache, sei lá. Porque daí se a pessoa fizer uma tipografia própria, como vai fazer pra usá-la?
Nesse caso, a pessoa pode subir com as fontes para o servidor. Ela será baixada junto com a página.
Por via das dúvidas, eu posso colocar mais uma (ou mais) fonte(s) nessa família de "Arial, Helvetica, sans-serif"? Por exemplo: "Arial, Helvetica, Verdana, Tahoma, ..., sans-serif,"? Ou não faz sentido?
Boa tarde, Jeferson! Faz total sentido sim. É só colocar essa fonte em ordem de prioridade
Você pode absolutamente adicionar mais fontes à família de fontes em CSS, como no exemplo que você mencionou: "Arial, Helvetica, Verdana, Tahoma, ..., sans-serif." No entanto, é importante entender como essa lista de fontes funciona e qual é o propósito dela.
A lista de fontes em CSS é usada para fornecer opções alternativas de fontes em caso de a fonte principal não estar disponível no dispositivo do usuário. O navegador percorrerá a lista da esquerda para a direita e usará a primeira fonte que estiver disponível no sistema do usuário. Se nenhuma das fontes especificadas estiver disponível, o navegador usará uma fonte genérica de tipo sans-serif, como a que você especificou no exemplo.
Adicionar várias fontes à lista é uma prática comum para aumentar a probabilidade de que o texto seja exibido em uma fonte legível, mesmo que a fonte preferida não esteja disponível. No entanto, você deve ter em mente algumas considerações:
Compatibilidade de Fontes: Certifique-se de que as fontes que você está adicionando à lista sejam amplamente compatíveis e estejam disponíveis em uma variedade de sistemas e navegadores. Isso ajuda a garantir que seu texto seja exibido corretamente para a maioria dos usuários.
Desempenho: Quanto mais fontes você incluir na lista, maior será o tempo de carregamento da página, pois o navegador precisa verificar cada uma delas. Portanto, evite listar um grande número de fontes.
Priorização: Coloque as fontes mais amplamente disponíveis e semelhantes à fonte principal no início da lista para aumentar a probabilidade de que elas sejam usadas.
Fontes Genéricas: Lembre-se de incluir uma fonte genérica de tipo sans-serif ou serif no final da lista, para que o navegador tenha uma opção padrão em caso de falha em todas as fontes especificadas.
Portanto, a adição de fontes extras na família de fontes é uma prática válida e pode melhorar a experiência de leitura dos usuários, desde que seja feita com consideração cuidadosa em relação à compatibilidade e ao desempenho.
gguanabra não esqueçe de colocar o idioma pt-br
Oi, conheci vc recentemente procurando vídeo aulas/curso sóbre HTML e CSS e vi um vídeo seu que fala sobre livros e fiquei na dúvida quando pesquisei, esses livros são de 2011 por aí mais mesmo tendo tempo o conteúdo dele é atualizado vamos dizer para 2021?? Ou muda algumas regras, códigos de lá pra cá??
Fico grato se alguém me tirar essa dúvida👍
Acho q n compensa não man, mt coisas mudaram de 2011 pra cá. Mas e claro uma coisa ou outra tu pode aproveitar, eu msm estava procurando alguns livros de JS mas desisti pq os livros eram meio antigos já, mas nada te impede de comprar um curso e um livro e daí tu consulta no livro se mudou ou n
@@Yan-zg8us blz, vlw cara
manos se não funcionar colocar 2 seletores e so que vc esqueceu da virgula, bons estudos a todos
" vc vai no GULU GULU kkkkkkkkkkkkkkkkkkkkkkkk"
pesquise isso no youtube, eu ri pra caramba quase vi um video kkk
Alguém sabe me dizer um programa pra substituir o PayCharm? Não executa no meu PC.
Visual Studio Code
Se você está procurando alternativas ao PyCharm, um ambiente de desenvolvimento integrado (IDE) popular para Python, existem várias opções disponíveis. A escolha depende de suas preferências pessoais, necessidades de desenvolvimento e orçamento. Aqui estão algumas alternativas populares ao PyCharm:
Visual Studio Code (VSCode):
Desenvolvido pela Microsoft, o Visual Studio Code é uma IDE altamente extensível e gratuita. Com a instalação de extensões adequadas, você pode transformá-lo em um ambiente de desenvolvimento Python poderoso.
Jupyter Notebook:
Se você está trabalhando com análise de dados, aprendizado de máquina ou ciência de dados, o Jupyter Notebook é uma escolha popular. Ele oferece uma interface interativa para escrever e executar código Python em células.
Spyder:
O Spyder é uma IDE de código aberto projetada especificamente para cientistas de dados e engenheiros. Ele inclui ferramentas úteis para análise de dados, visualização e integração com bibliotecas populares como NumPy e Pandas.
PyDev:
PyDev é um plugin gratuito para o ambiente de desenvolvimento Eclipse. É uma escolha sólida se você já está familiarizado com o Eclipse ou prefere usar essa plataforma.
Sublime Text:
Embora não seja uma IDE Python dedicada, o Sublime Text é um editor de texto altamente personalizável e leve que pode ser configurado para desenvolvimento Python eficaz.
Thonny:
O Thonny é uma IDE Python simples e amigável para iniciantes. Ele é projetado para facilitar o aprendizado e o desenvolvimento em Python.
Komodo IDE:
O Komodo IDE é uma opção paga que oferece suporte a várias linguagens, incluindo Python. Ele possui recursos avançados de depuração e produtividade.
Eric:
O Eric é uma IDE Python de código aberto que fornece recursos avançados, como depuração, controle de versão integrado e muito mais.
Lembre-se de que a escolha da IDE depende das suas preferências pessoais, do tipo de projeto em que você está trabalhando e do seu orçamento. Experimente algumas dessas alternativas para encontrar a que melhor atende às suas necessidades.
Como faço pra ver o terceiro modo? Alguém me ajuda plies
Eu estou viciadaaaaaa
Só falta mais 6 e eu já quero mais kkkk
vc ainda tá estudando, @@thayramos9371 ?
10
Começa em 2:20
26.07.23
O curso está ótimo, mas particularmente achei desnecessário mostrar tanto os tipos de css dentro do html ao invés de mostrar o que é realmente usado, que é o externo.
um tijolo de cada vez
Os 3 são importantes e inclusive têm seus motivos para ter níveis de prioridade. Não é atoa que toda regra tem sua excessão.
up