Criando landing page completa do ZERO - part 02 (HTML, CSS, SASS)

Рет қаралды 16,803

Жыл бұрын

Se você curte nosso conteúdo já deixa seu like e se inscreve no canal pra não perder os próximos vídeos toda semana 🔥
👉 Acessa todos links da aula:
sujeitoprogram...
🏆 Aprenda desenvolver sites, sistemas web do zero até sair pronto para o mercado:
⭐ sujeitoprogram...
👉 Código fonte do projeto:
github.com/dev...
_______________________________
👉 Aprenda git e github 100% gratuito: sujeitoprogram...
👉 Nosso grupo exclusivo: t.me/sujeitopr...
👉 Instagram: / sujeitoprogramador
👉 SEJA MEMBRO:
/ @sujeitoprogramador
#frontend #programação #javascript #html #css

Пікірлер: 101

@suelengoes9470 28 күн бұрын

54:58 sensacional amei o curso prof explica muito bem 🎉

@KlausVisual 8 ай бұрын

até agora esse foi o melhor tutorial de landing page do zero - obrigado por dividir um pouco do seu conhecimento para nós que esta começando.

@Henrique.Fortunato 9 ай бұрын

Man, a pessoa que explica tudo passo a passo de graça no youtube e no fim ainda compartilha o código com a galera merece minha inscrição e curtida em todos os vídeos. Ajudou muito mesmo, subindo meu site no ar graças a você, vou maratonar seus vídeos pra ajudar e aprender um pouquinho mais. #Gratidão.

@rodrigocunha4103 Ай бұрын

A melhor aula de LP que já assisti! Parabéns pelo conteúdo e didática !

@pejota07 5 ай бұрын

Esse projeto foi o que mais me surpreendeu desde que comecei a estudar. A quantidade de detalhes é incrível, e essa didática é excelente!

@claudiolopes9413 10 күн бұрын

Matheus vc é fora de série! Eu já conclui seu curso de NextJs na Udemy e recomendo a todos que tiverem interesse como o melhor investimento que se pode fazer. Agora conclui de maneira satisfatória essa landing page não com html e sim com NextJs 14 ficou muito massa uma pena que não soube como aplicar os Animate On Scroll Library porque estou usando typescript . Sou seu fã número 1 e gostaria de lhe pedir para criar mais tutoriais com NextJ, muito obrigado e que Deus lhe abençoe sempre.

@dbarbosadesigner 6 күн бұрын

aprender programação e maravilhoso, e com uma didática dessa meeeu Deeeuss

@tiagoribeiro7037 Жыл бұрын

Uma fator muito legal neste vídeo, é que você mostra como podemos fazer a divisão das seções do site, ou seja, dividir nosso "problema" maior em pequenos problemas, em seções, isso nos ajuda a pensar como programadores.

@claudiolopes9413 9 күн бұрын

Só retificando meu comentário abaixo acabei de conseguir utilizar todas as animações usando Animate On Scroll Library com NextJs 14 e o projeto ficou exatamente igual ao seu, muito obrigado.

@raihsilva1519 3 ай бұрын

Que aula sensacional! De longe o melhor tutorial de landing page com programação pura, eu só achava com wordpress. Obrigado, e traga mais aulas assim, prfv!

@ronaldof16 Ай бұрын

Mais uma aula top, aprendi muito!💯

@joseluizsousamarques1696 9 күн бұрын

Ficou cool, parabéns mano!

@lyrisnunes3982 Жыл бұрын

Indico cada curso do Matheus para mim é uns dos melhores cursos que eu já vi, esta transformando minha vida. Muito obrigado e continue postando vídeos. você é fera professor.

@Sujeitoprogramador Жыл бұрын

Tamo juntoo demais e fico feliz em faz parte da sua evolução, bora 🔥🔥🚀

@cinelcio 8 ай бұрын

fiz essa aula em 2 dias. No fim do primeiro dia eu achei que não ia entender nada. No segundo dia eu vi que só precisava revisar as coisas que eu percebi que já estava entendendo e não só decorando. Muito boa! Parabéns pelo conteúdo.

@mamutygamerfurtivo3783 8 ай бұрын

Um dos melhores canais de programação do you tube. Parabéns pela didática.

@alexnascimento7633 Ай бұрын

Sensacional!

@ideltonalencar 8 ай бұрын

Muito muito bom. Obrigado Mat, você tem muito domínio e uma didática maravilhosa, cara! Me salvou demais com essa landing page. Sucesso, você é diferenciado!

@lucasoliveira-qp6my 9 ай бұрын

Parabéns mano que didatica incrivel que você tem, é disparado um dos melhores do KZfaq

@artx4214 2 ай бұрын

show de bolac cara, melhor tutorial que vi. 2 eps, boa explicação e codigo bem organizado.

@crisenota10 Жыл бұрын

Obrigado Matheus pelo seu conhecimento, segui todo passo a passo e consegui publicar a landing page desde o git ate o vercel, agradecido! Já sou seu fã

@fabriciooliveira6048 8 ай бұрын

Projeto sensacional professor!!! Fora o banho de conhecimento!!! Super indico e recomendo seu curso e seu conteúdos, para quem quer iniciar na área...

@brennocardoso8002 10 ай бұрын

Meu querido, já fiz muitos tutoriais mas esse aqui está incrivel. Parabéns pela didatica

@dropcas8275 Жыл бұрын

RAPAZ.....eu tambem sou daqui de campo grande. Que satisfação saber disso. Conterrâneo

@macedo_jose Жыл бұрын

Era essa segunda parte que mais estava esperando!! Conteúdo PREMIUM!!!

@Sujeitoprogramador Жыл бұрын

Tamo junto demais macedo e bora pra cima 🔥

@macedo_jose Жыл бұрын

@@Sujeitoprogramador tenho seu curso de react native!! Me amarro demais nos conteúdos

@fernandocaitano7986 9 ай бұрын

Parabéns pelo vídeo! Muito bem explicado. Estava com muita duvida de criação de uma Landing Page. Curtir bastante a forma que o Sass simplifica e organiza o CSS.

@patrickdias6372 8 ай бұрын

Cara, que aula massa. Parabéns pelo conteúdo. SHOW

@diovanimatos1438 10 ай бұрын

sem palavras pra falar sobre esse projeto, muitos conhecimentos adquiridos nesse tutorial e o mais legal é que esse projeto serve de base para fazer muitos outros, a tua didática é demais, parabéns!

@BryanJack1 Жыл бұрын

Cara, muito obrigado pelo projeto. Deu pra aprender muita coisa massa aí!! Ótima didática!

@Juan._Silva Жыл бұрын

muito obrigado por isso, essa landing page ficou incrível! E a didática também é muuuuito boa. Fera demais, parabéns! 🎉

@app2028 Жыл бұрын

Rapaz comprei seu curso e foi uma das maiores felicidade😍😍 faz tempo que comprei mais como eu já venho tentando a muitos🥲🥲 anos não tinha me dado conta de tamanha qualidade🤩🤩, estou estando a tanto tempo programação que as vezes até me perdo com tantos conteúdos já adquiridos tenho material para umas 100 pessoas estudar e não repetir conteúdo demais as vezes atrapalham e ficam antigos, pois o tempo e muito curto!!!😔😔😔

@carlosalex7885 11 ай бұрын

show demais, obrigado pelos ensinamentos Profº!!

@thiagovelozooficial 10 ай бұрын

@Sujeito programador parabéns pelo conteúdo. Sensacional a didática e o que foi apresentado, estou fazendo seu curso na udemy e está muito top, mesmo padrão de desenvolvimento da empresa que trabalho, mas com sua explicação fica muito mais fácil desenvolver.

@raimundoclessyo8943 Жыл бұрын

Essa questão de mudar o tamanho das coisas de acordo com o tamanho (@media) nossa amei de mais! Eu usava JS 🤦🏽 é muito mais simples no CSS agora

@FernandoGuedesVideos Ай бұрын

Muito Top...show. valeu !!!!! fiz completo

@manassesraimundo Жыл бұрын

Amei muito ❤🔥❤ Nem conhecia essa biblioteca de animação

@Josegomes-ci7ui 7 ай бұрын

Cara que Aula mermão imagina o curso desse cara, brigadão

@ORodrigogrisi 8 ай бұрын

Parabéns pelo conteúdo, sua didática é excelente.

@antoniopadua3151 Жыл бұрын

Que aula incrível !👏🏻👏🏻👏🏻👏🏻 Um projeto de primeira do zero, muito obg ❤ ganhou um inscrito 👏🏻

@nutrigabrielsantos 9 ай бұрын

Sensacional essas duas aulas. Sou nutricionista e estou migrando para área de programação. Perfeito demais. Por enquanto fiz usando todos recursos iguais do vídeo. Porém pretendo utilizar esse projeto para realizar uma LP de nutricionista também.

@frtgusta 5 ай бұрын

Obrigado!

@mayconrocha8723 9 ай бұрын

Sensacional demais. 👏🏾🚀

@victorgabrielreis8586 9 ай бұрын

Cara gostei muito de desenvolver esse projeto, top demais!

@Sujeitoprogramador 9 ай бұрын

🔥🔥

@felipegoncalves1195 Жыл бұрын

Esse foi meu primeiro projeto e só tenho a agradecer ao Matheus. Didática muito boa. Nunca tinha usado o SASS nem a biblioteca AOS, mas é bem tranquilo. Ainda não estudei git nem github, mas vou fazer urgente o seu curso

@JeffersonSouzasantos-pw4sw 11 ай бұрын

Top de mais. Parabens meu !

@uilianoliveira9934 Жыл бұрын

finalizado meu mano , top de mais você é fera 🔥👊🏻

@MatheusRodrigues-eb9ps Жыл бұрын

Esse projeto ficou sensacional! Parabéns pela aula!

@fabio_amoriim Жыл бұрын

Projeto top, obrigado pelo conteúdo..

@fabio_amoriim Жыл бұрын

Sou consumidor da plataforma Fábrica de aplicativos, sempre estou acompanhando os projetos, Instagram é muito bacana seus métodos de ensino, dicas... Mais uma vez obrigado...

@antoni0neto Жыл бұрын

conteúdo incrível, parabéns!

@rogeriobatista9821 6 ай бұрын

Cara sensacional 🎉

@rogeriobatista9821 6 ай бұрын

Amigo, só me tira uma dúvida, como faço o deploy para um domínio específico? Colocar na real na internet.

@yanlucasdasilva 5 ай бұрын

Muito bom, didático ❤

@marcosaureliosl Жыл бұрын

Matheus é brabo demais... Massa !!!

@marcosaureliosl Жыл бұрын

Vou subir é mostrar o que fiz com sua aula!!! Cara você é genial!

@cryptosbrazil Жыл бұрын

Ficou muito bom, parabéns

@raimundoclessyo8943 Жыл бұрын

Amei o vídeo❤❤❤❤❤

@lucas4.vsk8 Жыл бұрын

Você é foda irmão

@Sujeitoprogramador Жыл бұрын

Tamo junto lucas!

@rr5ful 9 ай бұрын

Que aula incrível!

@MarcioRodrigues-ng8yl Жыл бұрын

Adorei o projeto

@raimundoclessyo8943 Жыл бұрын

5:55 Por que não usar uma lista?

@Fe2011able Жыл бұрын

Muito obrigado, aprendi muito

@oaguiamkt 7 ай бұрын

top demais man.. parabens.. agora fica a pergunta.. como subir isso pra internet real e fazer um painel adm?.. top ganhou um inscrito. 😎

@javiersistemas Жыл бұрын

Oi meu amigo (disculpe meu portugues ruim, eu falo espanhol) dos preguntas: 1.- Cuando esta em oferta su pacote React outra vez? 2.- Voce tem su curso em Hotmart? Adicional, eu posso fazer o pagamento com PayPal? Eu moro en Venezuela y nao tenho acceso to Hotmart, Obrigado pela sua resposta, meu amigo ... Amo suos videos 🙂👍🇻🇪

@leonardodombrosky4581 11 ай бұрын

A minha imagem do whatzap, perdeu a funcao do hover, ela ampliava, mas depois de colocar a animacao do AOS, o hover na imagem parou de funcionar, estou cacando algum erro, mas ate agr nada. de qualquer forma, aula perfeita, muiito boa explicacao. frt abrasss

@henriquereis5253 9 ай бұрын

Opá!!! Qual o nome dessa ferramenta que vc usa para fazer uma marcação e o retangulo ja de ta a largura e a altura certinha?

@raihsilva1519 3 ай бұрын

Uma dúvida, a Vercel pode ser a ferramenta para hospedar os sites dos meus clientes?

@programador0124 Жыл бұрын

Olá Matheus beleza ,poderia me tirar uma dúvida ? o material de nextjs que tem na udemy está atualizado para versão do next13.4 ?

@icarotauancarneiro6761 7 ай бұрын

quando uso a biblioteca aos some o elemento que coloquei

@DenyellPlayer 9 ай бұрын

O meu no final deu erro , errei algo e não consigo identificar Uma dúvida, a pasta .vscode não aparece na hora de executar o live server Será que é isso ou é erro na hora de commitar?

@brenolins9908 Жыл бұрын

Faz semanas que tento fazer autenticação com Google usando React native expo e OAuth e não consigo, vc poderia fazer um tutorial atualizado já no sdk 49?? Ajudaria dms!!

@brenolins9908 Жыл бұрын

Os que tentei estão depreciados principalmente pelo Proxy

@raimundoclessyo8943 Жыл бұрын

29:06 precisa colocar o copyright? E só digitar assim, não precisa de um validador ou certificado para usar o copyright?

@alessandroramos3205 Жыл бұрын

Matheus, qual é essa extensão que vc usa pra ver os pixels no navegador?

@mateuscruz6035 Жыл бұрын

Uma dúvida como o background-color do footer no h2 ficou branco e o restante preto? Estava olhando para o css e vi que na classe services até define como branco, mas por que o footer ficou preto mesmo sem definir?

@Sujeitoprogramador Жыл бұрын

Porque lá no inicio colocamos no body uma cor de fundo pro nosso projeto lá no style.scss

@mateuscruz6035 Жыл бұрын

@@Sujeitoprogramador Ah show obrigado... Gostei muito do projeto

@joelamaral Ай бұрын

Não consigo fazer o deploy

@Javagamer361 10 ай бұрын

Alguem pode mandar um ctrl c do _layout o meu não aparece a imagem

@frankguitarr 8 ай бұрын

Tentei fazer acomhando mais o meu dá erro rs

@user-ui9cd9yq2m 11 ай бұрын

Matheus quando eu aperto para adquirir seu curso, aparece PRODUCT UNAVAILABLE

@Sujeitoprogramador 11 ай бұрын

Opa beleza? Estamos tendo problema com nossa parceira na hotmart provavelmente logo deve voltar ao normal, qualquer coisa pode me chamar no instagram @sujeitoprogramador

@raimundoclessyo8943 Жыл бұрын

19:56 não consigo usar o TRANSITION a animação fica dura, não funciona😢

@Sujeitoprogramador Жыл бұрын

Da uma atenção com calma no seu CSS se está encadeando o CSS corretamente, nome das classes, cuidado nesse ponto e adicionamos o código da aula na descrição também :)

@raimundoclessyo8943 Жыл бұрын

@@Sujeitoprogramador Pior que eu já conferi tudo

@Bastardovl Жыл бұрын

@@raimundoclessyo8943 veja se o Watch Sass no rodapé do VSCode está ativo

@davi_barbosa911 7 ай бұрын

Man conferi cada nome de cada classe, aonde você tá utilizando o transition, pode ser um erro besta, tipo um s a mais no nome da classe.

@rodrigocassiano2823 Жыл бұрын

Matheus, Vite + React..... eis a questão.. 🤔

@gustavodesouza1368 11 ай бұрын

Uma dica usando o Sass para aplicar hover ou qualquer outro código é: .haircut img:hover {} Pode ser feito assim: .haircut { // código .img { // código &:hover {} // Aqui ele aplica o hover no img } }

@GuilhermeDeveloper 8 ай бұрын

eu nao entendi pq em alguns momentos ele faz de outra forma, estou fazendo e testei colocar o img:hover dentro do .haircut, e funcionou tranquilo

@geovanilobo58 Жыл бұрын

Qual o nome do site pra criar o layout?

@Sujeitoprogramador Жыл бұрын

Usei o figma

@VVH0AMI 11 ай бұрын

Essa landing page está pronta para comercialização? Posso modificá-la e pôr no vercel para comercializar?

@badgirl9977 Жыл бұрын

Sujeito curto seus videos, são top, para usar o android estudio junto com vscode e o expo, qual configuração minima de um pc, tenho um core i5 vpro 4gb de ram e roda muito lento..