5:10 - Início HTML 7:49 - Pegando fonte do Google Fonts 9:31 - Importanto ícones do Bootstrap 11:39 - Header e Form no HTML 18:15 - Estilizando o Header e Form no CSS 31:22 - Seção de benefícios no HTML 33:50 - Estilizando a seção de benefícios no CSS 38:00 - Seção do Local no HTML 40:45 - Estilizando a seção de local no CSS 44:13 - Seção de detalhes do evento no HTML 48:02 - Estilizando seção de detalhes do evento no CSS 52:21 - Seção do 'call to action' no HTML 53:06 - Estilizando 'call do action' no CSS 59:19 - Media query para mobile
Fala Matheus, já acompanho o seu trabalho a mais de 2 anos, e seus cursos me ajudaram a construir um portfólio e conseguir uma vaga na área, (em 2020), muito obrigado por compartilhar seu conhecimento, abraço!!!
fala Mauro, obrigado! depois dá uma olhada no meu treinamento completo: horadecodar.com.br/comunidade-hora-de-codar/ =) acredito que posso te ajudar mais ainda
Terminei o responsivo para tablet e dei mais uma mexida no de dispositivo movél "celular" ficou ótimo. Estes projetos da um gás nos estudo. Excelente trabalho!
Matheus, você poderia depois fazer uma videoaula ensinando a construir e consumir uma API com Javascript puro, em seguida ensinando uns macetes de fetch. Pode ser?
cheguei aos 23 minutos e ja aprendi muita coisa nova, voce é foda , manja muito dos codigos, eu to estudando , pouco mais nao paro, nao vou desistir, para o tempo que for, sem pressa, que tudo no seu tempo! valeu amigo sou de Tubarao, abraço
tava ate pensando aqui esses dias, que to copiando um site , e to fazendo do meu jeito o html , entao esse video é pra mim, pq inicio de tudo é bom saber bem, nao adianta pular ja para o javascript, sem dominar o html e css , respnsidade que é muito importante, acredito eu , valeu
Matheus confesso para você que na hora de deixar responsivo para mobile ,mesmo te acompanhando eu apanhei um pouco. Vale ressaltar que só um mero iniciante !! mais foi show .parabéns por nos ensinar !
Finalizei hoje o projeto ... vou fazer o desafio que vc pediu ... vou focar em posição e flex-box , vi a necessidade de ser bom em css nesse projeto . Obrigado Matheus !!!!!!!!!
Graças a esse video consegui fazer um projeto completo e responsivo além de ter aprendido bastante. Conheci o canal ontem já vou me inscrever e fazer os outros projetos do canal. Já tenho um conhecimento básico e estava em busca de projetos para desenvolver e consolidar esse conhecimento e esse video me ajudou.
Ótimo vídeo!!! Você é um ótimo professor, tenho um curso de PHP seu, você consegue explicar de uma forma simples, o que parece ser complicado. Obrigado por compartilhar o seu conhecimento.
Olá Matheus, grande professor! Este é o meu primeiro contato, tanto no canal, como também com essa matéria. Acessei porque preciso fazer uma landing page para o meu trabalho de serigrafia em camisetas. Sou completamente ignorante em programação, mas, devo relatar que assistir a essa aula, foi uma experiência marcante, pois, prestando bem a atenção, eu já pude entender bem o que se passou, enfim: cheguei agora e daqui eu não saio mais. Abraço e super obrigado
Fala aí Matheus. Camarada, que Deus te abençoe. Obrigado pelos conhecimentos compartilhados. Eu tava quebrando a cabeça com media query, mas esse seu projeto foi a luz. Sucesso sempre!
Muito massa Matheus! Estou iniciando como desenvolvedor e vou assistir novamente essa aula algumas vezes e fazendo meus testes. Deus continue te abençoando e te guiando pra fazer novos vídeos. : )
Boa Matheus, vídeo de alta qualidade feito por quem realmente domina o assunto. Seria muito interessante se você criasse um curso atualizado fazendo apenas isso: Como criar landing pages modernas, sites institucionais, com HTML, CSS, responsividade e um pouco de JS(sem nenhum framework front-end se possível), exatamente como você demonstrou nesta aula, sua didática é excelente, eu com certeza compraria. Obrigado por compartilhar seu conhecimento.
Boa tarde 😍 O que amo seus cursos e suas didáticas , são isso vc disponibilizar os arquivos para pessoa fazer juntos.... Mesma imagens isso incentiva muito a pessoa a treinar e fazer na prática 👍👍👍
Muito bom! Mas uma dica construtiva, pra quem está aprendendo é melhor ver o html e css juntos cada passo o que está acontecendo. Mas de qualquer forma obrigado pela aula!
Só tenho gratidão! Ótimo vídeo, didática foda. Muita saúde e sucesso em sua vida. O que você faz pela comunidade de novos DEVS não tem preço. :) Já tenho alguns cursos seus na Udemy. :))
show de video, parabens. Não sei se alguém já sugeriu, mas seria melhor dividir a tela com o live server (com salvamento automático) ao invés de ir trocando de tela... de qq forma, ainda assim está otimo o conteudo. Abs.
Fala Matheus, primeiramente quero agradecer pelo seu conteúdo maravilhoso como sempre. Queria sugerir que vc criasse um curso sobre Redux, seria bem interessante!
Ae Matheus, blz? Estou aprendendo front-end, estudo tanto no Qualifica quanto na Udemy, parabéns você ensina de uma forma sucinta e consegue transmitir bem o conteúdo, fiz CSS e HTML agora tô no JS, já adquirir seus cursos de SASS e React, enfim aos poucos vou progredindo.
Professor essa terceira parte do landing page eu estou fazendo igual o seu codigo mas as imagens não estão ficando nesse formato uma abaixo da outra....:(
Não está chegando o e-book no meu e-mail... já olhei no spam , lixeira , olhei em todas as caixas e nada . Criei um novo email e tentei baixar e também nada .
Matheus boa noite. Eu tenho uma pagina de vendas no Google Sites e está tudo ok com um "mais" eu quero fazer um delay, colocar o vídeo para rodar e abrir o resto da pagina depois. O Google Sites tem uma opção de incorporar html. Tem como fazer isso em condigo?
Fiz para um cliente uma landin page, mas não sei como receber os dados do formulário. Meu cliente precisa ter acesso aos dados preenchidos e não acho aulas sobre isso em nenhum lugar. Se eu vou vender uma landing page, o cliente precisa, necessariamente, receber os dados do formulário. Todos os videos de landing page ignoram essa parte, parece até que nem importa para onde vão os dados. Alguém poderia dar uma luz, dizer o que devo estudar para aprender isso.
Opa Matheus, acompanhei passo a passo, porém na parte de responsividade não deu certo aqui.. tbem baixei o seu código do github e mesmo ele no meu browser não ficou responsivo. O que pode ser?
Você acha que o mobile first é mais indicado ou é 100% opcional? Edit: Ops, acabei de chegar nessa parte da aula kkk, mas vou deixar a pergunta aqui mesmo assim pra você responder por você e não pelas empresas haush.
depende Vitória, precisa ver o produto da empresa, e-commerce, por exemplo, é mobile first, pq o acesso por celular é alto demais, então a experiência tem que ser a melhor possível para vender
⭐ Conheça a nossa plataforma de cursos: www.horadecodar.com.br/comunidade-hora-de-codar/
5:10 - Início HTML
7:49 - Pegando fonte do Google Fonts
9:31 - Importanto ícones do Bootstrap
11:39 - Header e Form no HTML
18:15 - Estilizando o Header e Form no CSS
31:22 - Seção de benefícios no HTML
33:50 - Estilizando a seção de benefícios no CSS
38:00 - Seção do Local no HTML
40:45 - Estilizando a seção de local no CSS
44:13 - Seção de detalhes do evento no HTML
48:02 - Estilizando seção de detalhes do evento no CSS
52:21 - Seção do 'call to action' no HTML
53:06 - Estilizando 'call do action' no CSS
59:19 - Media query para mobile
Conteúdo que agrega. Consegui refazer o projeto certinho. Obrigado, prof☺☺☺
Matheus eu tenho 10 anos, e amo ver seus conteudos sobre front-end e cursos, por favor não pare com estes conteudos maravilhosos.
Fala Matheus, já acompanho o seu trabalho a mais de 2 anos, e seus cursos me ajudaram a construir um portfólio e conseguir uma vaga na área, (em 2020), muito obrigado por compartilhar seu conhecimento, abraço!!!
fala Bruno, que bom ler isso brother, sucesso na sua carreira! =)
obrigado foi melhor do esperava, espero aprender mais conteudos.
terminei html e css e fiquei com algumas duvidas ,vendo esse video me esclareceu tudo, top o conteudo parabens
Tenho apreciado as sua aulas e aprendendo muito continue assim.
fala Mauro, obrigado! depois dá uma olhada no meu treinamento completo: horadecodar.com.br/comunidade-hora-de-codar/ =)
acredito que posso te ajudar mais ainda
ótimo vídeo deu para revisar bastante conceitos e praticar bastante.
Vc é fera, comecei a estudar a 1 semana, num curso de Desenvolvedor Web, seus vídeos estão me ajudando a ter uma linha de início
Muito massa... parabéns pela ditatica...
muito bom aprendi demais aqui
Eu estava tentando aprender a meses @media e finalmente consegui, muito obg pelo conteudo!
Material de primeira qualidade... Parabéns!
Obrigado por compartilhar o seu conhecimento, voce e fera!!
Terminei o responsivo para tablet e dei mais uma mexida no de dispositivo movél "celular" ficou ótimo. Estes projetos da um gás nos estudo. Excelente trabalho!
boa Carlos!
Matheus, você poderia depois fazer uma videoaula ensinando a construir e consumir uma API com Javascript puro, em seguida ensinando uns macetes de fetch. Pode ser?
boa sugestão Daniel, vou anotar aqui! =D
Show de bola, variáveis em css é muito útil.
Verdade Josley!
Ótima explicação, obrigado
Sucesso
Obrigado por compartilhar o conhecimento
Muito top esse projeto, ótimo vídeo. Valeu Matheus.
valeu LF!
Parabéns pelo seu trabalho sucesso 🙏👍👏 mais e Mais 👍👏
obrigado pelo apoio Antonio!
Muito show. Obrigado por compartilhar o seu conhecimento.
de nada =)
cheguei aos 23 minutos e ja aprendi muita coisa nova, voce é foda , manja muito dos codigos, eu to estudando , pouco mais nao paro, nao vou desistir, para o tempo que for, sem pressa, que tudo no seu tempo! valeu amigo
sou de Tubarao, abraço
tava ate pensando aqui esses dias, que to copiando um site , e to fazendo do meu jeito o html , entao esse video é pra mim, pq inicio de tudo é bom saber bem, nao adianta pular ja para o javascript, sem dominar o html e css , respnsidade que é muito importante, acredito eu , valeu
é verdade brother, não adianta pular etapas =D
Excelente conteúdo! Parabéns!
Vou adicionar no meu github blz, faço referencia ao canal! tmj
valeu Carlos!
Muito bom! Muito obrigado pela boa vontade!
De nada Cristóvão!
Adorei, obrigada!
de nada Gabriele!
Matheus confesso para você que na hora de deixar responsivo para mobile ,mesmo te acompanhando eu apanhei um pouco. Vale ressaltar que só um mero iniciante !!
mais foi show .parabéns por nos ensinar !
estudando num sabado a tarde, quem imaginaria, haha so gratidao ao universo e a pessoas boas nesse mundo caotico
valeu mano, tamo junto! =)
Agr sim haha, vlw Mestre por atender o pedido sobre o assunto Responsividade, vamos assistir, com ctz esta top a aula!
bora Neder!
O que eu aprendi nesse video foi um absurdo. Cara, muito obrigado mesmo!
Finalizei hoje o projeto ... vou fazer o desafio que vc pediu ... vou focar em posição e flex-box , vi a necessidade de ser bom em css nesse projeto . Obrigado Matheus !!!!!!!!!
Boa Diogo, manda bala!
Conteúdo de excelente qualidade, foram 1 hora de muito aprendizado, agora posso criar minhas próprias landing Pages, muito obrigado.👏👏👏
boa Marcelo!
Show de mais, muito bom
Foda demais!!!! Me salvou!
Matheus estou começando na área de front end e estou gostando muito do seu material Abs.
valeu Marcos, dá uma olhada no vídeo de semana passada, também vai te ajudar muito no front, abraço!
Vou olhar sim
Thanks!
De nada!
Bem legal, parabéns!
valeu Ricardo!
Você é demais, eu estava procurando uma linguagem e consegui assistir 1 hora de uma vídeo aula HTML seu. E já consegui pega a base junto ao css
valeu Eduardo!
Conteúdo rico em conhecimento! Muito obrigado por compartilhá-lo
valeu Pedrinho!
Parabéns!!
valeu!
Graças a esse video consegui fazer um projeto completo e responsivo além de ter aprendido bastante. Conheci o canal ontem já vou me inscrever e fazer os outros projetos do canal. Já tenho um conhecimento básico e estava em busca de projetos para desenvolver e consolidar esse conhecimento e esse video me ajudou.
o brabo tem nome!
Ótimo vídeo!!! Você é um ótimo professor, tenho um curso de PHP seu, você consegue explicar de uma forma simples, o que parece ser complicado. Obrigado por compartilhar o seu conhecimento.
obrigado tb Paladino!
Muito obrigado pela inicativa... ajuda muito a nós que estaos no inicio da jornada
Matheus, você é demais! Parabéns !
valeu Daniel, tamo junto!
Você é muito carismático e ensina muito bem. Sucesso!
Vou assistir com certeza
vai ser ótimo ter esse projeto no portfólio
e sem contar o aprendizado que vai ser demais
bora Jonas!
To assistindo suas aulas de laravel e estou aprendendo bastante. Mas pra frente vou dedicar um tempo pra front end
show Cristian, obrigado por acompanhar!
@@MatheusBattisti eu que te agradeço pelo conteúdo disponibilizado.
📗 Garanta o seu ebook de boas práticas com HTML e CSS gratuito: www.horadecodar.com.br/ebook-melhores-praticas-html-e-css-gratuito/
Muito bom projeto
Vídeo fantástico! Valeu Matheus!
de nada Rhuan, tamo junto!
tava precisando de um vídeo assim, partiu ver cada segundinho. 😎
bora Thiago! =D
Olá Matheus, grande professor!
Este é o meu primeiro contato, tanto no canal, como também com essa matéria.
Acessei porque preciso fazer uma landing page para o meu trabalho de serigrafia em camisetas.
Sou completamente ignorante em programação, mas, devo relatar que assistir a essa aula, foi uma experiência marcante, pois, prestando bem a atenção, eu já pude entender bem o que se passou, enfim: cheguei agora e daqui eu não saio mais.
Abraço e super obrigado
Eu tenho quase todos os cursos seu da udemy muito bom maravilhoso, muito top mesmoooooo 😍😍😍
Valeu Antonio, tamo junto!
Muito obrigada!
de nada! =)
Fala aí Matheus. Camarada, que Deus te abençoe. Obrigado pelos conhecimentos compartilhados. Eu tava quebrando a cabeça com media query, mas esse seu projeto foi a luz. Sucesso sempre!
Rapaz vim voando pra ver o vídeo, sei que o conteúdo vai ser de qualidade como sempre. Sucessoooo!!!
show Marciel, obrigado! =D
Você terial algum vídeo falando mais sobre resposividade?
mandou muito bem
terminando o curso de sass do senhor vou fazer esse kkkkkkkk otimo conteudo
bora Isaac, mas o senhor está no céu hahahah xD
@@MatheusBattisti KKKKKK
Muito bom!!
Valeu!
Top!!!
Cara, seus cursos são muito bons, aprendi muito com o de flexbox
valeu Matheus!
@@MatheusBattisti e seus videos também, continue fazendo porque ajuda muito a quem quer aprender
Didática muito boa ! Obrigado pelo vídeo :}
Sensacional Matheusão!! Você é fera demais!!! Já comprei seu curso e vale demais, cada centavo! Obrigado pelos conhecimentos
muito obrigado Guilherme! =)
Muito massa Matheus! Estou iniciando como desenvolvedor e vou assistir novamente essa aula algumas vezes e fazendo meus testes. Deus continue te abençoando e te guiando pra fazer novos vídeos. : )
Ótimo conteúdo!
Boa Matheus, vídeo de alta qualidade feito por quem realmente domina o assunto. Seria muito interessante se você criasse um curso atualizado fazendo apenas isso: Como criar landing pages modernas, sites institucionais, com HTML, CSS, responsividade e um pouco de JS(sem nenhum framework front-end se possível), exatamente como você demonstrou nesta aula, sua didática é excelente, eu com certeza compraria. Obrigado por compartilhar seu conhecimento.
Obrigado! 😀
Boa tarde 😍
O que amo seus cursos e suas didáticas , são isso vc disponibilizar os arquivos para pessoa fazer juntos.... Mesma imagens isso incentiva muito a pessoa a treinar e fazer na prática 👍👍👍
gostei muito da aula obrigado, pode me tirar um duvida, quan a diferenca de front-end e back end?
Excelente vídeo prof, aprendi e tirei algumas dúvidas nesse conteúdo 😊😊
Obrigado Jeeh!
Muito bom! Mas uma dica construtiva, pra quem está aprendendo é melhor ver o html e css juntos cada passo o que está acontecendo. Mas de qualquer forma obrigado pela aula!
Só tenho gratidão! Ótimo vídeo, didática foda. Muita saúde e sucesso em sua vida. O que você faz pela comunidade de novos DEVS não tem preço. :) Já tenho alguns cursos seus na Udemy. :))
opa, valeu Fabio! te desejo tudo em dobro brother =D
show de video, parabens.
Não sei se alguém já sugeriu, mas seria melhor dividir a tela com o live server (com salvamento automático) ao invés de ir trocando de tela...
de qq forma, ainda assim está otimo o conteudo.
Abs.
Fala Matheus, primeiramente quero agradecer pelo seu conteúdo maravilhoso como sempre. Queria sugerir que vc criasse um curso sobre Redux, seria bem interessante!
oi Rayanne, obrigado pela sugestão, vou anotar aqui =)
meu linear-gradient com a imagem não funcionar, alguém sabe pq?
Interessante.
Ae Matheus, blz? Estou aprendendo front-end, estudo tanto no Qualifica quanto na Udemy, parabéns você ensina de uma forma sucinta e consegue transmitir bem o conteúdo, fiz CSS e HTML agora tô no JS, já adquirir seus cursos de SASS e React, enfim aos poucos vou progredindo.
obrigado Caio, te espero nos cursos, e desejo sucesso para vc na carreira de dev =D
@@MatheusBattisti Curso de Sass é otimo vale cada centavo !!!
Lamentavelmente não consegui baixar o material gratuito de HTM e CSS. Os links não nos encaminham ao download.
Show
bora fazer Lucas =)
Professor essa terceira parte do landing page eu estou fazendo igual o seu codigo mas as imagens não estão ficando nesse formato uma abaixo da outra....:(
Matheus como faz pra link o form action com o email? tentei de varias formas e o email nunca chega
Não está chegando o e-book no meu e-mail... já olhei no spam , lixeira , olhei em todas as caixas e nada . Criei um novo email e tentei baixar e também nada .
opa, testei aqui e rolou Diogo =((
Matheus boa noite. Eu tenho uma pagina de vendas no Google Sites e está tudo ok com um "mais" eu quero fazer um delay, colocar o vídeo para rodar e abrir o resto da pagina depois. O Google Sites tem uma opção de incorporar html. Tem como fazer isso em condigo?
O download do e-book nao funciona, Por que?
Vai para o e-mail Antonio
Alguém sabe informar porque não está atualizando quando vou ver em outra aba?
sou iniciante, engatinhando
Mais da pra fazer tudo isso no NEXTJS...???
Fiz para um cliente uma landin page, mas não sei como receber os dados do formulário. Meu cliente precisa ter acesso aos dados preenchidos e não acho aulas sobre isso em nenhum lugar. Se eu vou vender uma landing page, o cliente precisa, necessariamente, receber os dados do formulário. Todos os videos de landing page ignoram essa parte, parece até que nem importa para onde vão os dados. Alguém poderia dar uma luz, dizer o que devo estudar para aprender isso.
banco de dados, php sql etc.
Opa Matheus, acompanhei passo a passo, porém na parte de responsividade não deu certo aqui.. tbem baixei o seu código do github e mesmo ele no meu browser não ficou responsivo. O que pode ser?
Mano, tira uma DÚVIDA: quanto cobrar por uma Landing pág dessa aí?
Se tiver algum programador atuante aqui e quiser responder, agradeço.
Você acha que o mobile first é mais indicado ou é 100% opcional?
Edit: Ops, acabei de chegar nessa parte da aula kkk, mas vou deixar a pergunta aqui mesmo assim pra você responder por você e não pelas empresas haush.
depende Vitória, precisa ver o produto da empresa, e-commerce, por exemplo, é mobile first, pq o acesso por celular é alto demais, então a experiência tem que ser a melhor possível para vender