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

véi o matheus é brabo, o bixo tem mt tempo que faz isso, e eu tenho sensação que o Hobby dele é programar, se nos tentar pegar esse hábito teremos nossa colocação tbm.

Kra eu procurei muito como criar uma landing pura html css, mas nenhuma aula foi tão TOP como a sua, você ta de parabéns pelo conteúdo 💯

Já tô no aguardo desse projeto pq sei que vai vir coisa boa por aí!!!

Muito bom, bem explicado e gravado.

Parabéns pela didática e conteúdo atualizado!!👏👏👏

Sensacional demais. 🚀👨🏾‍💻

Estou gostando muito do projeto.

Sensacional!! recomendo seu Curso!! demais.😉

Muito bom seus vídeos, sempre aprendo muito com eles!!!

Sinto que aprendi d+ com esse projeto. Muito obrigado por esses vídeos!

Projeto topzeria tô fazendo aqui também hoje! 🤗

top demais, ta bonito o projeto

Didática excelente sem duvida, uma verdadeira aula sobre técnicas importantes para o dia dia de um dev.

simplismente íncrivel mano, a tua didática é excelente e os conhecimentos que tu passa nesse projeto são demais, parabéns

muito legal, parabéns pelo conteúdo!

Top. Mesma qualidade do curso. Realmente 2 aulas tops. Bora evoluir

sou ja formado em analise e terminando ciencias da computacao e parabens aprendendo mais com vc do que na faculdade

Impressionante, ótimo trabalho. Vídeo bem fácil de entender e bem explicado.

Cara adorei muito! Para bem.

Rapaz ... esse vídeo foi incrível, primeira pessoa que explica rápido de uma forma que eu consiga entender simples. Eu queria vc de professor na minha aula de desenvolvimento web na facul anos atrás

to começando agora e essa é a primeira página que estou criando. gostei demais da sua didática, obrigado por esse video

Vídeo incrível!

uma baita aula. estou gostando demais. eu nao sabia nada sobre SCSS . bora pra segunda aula

Cara muito bom, excelente didática. Projeto interessantíssimo para demonstrar a importância do SASS.

Esse projeto vai ser top!

cara, que aula bem feita.

Foi a melhor explicação que eu já vi, parabéns pela didática e sucesso para você !

massa de mais tou aprendendo bastante esse Sass é muito massa!

19:10,tem sim um jeito de declarar uma. Variável com css,usando o ":root{}" ex :root{ ---cor01:#fff; } E usar em seu projeto.

Parabens pela didática irmao, assisti muitos videosde landing page, mais o seu aprendi td. Continue assim, ganhoumais um seguidor, bora codar !!

Parábens ! Você tem uma ótima didática. Melhor vídeo que assisti sobre criação de Landing Page. Ganhou + um inscrito.👍

gostei muito, é difícil encontrar alguém que ensine bem e com uma boa dicção também.

Qualidade de video. Parabens

Muito bacana a utilização do SCSS

Didática excelente sempre professor!! 🔥🚀 Essa questão de separar o CSS em partes com Sass é muito organizado e produtivo! Maravilha!

Sou iniciante e essa é a primeira página q estou criando. Sua didática é ótima. Vc mastiga tudo e isso é muito importante pra gente do meu níve - zero no caso kkkkk

Sua didática facilita muito o aprendizado. Gostei bastante! Confesso que me compliquei mais por usar o SASS, mas nada com o tempo e dedicação para firmar o conhecimento. Rumo a próxima aula!

Show !!! 👏👏👏 Depois vou pesquisar como criar esse SVG com várias imagens, gostei disso...

Slk você é um monstro cara , estou cursando a faculdade de ADS e estou pensando em comprar seu curso.

Muito obrigado.

Esse cara é diferente!, otimo conteudo e didatica, estou aprendendo agora sobre SASS, e esse video me deu um norte muito bom, sobre quais beneficios o SASS pode trazer, olhei o canal, e como programador Vue.js sugeria fazer videos sobre esse framework tambem, pois os conteudos br com uma didatica dessa são meio escassos, ganhou mais um inscrito!

Matheus vc é o cara

dica para próximo projeto, lading Page usando react, dá para explorar muitas bibliotecas do react... fazer galeria de fotos, etc etc

a aula esta dahora, eusó não conesgui aplicar o lienar gradient pq ele anulava o background-image ou ficava um ou o outrro não sei pq

estou fazendo seu curso full stack ...amanhã vou dar uma estuda no que vc esta fazendo aqui ....vc e bom

se uma aula gratuita é assim imagine o curso, deve ser de outro nivel

De Mo;ambique queria agradecer pelo video aí mano explicas muito bem só tive uma dificuldade para exportar as cores tentei de várias maneiras ainda não consegui, mas esse é o meu problema. Quanto ao video tá braboooooo

Me ajudou muito esse video tava com umas dúvida 👏👏👏

Conteúdo muito bom, simples porém completo!! Ótimo para quem está apredendo os conceitos... Muito top! 👏👏👏

curtido! top demais ... tira uma duvida... seria uma boa prática separar as medias queries em arquivos separados de scss? obrigado pelo conteúdo muito top....

Top

PQP, Mestre! Muito bom esse projeto, já tenho um projeto para estudo na semana. Muito bacana, Toma essa curtida ae e vou compartilhar isso que útil de mais.

ainda mais incrível que descobri que você é daqui de cg! ótimo conteúdo, iniciei os estudos há algumas semanas e você já me ajudou muito!

Aula sensacional, queria saber qual o tema que você usa no VS CODE

Essa aula foi boa Matheus

Estou desenvolvendo uma landing page para uma estética, esse projeto vai me ajudar muito

video incrivel como sempre! Mas uma pergunta fora do contexto, qual software tu usa pra gravar a aula com a camera ali ja. Nao eh com o OBS ne?

Para quem não encontrar "Watch Sass" é só clicar no botão que fica ao lado de minimizar, após isso aparecerá um menu de customização do layout do VS, depois disso clique em "status bar" e pronto

qual o tema do vs code que vc esta usando? a propósito mt bom o video

Sujeito eu ainda não usado o Sass e como tinha pesquisado ele facilita e nos faz ter mais produtividade. Eu gostei, e pretendo usá-lo em meus próximos projetos, começando por esse projeto, vou tentar entender tudo pra depois tentar replicar. Eu até tenho um parceiro que uma barbearia que gostar de ter um site, eu só pedir outras fotos para ficar mais com a cara da barbearia dele. Muito TOP cara, obrigado por compartilhar conhecimento com a comunidade Front End. Valeu mesmo!! #TMJ Ah, no seu curso tem mais projetos como esse?? Tem JavaScripts e outras linguagens?? Tenho interesse em fazer um curso mais completo, pois onde moro tem bastante demanda para esse serviço.

faz uma de um de comprar um produto online onde tem conexão com o mercadoPago via API

Vai ficar disponível só hj?

Boa noite, sujeito programador. Sou iniciante e estudante. Nao entendi direito a real vantagem de usar SASS, ou SCSS ao inves do puro style.css, se puder da uma luz ai. Muito bom conteudo, abraco!

queria saber se você tem um curso, que entra fabrica de aplicativo e fullstackpro em um só?

Vou deixar aqui para caso alguem fique com duvida na parte do fundo (é minha anotação pessoal), ta mal escrito e etc. ''pensa assim, vc definiu o position relative, agora o bg::before (pseudo elemento, como first letter e etc), precisa cobrir o fundo da HEADER apenas (pelo menos no começo do video estava assim), então vc precisa definir que este elemento ESTEJA DENTRO DO POSITION RELATIVE,ai que o absolute entrou, pq ele saiu do fluxo do documento pra ficar alinhado com o elemento pai, o content esta vazio, então se vc remover o position absolute ele vai para o fluxo normal do documento deixando de aparecer (SERA MESMO?) pensa, define um conteudo ali no content e vc vai entender melhor.''

nao consigo usar o live server de jeito maneira, ele nao abre nada em nenhum navegaor. baixei a extensao do edge no vscode e ta funfando, tem problema?

não consegui baixar o fonte-awesome. onde oncontro?

Eae Matheus tudo bem? mano eu crirei o arquivo partials/colors.scss, coloquei as cores pre definidas e no meu css eu coloquei a importação certinho, quando vou usar não aparece as cores como sugestão, ai baixei a extensão que vc falou e deixei habilitada, mas mesmo com isso ela não aparece, pulei alguma etapa?

Quando eu termino de escrever o os códigos nada se altera nenhuma cor

Boa noite Matheus . Seu treinamento de aplicativos em RN está ativo ainda ???? Houve atualizações ???? Lembro que no ano passado vi um treinamento seu em RN , estou muito interessado nele , porém, vi que já se passou um ano e seu treinamento continua chegando para mim em anúncios .

O media screen do header não tá deixando responsivo no meu, alguém saberia dizer qual pode ser o problema?

Onde está o link do font-awesome?

Muito bomm, muito bem explicado. Parabéns! Cara, eu fiz tudo certinho(aula 1 e 2), quando eu abro a página pelo vscode, o site ta perfeito, mas ,quando eu tento abrir o site pelo link gerado pelo git hub page, ele nao está aparecendo a imagem de fundo "bg.svg" Eu já procurei na net, o pessoal manda tirar os pontos, adicionar eles, deixar sem barra, fiz tudo, mas esse svg em específico não ta indo para o git hub page kkkkk, sabe o pq?

Mano rs como estou ainda na pegada de HTML e css com Js rs esta landing page é bem avançada kkkkkk top de mais rsrs

Voce colocou o MAIN dentro do HEADER, tem algum problema em fazer assim ? Se eu tiver pensando besteira, mas pra mim o main era o conteudo principal, tipo um secao especial do site kkkk

Contéudo bom é tipo isso!! Video de 1h, mas que passou muitoo rápido!!

o underline antes do nome de algum arquivo em "partials" é obrigatório? Tipo, semântico?

Alguém pode me ajudar? Rodando no Live Sever a imagem de fundo com degradê aparece, mas quando eu acesso pela minha pasta mesmo, a imagem não aparece. Fiz as hospedagem somente de teste e não apareceu também. Se alguém poder me ajudar eu agradeço!!!

42:03 que esquisito ,na hora que eu aplico o z-index -1 a imagem praticamente nem aparece fica só um pedaçinho quase invisivel em baixo do header ,tive que colocar 0 ao invés de -1 pra funcionar

Qual programa que ele está usando para criar a laind page?

Meus icones de cabeçalho nao se alonham de jeito nenhum, alguem sabe o que pode ser ?

[ALUNO SUJEITO PROGRAMADOR] Matheus, poderia gravar uma video aula ensinando a configurar toda estrutura pra desenvolver no macOS, por favor? Eu usava windows e daí ttroquei de PC e vim pro macbook... mas não acho video ensinando a instalar o andriod studio, vs code, e fazer as configuraçoes bonitinhas pra conseguir começar a desenvolver

Alguém pode me tirar uma dúvida, na parte do layout o background não aparece, pq será :(

não consegui subir no vercel, deu error 404 not found 😢

onde consigo as imagens???????

Estranho que a a img backgtound da bg-home não aparece no chrome mas aparece no edge...

No meu aparece isso e não conseguir alterar o css Compilation Error Error: Expected newline. ╷ 1 │ *{ margin: 0; │ ^ ╵ c:\Users\FRANK\Desktop\Tudo de T.Í\Desafio07\style.sass 1:2 root stylesheet -------------------- Watching... -------------------- Not Watching...

No meu o bg-home::before ( 42:00 min ) não está aparecendo a imagem. O que pode ser? Faz dois dias que tô tentando achar algum erro

Pode por essa pagina em portfólio?

mas o SASS ele modifica o arquivo pro CSS certo? Pq nao usar logo o CSS? pq pelo que vi vc escreve no SASS e o plug cria o arquivo CSS, pq nao cod logo no CSS

Muitoooo bom mesmo

como que vou baixar essas imagens??

Alguém sabe o tema que ele usa?

caramba to copiando tudo igual e chega na parte que coloco o background-color: $primary_normal; nao compila pro css quando salva nao aparece a alteração de fundo ja apaguei tudo e refiz 3x com video em 0,5 pra conferir tudo ta tudo igual e nao da bom, ja reinstalei as extensões tudo e nao da, nao tem logica nao dar bom to copoiando o passo a passo ate a escrita igual sem alterar nada e nao da alguem pode dar uma dica ?? ate tentar compliar de scss para css manualmento com o node-sass nao da

Nossa eu assisti o vídeo todo, pareceu 5 minutos

Preciso de ajuda não consigo usar a imagem bg.svg

Pra quem tiver problema pra carregar a imagem de fundo eu consegui colocando o path no "layout.scss" assim: url("../assets/bg.svg") e no "style.css" tive que editar assim: url("../Barber/assets/bg.svg").

NÃO SOMOS DE COMENTAR : PORÉM SIM AQUI VOCÊS DÃO PRIORI, NO CONTEÚDO E NAO FAZEM CARETA NA TELA DE APRESENTAÇÃO. PROFIBA!

No meu imagem não apareceu atras. Edit:alguem pode me dar um suporte ?

Eu até hj não sei o que é esse figma, nem para que serve e nem como usar. Ainda não sou inscrito no canal. Vou olhar o conteúdo depois.