Seu curso de HTML/CSS e início de JS é espetacular! Não tem nenhum outro curso que entregue aulas tão aprofundadas que permita o aluno construir uma base tão sólida em html/css quanto o seu curso. Sempre indico o seu curso para amigos que estão iniciando na programação front end. Abraço professor!
Esse foi o vídeo mais completo que já vi sobre position. Muito obrigado. Tinha muitas dúvidas de quando usar cada um e ele é muito usado. Agora só praticar.
explicou bem, mas é muito mais complexo que isso, porque o bottom:0 nao joga o elemento pra final do html? mas so pra final da imagem atual sem scrollar?
Poxa vida, professor! Ajudou muito, de fato consegui compreender o conceito e até apliquei, em um "Menu" feito da "Lista" e utilizando o antigo "Float"... Obrigado! ♥ ♥ ♥
Olá, me ajude com uma questao, estou aprendendo front end, e me interessei em aprender o figma também para design. eu posso estudar um pouco o figma todo dia, e depois estudar programação também? não atrapalharia? muito obrigado.
Eu não acho que atrapalha não pois são áreas bem diferentes. Mas isso é um achismo meu. Vale você tentar e ver se consegue absorver bem o conteudo dessa forma. Abração
@@serliv Obrigado pela resposta, a minha duvida foi pelo fato do figma entregar um css "pronto" para aplicar no projeto do vscode ainda (desculpa perguntar isso aqui é que você é a pessoa que mais responde a gente no youtube e bem rapido) rsrs
Poderia fazer um vídeo mostrando todos suas extensões do vscode e tbm ensinar a configurar elas, por esse essa q quando vc salva o arquivo ele formata o conteúdo com espaços e tals, no js q ele coloca o ; no final do código, isso é muito útil, OBS: sou no seu no canal, nao sei se vc ja faz esse tipo de vídeo, vim pro seu canal pq adquiri seu curso de js na udemy.
Ola Daniel, tudo bem? Desculpe por nao ser relacionado com o video. Só queria saber que toque é esse. Eu achei quem canta e o nome, porem só o instrumental nao consigo.
No caso do position absolute, sem nenhum elemento posicional ancestral, você disse que ele acompanha o scroll. No caso, não seria o contrário? Ele fica estático, pois não acompanha o scroll? Rs. Fiquei confuso. O que eu entendi, até então, é que se não tiver nenhum elemento posicional ancestral, o position absolute vai usar como referência o viewport em que foi construído / renderizado. Seria correto pensar assim?
Oi Lucas. O position absolute sem nenhum ancestral posicionado acompanha a viewport, sim. Você está certo. Esse elemento com position absolute acompanha o scroll, normalmente.
17:51 Por gentileza, no exemplo, o senhor afirmou que vai voltar a se relacionar com o body, ao substituir a posição relative por static. Mas por que ele vai apontar (como "pai") para o body e não para o espaço reservado na tela da div static? Em outras palavras, ao usarmos o position static, não deixamos ele "preso/fixo" naquele espaço de tela, e ao fazermos com que uma div absolute fique dentro da div static, essa div absolute não deveria ter seu espaço contido dentro do espaço de tela que o static ocupa? Muito obrigado! Static Relative
Sim. Mas o elemento posicionado absolutamente se referencia pelo primeiro elemento ancestral posicionado (absolute, fixed, sticky ou relative, ou seja, não se relaciona com um elemento que seja static).
caso eu tenha uma div e não tenha a intenção de usar outra dentro com position absolute, é melhor colocar o position relative na div pai ou é indiferente ?
Muito bom. Só com esse vídeo ganhou um aluno para teu curso. Um só não, que com certeza vou indicar para mais pessoas. Essa já é a terceira, quarta explicação que eu assisto e a única que bem elaborada. Parabéns.
Vìdeo sensacional. Só não dou valeu pois estou desempregada e dura, mas merece, viu? E só para entender: Absolute fora de um div com posicionamento considera o viewport? Ou seja, se a viepowrt tem 500px de altura e o documento tem 1000px de altura ao todo, ele considera os 500px iniciais? Pois foi o que deu para entender no exemplo, já que ele não ficou a 10px do fim da page. Se for isso, deve ser complicado usar ele fora de outra div com positioning, pois resoluções idferentes ferram tudo.
Não se preocupe com o "valeu" Annie. O meu canal tem por objetivo ajudar o máximo de pessoas que eu conseguir. Com relação à sua dúvida, você está certíssima. Normalmente usamos absolute dentro de outra div ou relacionado com o body quando queremos ele no topo.
dica que aprendi por acaso: No css, existe a propria propriedade z-index, basta setar o posicionamento que deseja que fique em primeiro plano, quanto menor o numero, mais ao final da fila ele fica. EX: z-index: 0; fica abaixo de z-index: 1; e assim por diante.
Valeu professor. Uma sugestão. Depois que traduzi os termos dessa aula, a compreensão ficou ainda melhor. Por exemplo: static, absolute, relative, fixed e sticky, traduzidos, ficaram: estático, absoluto, relativo e pegajoso. O termo sticky, como tradução pegajoso, ficou bem melhor de entender o final da aula. Acredito, que para quem tem uma noção de inglês, o aprendizado pode ser bem melhor e mais rápido.
Curso Web Fundamentos: HTML, CSS e Javascript serfrontend.com/cursos/web-fundamentos-html-css/index.html
Seu curso de HTML/CSS e início de JS é espetacular! Não tem nenhum outro curso que entregue aulas tão aprofundadas que permita o aluno construir uma base tão sólida em html/css quanto o seu curso. Sempre indico o seu curso para amigos que estão iniciando na programação front end. Abraço professor!
Nossa Rodrigo. Muito obrigado. Confesso que fiquei emocionado aqui. Muito obrigado mesmo, pela mensagem e pelas indicações também
Esse foi o vídeo mais completo que já vi sobre position. Muito obrigado. Tinha muitas dúvidas de quando usar cada um e ele é muito usado. Agora só praticar.
Muito obrigado pelo feedback
Boa! Esse é um tópico bastante confuso. Vai ajudar muito esse vídeo!
Muito obrigado pelo feedback Marcos. Abração
Em nenhum lugar a aula de posicionamento entrava na minha cabeça, apenas com essa aula ja consegui entender o que precisava, conteúdo muito top galera
Show. Muito obrigado pelo feedback Felipe
depois de tanto video, esse foi o único que eu assisti e aprendi kk.
Que bom. Fico feliz. Forte abraço
Muito boa explicação. Estou começando a estudar e sem dúvidas suas aulas são as que mais me ajudam. Muito obrigada!
Que bom Juliana. Fico feliz. Forte abraço e muito obrigado pela mensagem
explicou bem, mas é muito mais complexo que isso, porque o bottom:0 nao joga o elemento pra final do html? mas so pra final da imagem atual sem scrollar?
Explicação muito boa. Parabéns pela didática
Eu que agradeço pela mensagem Erika. Abração
Cara muito bom!!
Muito obrigado Henrique. Forte abraço
Poxa vida, professor! Ajudou muito, de fato consegui compreender o conceito e até apliquei, em um "Menu" feito da "Lista" e utilizando o antigo "Float"... Obrigado! ♥ ♥ ♥
Que bom que ajudou. Muito obrigado pelo feedback
Ótima aula professor!!👏🏼👏🏼👏🏼 Obrigado por disponibilizar está conteúdo… Deus abençoe !
Muito obrigado. Valeu mesmo
Meu amigo, pense em conteúdo que tá me ajudando mto no estágio. Hehehe mto b os seus vídeos.
Posta vídeos de responsivo
Opa. Muito obrigado pela sugestão. Pode deixar 😉
Obrigado pelo video, vou concertar as cagas que fiz no meu código kkkk
🤣🤣🤣💩
Muchas Gracias serfrontend!!! show de bola.. abraço grande desde Argentina
Muchas Gracias Carlos. Forte abraço
Aulão! Parabéns! 👏🏻
Obrigado 😃
Melhor aula que já vi 👏👏👏👏
Que bom que gostou ☺️
Depois de ver o video no channel do Mano Deyvin, vim conferir a diferença entre positions.
Hahahaha boa. É isso aí. Deve ter aqui no canal tb algo falando de objetos e classes kkkk
Sensacional!!! Imagina o curso...
hahahah... modéstia a arte, é muito bom :)
Ótima didática. Valeu Professor...
Muito obrigado :)
Olá, me ajude com uma questao, estou aprendendo front end, e me interessei em aprender o figma também para design. eu posso estudar um pouco o figma todo dia, e depois estudar programação também? não atrapalharia? muito obrigado.
Eu não acho que atrapalha não pois são áreas bem diferentes. Mas isso é um achismo meu. Vale você tentar e ver se consegue absorver bem o conteudo dessa forma. Abração
@@serliv Obrigado pela resposta, a minha duvida foi pelo fato do figma entregar um css "pronto" para aplicar no projeto do vscode ainda (desculpa perguntar isso aqui é que você é a pessoa que mais responde a gente no youtube e bem rapido) rsrs
Tmj monstro, agora é só ir praticando. Peguei a teoria.
É isso mesmo. Abração
Poderia fazer um vídeo mostrando todos suas extensões do vscode e tbm ensinar a configurar elas, por esse essa q quando vc salva o arquivo ele formata o conteúdo com espaços e tals, no js q ele coloca o ; no final do código, isso é muito útil, OBS: sou no seu no canal, nao sei se vc ja faz esse tipo de vídeo, vim pro seu canal pq adquiri seu curso de js na udemy.
Obrigado pela sugestão Bruno. Abração
Explicação matadora, fenomenal
Que bom que gostou Gleydson. Abração
Ola Daniel, tudo bem? Desculpe por nao ser relacionado com o video. Só queria saber que toque é esse. Eu achei quem canta e o nome, porem só o instrumental nao consigo.
Sunset n Beachz - Ofshane . Acha na biblioteca de audio aqui no youtube
Muito bom professor, muito obrigado!!!
Imagina. Eu que agradeço
Qual aplicativo é este que utiliza, para desenhar na tela?
Obrigado pelo vídeo, compreendi muito melhor com sua explicação!
Obrigado Wesley. O app chama zoomit
Gostei muito!
Que bom que gostou
Esse vídeo foi muito esclarecedor
Muito obrigado pelo feedback. Abração
No caso do position absolute, sem nenhum elemento posicional ancestral, você disse que ele acompanha o scroll. No caso, não seria o contrário? Ele fica estático, pois não acompanha o scroll? Rs. Fiquei confuso.
O que eu entendi, até então, é que se não tiver nenhum elemento posicional ancestral, o position absolute vai usar como referência o viewport em que foi construído / renderizado. Seria correto pensar assim?
Oi Lucas. O position absolute sem nenhum ancestral posicionado acompanha a viewport, sim. Você está certo. Esse elemento com position absolute acompanha o scroll, normalmente.
Otima didatica!
Muito obrigado Thiago 😊
Excelente explicação. Parabéns 👏👏👏
Muito obrigado pelo elogio Vini. Abração
17:51 Por gentileza, no exemplo, o senhor afirmou que vai voltar a se relacionar com o body, ao substituir a posição relative por static. Mas por que ele vai apontar (como "pai") para o body e não para o espaço reservado na tela da div static?
Em outras palavras, ao usarmos o position static, não deixamos ele "preso/fixo" naquele espaço de tela, e ao fazermos com que uma div absolute fique dentro da div static, essa div absolute não deveria ter seu espaço contido dentro do espaço de tela que o static ocupa? Muito obrigado!
Static
Relative
Sim. Mas o elemento posicionado absolutamente se referencia pelo primeiro elemento ancestral posicionado (absolute, fixed, sticky ou relative, ou seja, não se relaciona com um elemento que seja static).
Usei isso exatamente hoje.
Boa Felipe. Muito obrigado pelo feedback
caso eu tenha uma div e não tenha a intenção de usar outra dentro com position absolute, é melhor colocar o position relative na div pai ou é indiferente ?
Não precisa colocar position relative caso vc não queira "mover" essa div sem filhos com position absolute
Material excelente
Muito obrigado 😊
Bom demais 👏🏻👏🏻
Valeuuuuu
ótima aula!!
Muito obrigado Thaina
Muito obrigado pela aula sobre position!!
Imagina. Eu que agradeço pela mensagem. TMJ lucas
Cara, VALEU!
Nós que agradecemos!
Agradeço demais. Tava com essas dúvidas.
Espero ter ajudado. Forte abraço
Muito bom. Só com esse vídeo ganhou um aluno para teu curso. Um só não, que com certeza vou indicar para mais pessoas. Essa já é a terceira, quarta explicação que eu assisto e a única que bem elaborada. Parabéns.
Nossa. Muito obrigado pela confiança. Forte abraço e bons estudos
Conteúdo top!
Muito obrigado Renato. Abração
Que vídeo perfeito
Muito obrigado pelo feedback 😃
Obrigado pelas dicas, professor!
Eu que agradeço pela mensagem. Abração
Vìdeo sensacional. Só não dou valeu pois estou desempregada e dura, mas merece, viu?
E só para entender: Absolute fora de um div com posicionamento considera o viewport? Ou seja, se a viepowrt tem 500px de altura e o documento tem 1000px de altura ao todo, ele considera os 500px iniciais? Pois foi o que deu para entender no exemplo, já que ele não ficou a 10px do fim da page. Se for isso, deve ser complicado usar ele fora de outra div com positioning, pois resoluções idferentes ferram tudo.
Não se preocupe com o "valeu" Annie. O meu canal tem por objetivo ajudar o máximo de pessoas que eu conseguir. Com relação à sua dúvida, você está certíssima. Normalmente usamos absolute dentro de outra div ou relacionado com o body quando queremos ele no topo.
Qual o aplicativo que usa para fazer essas marcações na tela do computador?
Chama-se zoomit... abraços
mds que lindo. consegui aprender kkkkk
Que ótimo! Muito obrigado pelo feedback
dica que aprendi por acaso: No css, existe a propria propriedade z-index, basta setar o posicionamento que deseja que fique em primeiro plano, quanto menor o numero, mais ao final da fila ele fica. EX: z-index: 0; fica abaixo de z-index: 1; e assim por diante.
Boa. É isso aí. Abração
Valeu professor. Uma sugestão. Depois que traduzi os termos dessa aula, a compreensão ficou ainda melhor. Por exemplo: static, absolute, relative, fixed e sticky, traduzidos, ficaram: estático, absoluto, relativo e pegajoso. O termo sticky, como tradução pegajoso, ficou bem melhor de entender o final da aula. Acredito, que para quem tem uma noção de inglês, o aprendizado pode ser bem melhor e mais rápido.
Ótima sugestão Rogério. Faz todo o sentido. Muito obrigado
Muito bom 😀 parabéns pelo conteúdo
Muito obrigado Jhony
Show professor, conteúdo top! 👏👏
Valeu Rafael, forte abraço
Caramba 👏
Top
Valeu Leandro
Muito obrigado
Eu que agradeço Nikolas
😄
10:31
???
@@serliv apenas marquei o tempo de onde parei a aula.
@@benmoraes5511 gzuis.. se essa moda pega kkkkkk