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

[@pejota07]

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

[@KlausVisual]

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]

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 !

[@dbarbosadesigner]

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

[@Iron_VHR]

Aula nota 10! Vale a pena cada centavo investido!

[@suelengoes9470]

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

[@claudiolopes9413]

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.

[@joseluizsousamarques1696]

Ficou cool, parabéns mano!

[@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]

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.

[@mamutygamerfurtivo3783]

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

[@cinelcio]

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.

[@ideltonalencar]

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!

[@TMusicas01]

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

[@dropcas8275]

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

[@patrickdias6372]

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

[@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 🔥🔥🚀

[@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]

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

[@Josegomes-ci7ui]

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

[@lucasoliveira-qp6my]

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

[@fernandocaitano7986]

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.

[@ronaldof16]

Mais uma aula top, aprendi muito!💯

[@carlosalex7885]

show demais, obrigado pelos ensinamentos Profº!!

[@raihsilva1519]

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!

[@brennocardoso8002]

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

[@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

[@FernandoGuedesVideos]

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

[@ORodrigogrisi]

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

[@BryanJack1]

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

[@diovanimatos1438]

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!

[@nutrigabrielsantos]

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.

[@thiagovelozooficial]

@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.

[@victorgabrielreis8586]

Cara gostei muito de desenvolver esse projeto, top demais!

[@Sujeitoprogramador]

🔥🔥

[@Juan._Silva]

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

[@frtgusta]

Obrigado!

[@JeffersonSouzasantos-pw4sw]

Top de mais. Parabens meu !

[@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!!!😔😔😔

[@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

[@antoniopadua3151]

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

[@yanlucasdasilva]

Muito bom, didático ❤

[@mayconrocha8723]

Sensacional demais. 👏🏾🚀

[@alexnascimento7633]

Sensacional!

[@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

[@marcosaureliosl]

Matheus é brabo demais... Massa !!!

[@marcosaureliosl]

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

[@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]

Cara sensacional 🎉

[@rogeriobatista9821]

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

[@uilianoliveira9934]

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

[@cryptosbrazil]

Ficou muito bom, parabéns

[@bracana2023]

Muito bom

[@MatheusRodrigues-eb9ps]

Esse projeto ficou sensacional! Parabéns pela aula!

[@rr5ful]

Que aula incrível!

[@manassesraimundo]

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

[@Fe2011able]

Muito obrigado, aprendi muito

[@raimundoclessyo8943]

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

[@raimundoclessyo8943]

Amei o vídeo❤❤❤❤❤

[@lucas4.vsk8]

Você é foda irmão

[@Sujeitoprogramador]

Tamo junto lucas!

[@MarcioRodrigues-ng8yl]

Adorei o projeto

[@oaguiamkt]

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

[@henriquereis5253]

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?

[@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 🙂👍🇻🇪

[@raihsilva1519]

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

[@leonardodombrosky4581]

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

[@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 ?

[@alessandroramos3205]

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

[@raimundoclessyo8943]

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

[@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

[@icarotauancarneiro6761]

quando uso a biblioteca aos some o elemento que coloquei

[@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

[@DenyellPlayer]

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?

[@joelamaral]

Não consigo fazer o deploy

[@LyraCassio]

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

[@Sujeitoprogramador]

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

[@frankguitarr]

Tentei fazer acomhando mais o meu dá erro rs

[@rodrigocassiano2823]

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

[@geovanilobo]

Qual o nome do site pra criar o layout?

[@Sujeitoprogramador]

Usei o figma

[@Javagamer361]

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

[@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]

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.

[@gustavodesouza1368]

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]

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

[@VVH0AMI]

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..