Vem aprender HTML, CSS e Javascript comigo. SEM MENSALIDADE. Tem 30 dias para pedir o dinheiro de volta caso não fiquei totalmente satisfeito Curso Web Design Fundamentos. Aprenda HTML CSS e Javascript: serfrontend.com/cursos/web-fundamentos-html-css/index.html Curso Javascript Completo: serfrontend.com/cursos/javascript-completo/index.html Outros links que podem ser interessantes: Blog: serfrontend.com/blog/ Meus cursos: serfrontend.com/cursos/ Canais em redes sociais: Twitter: twitter.com/serlivcursos Linkedin: www.linkedin.com/in/serliv Instagram: instagram.com/serlivcursos Facebook: facebook.com/serlivcursos Instrutor: Daniel Tapias Morales Twitter: twitter.com/tapmorales Linkedin: www.linkedin.com/in/daniel-tapias-morales-87145621/ Medium: medium.com/@tapmorales Github: github.com/tapmorales
Conteúdo muito relevante, pois ao mesmo tempo que precisamos usar tags semânticas, temos que usar de forma correta, isso facilita para usuários de leitores de tela.
Pow era minha dúvida, essas duas tags valeu. Faça mais um video como esse mais apenas focado no layout igual usou no video, mais ai faz um geral com todas as novas tags, você foi o primeiro que vi fazendo um video assim.
baita explicação, parabéns... minha única dúvida seria sobre, se na parte onde tem os botões e links embaixo do bootcamp, não poderia ser outra nav com aria-label segundaria ?
A tag nav representa uma seção de uma página que aponta para outras páginas ou para outras áreas da página, ou seja, uma seção com links de navegação. Mas mesmo que um documento pode ter vários elementos , por exemplo, um para navegação principal e outro para navegação secundária, é importante saber que nem todos os links de um documento devem estar dentro de um elemento , o qual é destinado apenas para grupos importantes de links de navegação.
Em 18:11 não poderia usar uma tag section para o conteúdo e uma tag aside para a imagem? Em 21:53 Todas as article que você disse não poderia tá dentro de uma tag main? Quando poderia usar a tag main nesse exemplo mostrado no vídeo?
Olá. Sobre o aside não seria o ideal, pois esta tag representa um conteúdo tangencial ao conteúdo principal do sei seu site. Nesse exemplo, tudo o que não for header nem footer poderia estar contido dentro de uma tag main, blz?
@@serliv obrigado. Poderia criar, baseado nessa explicação, um vídeo de como podemos colocar no html mesmo as semânticas html. Básicas. Mas com editor de código. Essa é uma sugestão. Obrigado.
Iniciante escrevendo antes de assistir! Nas section eu planejo dividi-los por assunto separando por class ,se eu resolver fazer conteudos laterias que ocupam espaço vertical com mais de 2 section ,uso asside! Agora dando play pra corrigir meus erros!
Em 10:17 ficou confuso para mim. O que eu compreendi foi que dentro de uma section podemos utilizar div, mas desde que seja para estilizar um pequeno trecho. É isso?
Você pode usar div dentro ou fora de qualquer tag, desde que seja com o simples objetivo de resolver algum questão visual, ou seja, usar a div para selecionar algum elemento no CSS a fim que atingir o design desejado
Maravilhoso conteúdo. Estou nos começos dos estudos sobre html, css e javascript. Justoe hoje estava pensando sobre este conteudo e achei seu video. Eu entendo que as tag do html sao importante de usar da melhor forma possível principalmente por como o navegador iteratua, faz a leitura do html. Que é a forma que ele melhor entende um site. É isso mesmo?
Exatamente. Além disso, o HTML semântico vai ajudar também em questões de SEO (otimização para sites de busca) e também acessibilidade, o que é muito importante, pois assim você não impede o acesso às informações do seu site por pessoas que possuam algum tipo de necessidade especial
Nossa... Clareou muitas dúvidas 😅👏 Só me restou uma kkk Para uma página só com um container contendo todas as informações (ex: Portfólio), é ideal separar as partes em section, mesmo que em uma delas fiquem apenas botões?
Essa é uma excelente pergunta. Quando você se sentir confiante com o box-model e flexbox do CSS e conseguir desenvolver pequenas páginas, mesmo que simples, sem copiar/calor de tutoriais. Aí pode seguir para lógica de programação e javascript, se vc quiser. Essa é só a minha opinião, não a verdade absoluta, ok?
Professor, por gentileza... o meu raciocínio está correto? Desde já agradeço!
7 DICAS PARA CUIDAR DA SAÚDE DE SEU CACHORRO 🐶💚
1- Adaptação do cachorro Quando receber um novo cãozinho em sua casa, prepare um lugar quentinho e confortável, que pode ser uma caixa ou uma caminha. Se puder, coloque objetos com o cheiro do lugar em que ele estava anteriormente, como um paninho, para que ele não estranhe muito o local.
2- Alimentação Deixe sempre água fresca para seu cachorro e longe do sol. Evite dar restos de comida, pois só a ração tem os nutrientes de que seu cão precisa em uma dosagem equilibrada
3- Casinha Coloque a casinha ou caminha de seu cachorrinho em uma área coberta, protegida do sol e da chuva - mesmo que a casinha do cachorro já tenha seu próprio telhado.
4- Higiene Escove os pelos do seu cachorro diariamente. Nos casos dos cães de pelos longos, considere tosá-los, principalmente no verão.
5- Brincadeiras Cães adoram brinquedos de morder: ossos de borracha, plástico ou náilon. Não dê a ele objetos que soltem lascas ou pedaços que possam ser engolidos.
6- Um cãozinho ou dois? Ter mais de um cachorro pode ser uma ótima ideia, pois além de ser mais uma companhia para a família, ele será também companhia para o outro cão.
7- Socialização Para acostumar seu cachorro a outras pessoas e animais, passeie sempre com ele, desde filhote.
Pra mim esta ok. Eu só tentaria tirar as tags br´s e colocaria margin no css. A tag br deve ser usada para quebrar um linha de texto, e não para distanciar dois elementos. Blz?
@@serliv, essa era a minha dúvida, não sabia se poderia colocar o . Sua didática é incrível; já adquiri o seu curso e tão logo o iniciarei . Feliz Páscoa, professor, muito obrigada mais uma uma vez! 🙏 🙏
O curso tem uma secção de perguntas e respostas onde sano dúvidas dos alunos. Todas as dúvidas são sanadas em até 24 horas, salvo algum imprevisto, em dias úteis
Uma dúvida, nesta parte que estão os cursos, você disse que é a parte principal e para colocar uma section com várias artucules dentro, mas por ser a parte do conteúdo principal não poderia ser uma main com as articules dentro representando cada curso, e os preços com section?
Normalmente a tag main engloba todo o conteudo da página e não só uma seção expecifica. Ou seja, o que não form nav, header, footer, aside etc, é main.
Não necessariamente. O aside não significa "ao lado" em termos visuais. É muito comum confundir isso por conta do nome da tag. A tag aside significa conteudo tangencial ao conteudo principal
Vem aprender HTML, CSS e Javascript comigo. SEM MENSALIDADE. Tem 30 dias para pedir o dinheiro de volta caso não fiquei totalmente satisfeito
Curso Web Design Fundamentos. Aprenda HTML CSS e Javascript:
serfrontend.com/cursos/web-fundamentos-html-css/index.html
Curso Javascript Completo:
serfrontend.com/cursos/javascript-completo/index.html
Outros links que podem ser interessantes:
Blog: serfrontend.com/blog/
Meus cursos: serfrontend.com/cursos/
Canais em redes sociais:
Twitter: twitter.com/serlivcursos
Linkedin: www.linkedin.com/in/serliv
Instagram: instagram.com/serlivcursos
Facebook: facebook.com/serlivcursos
Instrutor: Daniel Tapias Morales
Twitter: twitter.com/tapmorales
Linkedin: www.linkedin.com/in/daniel-tapias-morales-87145621/
Medium: medium.com/@tapmorales
Github: github.com/tapmorales
que vídeo, meu amigo. explêndido. vídeo completo, denso e limpo.
Muito obrigado 😊
Melhor aula do youtube sobre o assunto!
Muito obrigado 😊
VÍDEO MARAVILHOSO! eu precisava tanto tirar dúvidas desse assunto e veio no time certo.
Que bom Helena. Fico feliz em ajudar
Show de bola, vídeo maravilhoso
Muito obrigado
Maratonando o canal nessa madrugada de sábado
Aí sim. Muito obrigado pela confiança
Conteúdo muito relevante, pois ao mesmo tempo que precisamos usar tags semânticas, temos que usar de forma correta, isso facilita para usuários de leitores de tela.
Exatamente 👏
Muito bom seu conteudo, obrigado!
Eu que agradeço pelo feedback
Afff vc é demaiss, eu tava quebrando a cabeça e vc explicou perfeitamente, obrigada 🥰🥺
Eu que agradeço pelo feedback 😉
Pow era minha dúvida, essas duas tags valeu.
Faça mais um video como esse mais apenas focado no layout igual usou no video, mais ai faz um geral com todas as novas tags, você foi o primeiro que vi fazendo um video assim.
Show. Anotei aqui. Muito obrigado
Geralmente eu me destraio facil com video de mais de 15 min, porem vi o seu e nem percebi o tempo passar, voce explica bem demais!!!
Muito obrigado pela mensagem Polyana. Fique muito feliz com seu feedback
Mto bom 👏🏻👏🏻👏🏻
Obrigado 😃
Ótimo conteúdo 👏🏻👏🏻
Muito obrigado. Abração
Foi cirúrgico nas explicações! Parabéns pelo conteúdo!
Eu que agradeço Jayme. Muito obrigado
Um dos melhores videos do TH-cam explicando essas Tag's !!! Explicação rápida e didatica! Muito bom para quem está começando na programação!
show. Muito obrigado 😊
Excelente aula!!!
Obrigado 😃
CARA EU TE AMO, VOCE ME AJUDOU MUITO
Muito obrigado Lucas. Fico muito feliz por ter ajudado 🙂
Muito esclarecedor, ajudou bastante. Grato!
Eu que agradeço pelo feedback. Forte abraço
😮😮😮aula top !
Muito obrigado
top!!!!!
Maravilhoso conteúdo. Parabéns!!
Muito obrigado Angélica. Abração
Show de bola ajudou muito
Que bom que ajudou
obg pelas dicas de uso dessas tag.
Imagina. TMJ
ótimo conteúdo!
Muito obrigado Henrique. Que bom que gostou
Obrigado por dividir o conhecimento. Me ajudou muito!! 😍
Fico feliz. Obrigado pelo feedback
Sou aluna desse curso, é fantástico, didático e os projetos desenvolvidos complementam a aplicação prática dos conteúdos. Gratidão professor.
Muito obrigado pelo feedback Márcia. Forte abraço
@@serliv 🥰
muito bom me ajudou muito com minhas duvidas !!!!
Fico feliz. Muito obrigado pelo feeback.
Em 21:45 poderia ser um article em todo o conteúdo e separar cada curso em uma section?
acho mais semantico deixar cada curso numa article por ser um conteudo independente
Mim ajudou bastante❤🙏🏽
Fico feliz :) Muito obrigado pela mensagem
Era essa aula que eu estava esperando hehe
Boa. Já não precisa mais esperar heheheh
a sua didatica é a melhor de todas
Nossa. Muito obrigado mesmo. De coração
Muito bom professor estou estudando por conta própria e vc ajudou muito a entender.
Show. Muito obrigado pela mensagem. Abração
Na área de cursos não poderia usar a tag main, já que é o conteúdo principal da página? 23:30
pode sim Daniel. Parabéns pela perspicácia. Forte abraço
Exemplo: div class=`display`, ou div class="planodefundo", aí vc vai no css e coloca: .display, ou . planodefundo..
Me ajudou muito, obrigado
tmj
👏🏽👏🏽👏🏽
baita explicação, parabéns... minha única dúvida seria sobre, se na parte onde tem os botões e links embaixo do bootcamp, não poderia ser outra nav com aria-label segundaria ?
A tag nav representa uma seção de uma página que aponta para outras páginas ou para outras áreas da página, ou seja, uma seção com links de navegação. Mas mesmo que um documento pode ter vários elementos , por exemplo, um para navegação principal e outro para navegação secundária, é importante saber que nem todos os links de um documento devem estar dentro de um elemento , o qual é destinado apenas para grupos importantes de links de navegação.
Em 18:11 não poderia usar uma tag section para o conteúdo e uma tag aside para a imagem?
Em 21:53 Todas as article que você disse não poderia tá dentro de uma tag main?
Quando poderia usar a tag main nesse exemplo mostrado no vídeo?
Olá. Sobre o aside não seria o ideal, pois esta tag representa um conteúdo tangencial ao conteúdo principal do sei seu site. Nesse exemplo, tudo o que não for header nem footer poderia estar contido dentro de uma tag main, blz?
@@serliv Obrigado, esclareceu bastante
Muito bom!
Muito obrigado
Ajudou bastante
Fico feliz. 😊
Parabéns pelo canal, estou fazendo seu curso la na plataforma do udemy
Muito obrigado pela mensagem e pela confiança no meu trabalho . Abração
Obrigado. Deus abençoe. Posso sugerir um conteúdo?
Opa. Claro que sim. Até agradeço. E que Deus nos abençoe a todos nós
@@serliv obrigado. Poderia criar, baseado nessa explicação, um vídeo de como podemos colocar no html mesmo as semânticas html. Básicas. Mas com editor de código. Essa é uma sugestão. Obrigado.
Iniciante escrevendo antes de assistir!
Nas section eu planejo dividi-los por assunto separando por class ,se eu resolver fazer conteudos laterias que ocupam espaço vertical com mais de 2 section ,uso asside!
Agora dando play pra corrigir meus erros!
Esqueci do article
@Gabriel Oliveira Eu sou novato,eu ví no Guanabara,só vi o basicão das semânticas! Header,futter e essas coisas!
@user-fl9kq4zl9p exatamente. O nome confunde. Mas aside não significa "ao lado" em termos visuais. Mas sim "ao lado" em termos de conteudo
@Gabriel Oliveira Sempre que me ver pelos comentários, sinta se a vontade!
Comunicação gera informação,informação é poder!
Em 10:17 ficou confuso para mim. O que eu compreendi foi que dentro de uma section podemos utilizar div, mas desde que seja para estilizar um pequeno trecho. É isso?
Você pode usar div dentro ou fora de qualquer tag, desde que seja com o simples objetivo de resolver algum questão visual, ou seja, usar a div para selecionar algum elemento no CSS a fim que atingir o design desejado
nice
Maravilhoso conteúdo. Estou nos começos dos estudos sobre html, css e javascript. Justoe hoje estava pensando sobre este conteudo e achei seu video. Eu entendo que as tag do html sao importante de usar da melhor forma possível principalmente por como o navegador iteratua, faz a leitura do html. Que é a forma que ele melhor entende um site. É isso mesmo?
Exatamente. Além disso, o HTML semântico vai ajudar também em questões de SEO (otimização para sites de busca) e também acessibilidade, o que é muito importante, pois assim você não impede o acesso às informações do seu site por pessoas que possuam algum tipo de necessidade especial
Estava procurando esse assunto, sou aluno pela Udemy e isso me tira a paz kkk
Kkkkk. Pois é. Fiz esse vídeo com base em muitas perguntas que recebo sobre esse assunto
Mesmo ja estando no javascript eu tinha essa duvida , a estrutura eu conheço so não sabia como usar
Boa. Espero ter ajudado a clarear as coisas
Nossa... Clareou muitas dúvidas 😅👏 Só me restou uma kkk Para uma página só com um container contendo todas as informações (ex: Portfólio), é ideal separar as partes em section, mesmo que em uma delas fiquem apenas botões?
Eu diria que sim Junior.
@@serliv Show. Muito obrigado!
Boa noite amigo, quando eu devo aprender Javascript? Estou estudando html e css no momento
Essa é uma excelente pergunta. Quando você se sentir confiante com o box-model e flexbox do CSS e conseguir desenvolver pequenas páginas, mesmo que simples, sem copiar/calor de tutoriais. Aí pode seguir para lógica de programação e javascript, se vc quiser. Essa é só a minha opinião, não a verdade absoluta, ok?
Tô fazendo seu curso e tava tendo essa dúvida tava usando tudo div kkkkk mas vou re ver pra aprender e usar o esse site pra estudar mais
Que bom que ajudei
Professor, por gentileza... o meu raciocínio está correto?
Desde já agradeço!
7 DICAS PARA CUIDAR DA SAÚDE DE SEU CACHORRO 🐶💚
1- Adaptação do cachorro
Quando receber um novo cãozinho em sua casa, prepare um lugar quentinho e confortável, que pode ser uma caixa ou uma caminha. Se puder, coloque objetos com o cheiro do lugar em que ele estava anteriormente, como um paninho, para que ele não estranhe muito o local.
2- Alimentação
Deixe sempre água fresca para seu cachorro e longe do sol. Evite dar restos de comida, pois só a ração tem os nutrientes de que seu cão precisa em uma dosagem equilibrada
3- Casinha
Coloque a casinha ou caminha de seu cachorrinho em uma área coberta, protegida do sol e da chuva - mesmo que a casinha do cachorro já tenha seu próprio telhado.
4- Higiene
Escove os pelos do seu cachorro diariamente. Nos casos dos cães de pelos longos, considere tosá-los, principalmente no verão.
5- Brincadeiras
Cães adoram brinquedos de morder: ossos de borracha, plástico ou náilon. Não dê a ele objetos que soltem lascas ou pedaços que possam ser engolidos.
6- Um cãozinho ou dois?
Ter mais de um cachorro pode ser uma ótima ideia, pois além de ser mais uma companhia para a família, ele será também companhia para o outro cão.
7- Socialização
Para acostumar seu cachorro a outras pessoas e animais, passeie sempre com ele, desde filhote.
Pra mim esta ok. Eu só tentaria tirar as tags br´s e colocaria margin no css. A tag br deve ser usada para quebrar um linha de texto, e não para distanciar dois elementos. Blz?
@@serliv, essa era a minha dúvida, não sabia se poderia colocar o .
Sua didática é incrível; já adquiri o seu curso e tão logo o iniciarei .
Feliz Páscoa, professor, muito obrigada mais uma uma vez! 🙏
🙏
Boa-tarde, prof.
O sra dá consultoria em seus cursos?
O curso tem uma secção de perguntas e respostas onde sano dúvidas dos alunos. Todas as dúvidas são sanadas em até 24 horas, salvo algum imprevisto, em dias úteis
Uma dúvida, nesta parte que estão os cursos, você disse que é a parte principal e para colocar uma section com várias artucules dentro, mas por ser a parte do conteúdo principal não poderia ser uma main com as articules dentro representando cada curso, e os preços com section?
Normalmente a tag main engloba todo o conteudo da página e não só uma seção expecifica. Ou seja, o que não form nav, header, footer, aside etc, é main.
Acredito que a pegada é saber quando usar article e section.
Pois. Espero ter conseguido deixar um pouco mais claro com esse vídeo
Poxa div é fácil de ultilizar, a div , vc usa pra cria uma classe independente,pra vc usar no css ou JS
11:43 se preocupar a ponto de perder os cabelos, essa frase nunca fez tanto sentido agora
hahahahaha boa
@@serliv kkkk
Eu ja vi aqui Landpage so usado a semantica principal de DIV isso e certo? eu mesmo ja usei e errado ?
div é uma tag que não possui significado algum. Se quiser deixar o código mais semântico, use as tags que foram criadas para isso a partir da HTML5
Um menu lateral seria um aside, com um nav dentro? ou um menu com uma nav dentro?
Não necessariamente. O aside não significa "ao lado" em termos visuais. É muito comum confundir isso por conta do nome da tag. A tag aside significa conteudo tangencial ao conteudo principal
Article seria pro html o que os componentes são pro react😅😅😅
Não necessariamente
@@serliv mas article se voce tirar do seu site e usar ele sozinho em outro ele funciona, igual um componente 😛😛😛
Por incrível que pareça, eu apanho mais no HTML do que o tão temido CSS .
Muito obrigado pela mensagem. Se quiser, pode dar exemplos de onde está a dificuldade, assim posso pensar em fazer mais vídeos para te ajudar..
@@serliv a minha dificuldade era em deixar a página semantica com melhores práticas de SEO mas com seu vídeo me ajudou muito!
Muito bom!!
Muito obrigado 😊