Conheci teu canal a três dias atrás! E tu me ensinou mais do que eu aprendi em 3 anos no meu curso técnico de informática para internet. Muito obrigada mesmo, sério, teus vídeos são perfeitos! Já compartilhei teu canal com os meus amigos do curso
essas coisas não se aprende na faculdade, na vdd na faculdade se aprende tudo, menos o que o mercado de trabalho precisa, essas coisas vc aprender em qualquer cursinho de Alura, Udemy e RUclips
Menina que top seu conteúdo , estou migrando da área Comercial para TI, e sinto falta de assuntos mais atuais, belíssimo trabalho, e ainda mais feliz por ser uma mulher, empoderada🙌
Que perfeito! Muito obrigada, você tem uma excelente didática e realmente explica cada linha que insere no código. PARABÉNS pela forma de transmitir conhecimento. Desejo muito sucesso ao canal, com certeza vai crescer bastante! Obrigada pelos conhecimentos, tirou minhas dúvidas sobre posicionamento de imagem e texto com flexbox, o assunto que estou estudando atualmente. Gratidão 💜💜
Parabéns Giovanna! Estou gatinhando nesse incrível mundo da programação. Aínda estou aprendendo HTML Tenho visto muitos vídeos e eis que me deparo com o seu. O que te dizer? Show de Bola menina! Simpática, humilde, e muita clareza nas explicações. Parabéns "Professora" ! Sugestão: Faça um vídeo falando sobre sua formação, sobre quando e porque decidiu fazer programação, se trabalha Free lance ou para alguma Empresa etc... Grande abraço!
Que bacana seu conteúdo viu alem de ser simpaticíssima, assisti o primeiro vídeo agora e já vou me inscrever no canal e conferir mais do conteúdo parabéns moça !!!!!!
Maravilhoso conteúdo!!! Parabéns! Didática, conhecimento, praticidade, clareza e determinação no domínio do assunto. Me ajudou bastante a entender muitos detalhes que eu precisava aprender. Obrigada por esse vídeo fenomenal, continue assim! :-)
2:14 Você pode simplesmente digitar "lorem" sozinha ou seguido do número de palavras que você quer junto e apertar tab que será gerado um Lorem no próprio VSCode, sem necessidade de pegar online ou coisa do tipo :) Aliás, o aninhamento de seletores que você faz, além de ser exaustivo escrever tanto e poluir desnecessariamente o arquivo CSS, não é boa prática pois pode causar problemas de especificidade no código e dar uma dor de cabeça bem maior. Sendo assim, o ideal é evitar ao máximo aninhamento, especialmente grandes seletores aninhados e, sempre que possível, optar pelo uso de classes. Um dos métodos convencionados em nomenclatura CSS muito conhecido é um chamado BEM, recomendo a qualquer um que busque aprendê-lo, é fácil, simples, intuitivo, vai garantir menos problemas de especificidade no seu código, além de ser um padrão de mercado internacional.
Cara, ela já deve saber isso. Só pelo domínio e senso que ela tem com CSS e o Design dá pra ver que ela já tem muita prática. Ela deve ter optado por escrever as classes assim pra quem estiver assistindo saber quem tá dentro de quem. E melhor copiar o Mussum Ipsum à gerar lorem com tab, fueda-se. kkkk
@@moisescristiano4404 Não importa se ela sabe, importa se ela está ensinando certo ou não. Escrever seletores aninhados gera facilmente problema de especificidade e, quanto mais a base de código cresce, mais imprevisível fica o comportamento de estilização. Ensinar uma forma de programar que no futuro vai acarretar em grandes dores de cabeça, ou que logo mais terão que aprender corrigir a forma que aprenderam para aprender da forma correta. No fim, isso não é sobre ela, mas sobre quem está *aprendendo* dela. E se você prefere perder tempo indo na internet atrás de texto placeholder em vez de usar o sistema embutido no próprio VSCode, é sua escolha, não será eu que estará perdendo tempo mesmo.
@@AmodeusR Ser programador ou qualquer outra profissão envolve estudo constante. E isso inclui desaprender e ter noções, por mais iniciante que seja. Você está partindo do princípio que as pessoas que estão aprendendo são crianças que não entendem nada de nada. Mas não é assim. Já vi até cursos onde professores negligenciavam semântica, preferiam métodos old school, ou mesmo faziam de qualquer jeito, e estão onde estão. O crescimento e atualização é uma escolha do estudante, não depende do professor. A aula dela foi maravilhosa e perfeita, mas você preferiu "ensinar" e apontar defeitos. Acho que quem tem mais que aprender aqui, é você.
@@moisescristiano4404 Já ouviu falar de crítica construtiva? Pois é. Em nenhum momento xinguei ou desmereci o que ela fez, apenas a aconselhei em como *melhorar o seu código,* que adivinha? É uma habilidade fundamental para qualquer ser humano que deseja crescer na vida precisa, *especialmente* programadores. Se ela ou você não querem melhorar, apenas ignore o que eu disse ora, mas existe um punhado de pessoas que querem o mais e o melhor pra ir além do medíocre ou suficiente. Se a sua inspiração é negligenciar semântica, escrever código legado e fazer de qualquer jeito, fique à vontade com a sua mediocridade. Eu escolho olhar pro futuro e dar o meu melhor para que eu consiga o melhor pra minha vida. Quem quer o melhor pra si que ouça os conselhos que eu dei, os que não querem, que fiquem com sua mediocridade. Afinal, não vai ser eu que vai estar sofrendo depurando CSS pra entender porque diabos um determinado estilo não tá sendo aplicado, então só siga o conselho se quiser.
Muito bom, suas páginas ficam muito bonitas!!! Pra dar o espaçamento entre os itens usa o "gap" do flex box, que ai você não precisa ficar controlando as bordas
Muito bom! Tudo muito perfeito mesmo! Pode me tirar umas duvidas? É melhor especificar as classes o máximo que der? Tipo main.cards é melhor que .cards nesse caso, ou sempre depende se tiver muita coisa no código? E também sobre as cores e imagens, você pega em algum lugar ou você mesmo seleciona essas cores e gradientes incríveis?
acho que é por causa do meu monitor que n é dos melhores mas pra mim n deu pra ver a caixa do card eu tive que mudar o background color do body pra ficar umpouco mais escuro pra dar de ver mas fora isso muito bom vídeo, explica de mais. continue com o bom conteúdo.
só uma dica que pode não parecer mudar muita coisa, mas é interessante vc utilizar o padding com unidade EM ao invés de PX já que vc está utilizando VH em é unidade relativa e quando vc utiliza PX ele não se adapta muito bem de acordo com o view port
Quando você digita: main.cards section.card e finalmente img {} no CSS você está basicamente percorrendo um caminho para chegar até a tag que você quer estilizar ? Gostaria de entender qual é a diferença de escrever apenas IMG{} no CSS entre escrever da forma que você escreveu ? Muito obrigada pelo vídeo, me ajudou muito!
Nem sei se vc vai ver isso, mas...tenho um "colega" que diz que não se deve usar a unidade de medida px(nem em padding e margin) nos projetos, que isso é coisa de "site barato". O que você acha disso ? Concorda ? Ele tá certo ?
oie! depende muitooo, não tem muito um certo e errado, e nem “site barato” hauahauah usar medidas responsivas é o melhor a se fazer, mas isso não significa que nunca deve ser usado px! abraços!
Quando se coloca largura a altura já faz um cslculo automático pra ficar proporcional só que a imagem é grande então sempre fica estranha pq diminui muito geralmente isso o" object-fit na classe da img.."
muito bom o vídeo..estou estudando frontend e esse vídeo me fez perceber o quanto preciso me dedicar ao CSS, rs..mesmo sabendo que em um futuro não muito distante irei utilizar algum framework CSS
@@guilhermedenardi1077 eu também tô batendo muita cabeça em aprender todas as propriedades do css sem usar framework, já to com 2 meses estudando só css e nunca terminei de tanta propriedade que tem.
Muito show, parabéns! Me ajudou muito nessa parte de tornar responsivo. Quando tiver tempo, se possível, grava um video sobre "Conceitos básicos de Grid Layout - CSS", só se possível. Ta bom ?! kk
Como eu faço para que toda vez que for adicionado mais de 3 cards, o último for para baixo? Seu vídeo é muito bom e bem explicado, me ajudou muito. Obrigado!! ❤️❤️❤️
na época que esse vídeo foi lançado o gap do flex não tinha muita compatibilidade com navegadores, no Safari por exemplo não funcionava, hoje acredito estar bem melhor!!
cara eu curti o tutorial mas tem um grave problema, sempre que for fazer videos, tenta fazer com fundos escuros, mds é tanto brilho que nao consigo ver o video direito
Incrível como mulheres conseguem explicar mil vezes melhor, parabéns pelo conteúdo está ajudando muito 🫶
Conheci teu canal a três dias atrás! E tu me ensinou mais do que eu aprendi em 3 anos no meu curso técnico de informática para internet. Muito obrigada mesmo, sério, teus vídeos são perfeitos! Já compartilhei teu canal com os meus amigos do curso
Obrigada!! Fico feliz demais lendo isso!
essas coisas não se aprende na faculdade, na vdd na faculdade se aprende tudo, menos o que o mercado de trabalho precisa, essas coisas vc aprender em qualquer cursinho de Alura, Udemy e RUclips
Moça continue com esses vídeos, estão me ajudando demais durante meu curso! Obrigada por disponibilizar esse conhecimento de forma gratuita! ❤️❤️
Melhor explicação de todas. Por favor, grave mais vídeos de tutoriais. Um dev pedindo ajuda aqui.
Procurava uma idéia dessa para um projeto real, obrigado pela ajuda. Continue com os vídeos. Parabéns e SUCESSO. Mais um inscrito, LIKE!
Que didática sensacional, vou até salvar o vídeo para futuras consultas
ótimo trabalho, vídeos como esse ajudam muito os navatos na área.
Menina que top seu conteúdo , estou migrando da área Comercial para TI, e sinto falta de assuntos mais atuais, belíssimo trabalho, e ainda mais feliz por ser uma mulher, empoderada🙌
Essa também é minha visão do famigerado empoderamento feminino. Pena que a mídia alimenta outro tipo de "poder".
Que perfeito! Muito obrigada, você tem uma excelente didática e realmente explica cada linha que insere no código. PARABÉNS pela forma de transmitir conhecimento. Desejo muito sucesso ao canal, com certeza vai crescer bastante! Obrigada pelos conhecimentos, tirou minhas dúvidas sobre posicionamento de imagem e texto com flexbox, o assunto que estou estudando atualmente. Gratidão 💜💜
Que maravilha de tuto... me inscrever para acompanhar novos vídeos. Parabéns pela iniciativa de dividir conhecimentos.
Achei teu canal pelo tiktok e tô amando
Didática mto boa e fácil de entender
Parabéns Giovanna! Estou gatinhando nesse incrível mundo da programação. Aínda estou aprendendo HTML Tenho visto muitos vídeos e eis que me deparo com o seu. O que te dizer? Show de Bola menina! Simpática, humilde, e muita clareza nas explicações.
Parabéns "Professora" !
Sugestão: Faça um vídeo falando sobre sua formação, sobre quando e porque decidiu fazer programação, se trabalha Free lance ou para alguma Empresa etc...
Grande abraço!
Que bacana seu conteúdo viu alem de ser simpaticíssima, assisti o primeiro vídeo agora e já vou me inscrever no canal e conferir mais do conteúdo parabéns moça !!!!!!
que vídeo lindo útil perfeito eu amo esse vídeo sempre volto aqui
Maravilhoso conteúdo!!! Parabéns! Didática, conhecimento, praticidade, clareza e determinação no domínio do assunto. Me ajudou bastante a entender muitos detalhes que eu precisava aprender. Obrigada por esse vídeo fenomenal, continue assim! :-)
Muito bom o vídeo, parabéns!
Estava com um trabalho da faculdade para entregar e ajudou muito, explicação 1000x melhor que a do professor!
2:14 Você pode simplesmente digitar "lorem" sozinha ou seguido do número de palavras que você quer junto e apertar tab que será gerado um Lorem no próprio VSCode, sem necessidade de pegar online ou coisa do tipo :)
Aliás, o aninhamento de seletores que você faz, além de ser exaustivo escrever tanto e poluir desnecessariamente o arquivo CSS, não é boa prática pois pode causar problemas de especificidade no código e dar uma dor de cabeça bem maior. Sendo assim, o ideal é evitar ao máximo aninhamento, especialmente grandes seletores aninhados e, sempre que possível, optar pelo uso de classes. Um dos métodos convencionados em nomenclatura CSS muito conhecido é um chamado BEM, recomendo a qualquer um que busque aprendê-lo, é fácil, simples, intuitivo, vai garantir menos problemas de especificidade no seu código, além de ser um padrão de mercado internacional.
Onde posso aprender sobre o BEM?
Cara, ela já deve saber isso. Só pelo domínio e senso que ela tem com CSS e o Design dá pra ver que ela já tem muita prática. Ela deve ter optado por escrever as classes assim pra quem estiver assistindo saber quem tá dentro de quem. E melhor copiar o Mussum Ipsum à gerar lorem com tab, fueda-se. kkkk
@@moisescristiano4404 Não importa se ela sabe, importa se ela está ensinando certo ou não. Escrever seletores aninhados gera facilmente problema de especificidade e, quanto mais a base de código cresce, mais imprevisível fica o comportamento de estilização. Ensinar uma forma de programar que no futuro vai acarretar em grandes dores de cabeça, ou que logo mais terão que aprender corrigir a forma que aprenderam para aprender da forma correta.
No fim, isso não é sobre ela, mas sobre quem está *aprendendo* dela. E se você prefere perder tempo indo na internet atrás de texto placeholder em vez de usar o sistema embutido no próprio VSCode, é sua escolha, não será eu que estará perdendo tempo mesmo.
@@AmodeusR Ser programador ou qualquer outra profissão envolve estudo constante. E isso inclui desaprender e ter noções, por mais iniciante que seja. Você está partindo do princípio que as pessoas que estão aprendendo são crianças que não entendem nada de nada. Mas não é assim. Já vi até cursos onde professores negligenciavam semântica, preferiam métodos old school, ou mesmo faziam de qualquer jeito, e estão onde estão. O crescimento e atualização é uma escolha do estudante, não depende do professor. A aula dela foi maravilhosa e perfeita, mas você preferiu "ensinar" e apontar defeitos. Acho que quem tem mais que aprender aqui, é você.
@@moisescristiano4404 Já ouviu falar de crítica construtiva? Pois é. Em nenhum momento xinguei ou desmereci o que ela fez, apenas a aconselhei em como *melhorar o seu código,* que adivinha? É uma habilidade fundamental para qualquer ser humano que deseja crescer na vida precisa, *especialmente* programadores. Se ela ou você não querem melhorar, apenas ignore o que eu disse ora, mas existe um punhado de pessoas que querem o mais e o melhor pra ir além do medíocre ou suficiente.
Se a sua inspiração é negligenciar semântica, escrever código legado e fazer de qualquer jeito, fique à vontade com a sua mediocridade. Eu escolho olhar pro futuro e dar o meu melhor para que eu consiga o melhor pra minha vida. Quem quer o melhor pra si que ouça os conselhos que eu dei, os que não querem, que fiquem com sua mediocridade.
Afinal, não vai ser eu que vai estar sofrendo depurando CSS pra entender porque diabos um determinado estilo não tá sendo aplicado, então só siga o conselho se quiser.
Muito bom, suas páginas ficam muito bonitas!!!
Pra dar o espaçamento entre os itens usa o "gap" do flex box, que ai você não precisa ficar controlando as bordas
Ganhou mais um fã, por favor continue, sua didática é estupenda!
manja demais em, está me ajudando muito. Meus parabéns pelo vídeo.
Reza a lenda que ela dá coração em quem escreve"reza a lenda que ela da coração em quem escreve"
Ótimo conteúdo! Caso eu queira inserir um HEADER, posso inserir sem alterar os cards (css)?
Explica muito bem, melhor que muitos cursos, parabéns!
Excelente explicação!! Parabéns.
Excelente!!! Parabéns pela didática
no momento de dar espaço nos elementos dentro do cartão eu costumo usar flex e justify-content: space-evenly , o margin é mais recomendável ?
Olá, estou perdidamente apaixonado pelo seu canal, o conteúdo é muito bom, pelo fato de ser um projeto real e não uns bloquinhos sem vida. Amei
muuuito obrigada!!! ❤️
Sobre os botões, qual a diferença de usar ou ?
Que código clean. Amei o seu vídeo! Todo apoio para o canal 💕
Perfeitaaaaaaa, explica muito bem! Já quero um curso seu de css
Vídeo massa e ótima didática!
Esse método de usar classes filhas é muito útil, sempre me deparava com problemas assim, obrigado!!
Sou dev backend e preciso melhorar minhas habilidades no front, esse vídeo me ajudou muito, obrigado!!!
Aqueles carreteis de lojas (propagandas) encontradas no facebook segue a mesma linha?
parabens pelo teu video guria!! muito bom o conteudo! Me inscrevi aqui
Muito bom! Tudo muito perfeito mesmo! Pode me tirar umas duvidas?
É melhor especificar as classes o máximo que der? Tipo main.cards é melhor que .cards nesse caso, ou sempre depende se tiver muita coisa no código?
E também sobre as cores e imagens, você pega em algum lugar ou você mesmo seleciona essas cores e gradientes incríveis?
Simmm eu prefiro especificar!! E sou eu mesma que faço hahahah mas sempre tiro inspirações da net!
Ótimo vídeo, muito bem explicado e objetivo. Parabéns!
acho que é por causa do meu monitor que n é dos melhores mas pra mim n deu pra ver a caixa do card eu tive que mudar o background color do body pra ficar umpouco mais escuro pra dar de ver mas fora isso muito bom vídeo, explica de mais. continue com o bom conteúdo.
Muito bom o seu vídeo, fiz uma alteração de cores aqui para a minha pagina , vou mandar no instagram
Quando puder grava um vídeo abordando um pouco mais sobre deixar o site responsivo.
já tem mais vídeo aqui sobre no canal
Maravilhoso😊
Continue fazendo ótimos conteúdos
Já ganhou um +1 subscritor leal
Muito bom, ajudou um iniciante. Obrigado
Show de bola!Parabens!
Muito boa a explicação , muito obrigadaa
Muito boa a explicação, muito obrigado pelo video! Ajudou muito.
Estou fazendo o projeto aqui em casa vamos começar hehe
só uma dica que pode não parecer mudar muita coisa, mas é interessante vc utilizar o padding com unidade EM ao invés de PX já que vc está utilizando VH em é unidade relativa e quando vc utiliza PX ele não se adapta muito bem de acordo com o view port
Obrigadaaaa pelo conteúdoooo! Simplesmente sensacional! Já assisti uma 10 vezeeees kkkkkkkkk
Quando você digita:
main.cards section.card e finalmente img {} no CSS
você está basicamente percorrendo um caminho para chegar até a tag que você quer estilizar ?
Gostaria de entender qual é a diferença de escrever apenas IMG{} no CSS entre escrever da forma que você escreveu ?
Muito obrigada pelo vídeo, me ajudou muito!
nenhum, ela apenas escreve demais KKKKKKKKKKKK
Até que enfim esse vídeo saiu. hahaha
Cadê o botãozin para ser membro?
Thank you very much, your content is wonderful!
Muito bom, esta de parabéns!
Didática maravilhosa!
Parabéns, Aprendi muito
muito legal! qual o modelo do teclado que tu usa?
Nem sei se vc vai ver isso, mas...tenho um "colega" que diz que não se deve usar a unidade de medida px(nem em padding e margin) nos projetos, que isso é coisa de "site barato". O que você acha disso ? Concorda ? Ele tá certo ?
oie! depende muitooo, não tem muito um certo e errado, e nem “site barato” hauahauah usar medidas responsivas é o melhor a se fazer, mas isso não significa que nunca deve ser usado px! abraços!
@@giovanna.moeller Obg !
Quando se coloca largura a altura já faz um cslculo automático pra ficar proporcional só que a imagem é grande então sempre fica estranha pq diminui muito geralmente isso o" object-fit na classe da img.."
Giovanna sensei, domo arigatou! 🙇🏻
muito bom o vídeo..estou estudando frontend e esse vídeo me fez perceber o quanto preciso me dedicar ao CSS, rs..mesmo sabendo que em um futuro não muito distante irei utilizar algum framework CSS
vem pro css puro hahahah
@@giovanna.moeller juro que estou tentando
@@guilhermedenardi1077 eu também tô batendo muita cabeça em aprender todas as propriedades do css sem usar framework, já to com 2 meses estudando só css e nunca terminei de tanta propriedade que tem.
Que vídeo maravilhoso, muito obrigado pelo conteúdo!
Muito bom, parabéns!
Muito massa, adorei
tá me ajudando muito no meu aprendizado viu!!!!
porque você chama o nome da tag antes do nome da classe no css? é realmente necessário?
Muito show, parabéns! Me ajudou muito nessa parte de tornar responsivo. Quando tiver tempo, se possível, grava um video sobre "Conceitos básicos de Grid Layout - CSS", só se possível. Ta bom ?! kk
Como eu faço para que toda vez que for adicionado mais de 3 cards, o último for para baixo? Seu vídeo é muito bom e bem explicado, me ajudou muito. Obrigado!! ❤️❤️❤️
Parabéns pelo conteúdo, só acho que deveria ser mais frequente, e ter mais projetinhos, vc tem futuro.
Esse canal ainda existe? Tem curso gratuito de html5? Se ainda existir e tiver eu vou me inscrever. Bom dia.
qual a extensão que voce usa? M it? Enlit? nao consegui ouvir o nome direito kkkk
Que vídeo foda! Parabéns!
Muito legal, parabens pelo conteudo!
Que sensacional! Já fiz. 😍
Muito boa suas explicações, moça... bem clara para falar, assim bem fácil para entendermos, parabéns
video muito bom vlw mesmo, eu consegui fazer
Por que ao invés de usar firstChild e lastChild, não seria melhor usar o gap do flex-box?
na época que esse vídeo foi lançado o gap do flex não tinha muita compatibilidade com navegadores, no Safari por exemplo não funcionava, hoje acredito estar bem melhor!!
moça onde você achou esses icons?
Obrigado pelo conteúdo! :)
Qual o temaaa que vc usa?
Qual fonte tu tá usando?
Não ficou legal .
No Motorola .
Na verticsl corta div primeira .
Na horizontal as div fica inblock .
Muito bom o seu video
Simplesmente amei!!!
❤️❤️❤️
Muito top!!!
oi eu tenho um html que preciso fazer consegue me ajudar?
você me salvou muito moça, obg❤❤❤
Não entendi nada sobre colocar a img dentro da div e não vi mudança nenhuma.
Excelent jovem
MEUDEUS VC SALVOU MINHA VIDA!!! OBG
Thanks girl code!
Acho que ensinar assim com pequenos projetos é bem melhor do que ficar só mostrando tag, códigos sem aplicação visível...
Por que ao invés de digitar main.cards section.card .icon, vc nao escreveu simplesmente .icon?
mais criterios de especificidade :D
ficou muito legal
cara eu curti o tutorial mas tem um grave problema, sempre que for fazer videos, tenta fazer com fundos escuros, mds é tanto brilho que nao consigo ver o video direito
por deus ensina a usar o visual code
adoreiii !!
Привет(Hi). You're doing well.(у тебя все круто)
De mais 🥰
Som do teclado é terapêutico ksksks
Massa
Muito 10 : - )