PROJETO: LANDING PAGE apenas com HTML e CSS a partir do FIGMA - PARTE 01 | ONEBITCODE

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ธ.ค. 2024

ความคิดเห็น • 80

  • @arielalvesAlves
    @arielalvesAlves ปีที่แล้ว +38

    por mais video de Landing pages assim

    • @MoroKuzn
      @MoroKuzn ปีที่แล้ว +1

      verdade, ótima aula e excelente didática.

  • @carvalhoquibato2084
    @carvalhoquibato2084 28 วันที่ผ่านมา

    Maravilha! Projeto simples mas muito didático👏

  • @rafaellima9226
    @rafaellima9226 4 หลายเดือนก่อน

    dentre as várias landing pages que eu já vi essa é uma das melhores! parabéns!

  • @wandersongomes8405
    @wandersongomes8405 ปีที่แล้ว +1

    Fiz a inscrição e acionei o sininho. Muito obrigado pelo conteúdo.

  • @rayanekelly7066
    @rayanekelly7066 ปีที่แล้ว +4

    Obrigada pelo conteúdo! Será meu primeiro projeto. Gostei muito da sua didática.

  • @bia_vit
    @bia_vit ปีที่แล้ว +4

    Excelente aula, foi minha primeira aula com vc e gostei muito da sua didática. Essa landing page está muito linda adorei!

  • @SergioVianaVieira
    @SergioVianaVieira ปีที่แล้ว +4

    Excelente começo... vamos evoluir o projeto juntos... que show.

  • @EveraldoNascimento-f1j
    @EveraldoNascimento-f1j ปีที่แล้ว +1

    Excelente conteúdo. obrigado por compartilhar.

  • @guilhermeholanda7493
    @guilhermeholanda7493 ปีที่แล้ว +1

    Didática exclente!

  • @alderjuniobv
    @alderjuniobv ปีที่แล้ว +1

    @OneBitCode muito bom, tive dificuldade em aplicar a classe para centralizar o primeiro button, mas resolvi colocando um ID a parte e deu pra desenrolar, obrigado pelo conteúdo compartilhado. 🤘🖥

  • @pr.angeloambrosio
    @pr.angeloambrosio ปีที่แล้ว +2

    Tutorial excelente, como tudo que a onebitcode faz. Sou aluno e recomendo 100% o curso.

  • @mariannaregio6762
    @mariannaregio6762 ปีที่แล้ว +5

    muito bom!! Isaac sempre mandando muito nas explicações. façam mais vídeos assim

  • @MoroKuzn
    @MoroKuzn ปีที่แล้ว +2

    ótima aula e excelente didática por mais videos assim por favor, eu imploro!!!!!!!!!!!!

  • @darllingtongomes5996
    @darllingtongomes5996 ปีที่แล้ว

    A melhor plataforma de estudos!

  • @joaopedrocadinelli714
    @joaopedrocadinelli714 ปีที่แล้ว +1

    Aula muito boa, parabéns!

  • @alessandrosilva1015
    @alessandrosilva1015 ปีที่แล้ว +1

    Gostei muito!

  • @GustavoLima-qi9ps
    @GustavoLima-qi9ps ปีที่แล้ว

    muito top, mas muita informação pra iniciantes...mas é isso ai! top

  • @gisellebrasilmacedo1846
    @gisellebrasilmacedo1846 ปีที่แล้ว +5

    Muito bom! Estou fazendo, mas iria facilitar muito se colocassem o link para o projeto no figma!

  • @andresilvaof
    @andresilvaof ปีที่แล้ว

    Otima aula de fácil entendimento!

  • @tosipaulo
    @tosipaulo ปีที่แล้ว +2

    Que vídeo incrível e sua didática é massa demais! Qual a diferença entre usar as tags ul > li > a, com o que propôs usando nav > a?

  • @rafaeldoliveira5684
    @rafaeldoliveira5684 ปีที่แล้ว +1

    Mais vídeos de landing pages dessa forma

  • @juniortenorio9967
    @juniortenorio9967 ปีที่แล้ว

    Sensacional!

  • @DrawingsAll
    @DrawingsAll ปีที่แล้ว

    Legal, já vou tentar fazer

  • @EdvanSilva
    @EdvanSilva ปีที่แล้ว +1

    Pergunta! Olha gostei muito vcs são demais, mas pq não usou o sass?

  • @TechSciBrasil
    @TechSciBrasil ปีที่แล้ว +1

    Uma Dúvida:
    Ao invés de fazer
    .decotarion::after{
    content:' ';
    bacground: url("img/three-dahes.svg");
    position: absolute;
    height:36px;
    width:40px;
    }
    Poderia ser
    .decotarion::after{
    content: url("img/three-dahes.svg");
    position: absolute;
    }
    uma vez que as dimensoes da imagem não seria alteradas?
    se a img for inserida no background, é necessário informar altura e largura. mas se for inserida no content, isso não é nessessário, porém, não há como manipular as dimensoes.

  • @_gama_nathan
    @_gama_nathan ปีที่แล้ว +20

    Aula muito boa, só achei desnecessário pegar alguns estilos prontos no CSS, quem é iniciante e queria entender tudo e fazer junto não consegue, pois você só deu CTRL + C e CTRL + V, eu mesmo fiquei perdido

    • @magavix
      @magavix ปีที่แล้ว +1

      vdd!

    • @vagnermoura8819
      @vagnermoura8819 ปีที่แล้ว +3

      È só voce ir digitando e ir entendendo o que cada propriedade faz

    • @agenciack6671
      @agenciack6671 11 หลายเดือนก่อน +1

      Cara acho que ele nao copiou e colou, no VS code quando vc vai digitando ja vai aparecendo, talvez ele tenha digitado rápido

    • @dannielneves021
      @dannielneves021 3 หลายเดือนก่อน

      Vc aprende vendo e fazendo e hoje em dia quanto mais eficiente vc é melhor então aprenda e saiba o macete

  • @samuelsantos5559
    @samuelsantos5559 ปีที่แล้ว

    Top demais, vlw

  • @carlosbarross
    @carlosbarross ปีที่แล้ว +2

    Eu amo essa palheta de cores!! Você estudou sobre as cores antes de criar esse design com essas cores?

  • @joaol.garcia2014
    @joaol.garcia2014 ปีที่แล้ว +1

    meu botão de se inscreva não centralizou, alguém sabe como arrumar? As tags estão certas mas ele não vai pro meio, só isso deu errado

  • @laurissonmoura7712
    @laurissonmoura7712 ปีที่แล้ว

    like por mais vídeos assim rsrs😁

  • @magavix
    @magavix ปีที่แล้ว

    Antes de color-primary, são aspas, ponto e ponto, é o q?

  • @JeanKarloss
    @JeanKarloss ปีที่แล้ว

    Já postou a parte 2??

  • @DevSttrong
    @DevSttrong ปีที่แล้ว +1

    Boa noite amigo onde vc encontra as landing page. qual site vc usa ?

  • @guhhbraga5386
    @guhhbraga5386 ปีที่แล้ว +1

    Posso colocar esse projeto no meu portfólio?

  • @mart1nelli
    @mart1nelli ปีที่แล้ว

    Opa beleza? Queria saber porque ao inves de criar varias section com article dentro, nao foi criado uma section com ul li e também no nav do header, algum motivo especifico?

  • @sobservando4620
    @sobservando4620 ปีที่แล้ว

    Qual terminal vcs utilizam?

  • @christian9553
    @christian9553 ปีที่แล้ว +1

    Muy buen tutorial!
    Pero olvidaste colocar los links de las fuentes de google :(

  • @devevolution
    @devevolution ปีที่แล้ว

    Nao tem um link pro repositoria GIT?

  • @se3627
    @se3627 ปีที่แล้ว

    Qual é a resolução para criar sites no Figma?

  • @numaguentomais
    @numaguentomais ปีที่แล้ว

    24:40

  • @agum7751
    @agum7751 ปีที่แล้ว

    arquivo hero-img.svg não abre!

  • @Maximus_749
    @Maximus_749 ปีที่แล้ว +3

    Não encontrei o link da fonte, o único link de material é para as imagens, seria bom colocar na descrição

  • @JulianaMoraissz2
    @JulianaMoraissz2 ปีที่แล้ว +1

    Boa noite! Conteúdo muito bom, mas onde estão os links da fonte?

    • @carlosbarross
      @carlosbarross ปีที่แล้ว

      creio que a fonte vc altera com códigos, não? Sou nono nisso*

    • @leandro_adrian
      @leandro_adrian ปีที่แล้ว

      @@carlosbarross Tem certas fontes que vc precisa importar da internet, pois não existem "dentro" do css

  • @ViniciusSantos-wy2co
    @ViniciusSantos-wy2co ปีที่แล้ว

    Onde acho os textos que você colou, os lore ipsum

    • @dmuller3147
      @dmuller3147 ปีที่แล้ว

      Se você usa o VsCode, é só digitar Lorem e dar enter que o VsCode completa o resto, se você colocar Lorem15, ele irá escrever 15 palavras, se colocar 30, 30 palavras e por aí..

  • @telminha2008
    @telminha2008 ปีที่แล้ว

    Porque ao colocar : root { }, no css, quando vou colocar --color ou seja o que for, aparece em branco e não consigo aplicar as mesmas?

    • @luhoro
      @luhoro ปีที่แล้ว

      No meu também aparece me branco por conta do tema que uso. Mas certifique de estar colocando ":" após o nome da variável e colocar ";" no final. Pra aplicar precisa certificar de usar var() e fechas os parênteses

  • @esquisito.01
    @esquisito.01 ปีที่แล้ว

    5:32 como duplica desse jeito?

    • @feijonts
      @feijonts ปีที่แล้ว

      Alt shift seta pra baixo

  • @helder-rangel
    @helder-rangel 7 หลายเดือนก่อน

    😀

  • @andresantiago1285
    @andresantiago1285 ปีที่แล้ว +2

    Alguém sabe aonde posso baixar as imagens?

    • @OneBitCode
      @OneBitCode  ปีที่แล้ว +3

      Olá André! Adicionamos na descrição o Link para os arquivos utilizados :)

    • @andresantiago1285
      @andresantiago1285 ปีที่แล้ว

      @@OneBitCode Muito obrigado!!

  • @fernandopiresdacunha2384
    @fernandopiresdacunha2384 ปีที่แล้ว

    Onde eu encontro a fonte?

  • @magnojunior6611
    @magnojunior6611 ปีที่แล้ว +1

    Onde ta a segunda parte??

    • @OneBitCode
      @OneBitCode  ปีที่แล้ว

      th-cam.com/video/b9Vw_LUyYmc/w-d-xo.html

  • @marianaferreiraantunes1385
    @marianaferreiraantunes1385 ปีที่แล้ว +1

    Alguem achou o link das fontes ?

    • @MoroKuzn
      @MoroKuzn ปีที่แล้ว

      google fonts

  • @rafaeldoliveira5684
    @rafaeldoliveira5684 ปีที่แล้ว

    Link para a segunda parte do vídeo, pra mim não apareceu

    • @OneBitCode
      @OneBitCode  ปีที่แล้ว

      th-cam.com/video/b9Vw_LUyYmc/w-d-xo.html

  • @mateusidibal8492
    @mateusidibal8492 ปีที่แล้ว

    onde está a segunda parte?

    • @OneBitCode
      @OneBitCode  ปีที่แล้ว +1

      th-cam.com/video/b9Vw_LUyYmc/w-d-xo.html

  • @iagopierre1758
    @iagopierre1758 ปีที่แล้ว

    Ótimo conteúdo! Mas tenho uma duvida, em caso de um HTML semântico, para os botões, por que n foi usado a tag button? Sou novato no assunto kkkkk

    • @emilymiro5772
      @emilymiro5772 ปีที่แล้ว +2

      em termos semânticos a gente usa a tag quando queremos direcionar à uma navegação ou para outra página. Isso é adequado quando o elemento representa um link para um conteúdo externo ou uma página relacionada. Como é o caso pois no projeto estamos tentando "vender cursos" para possíveis alunos da escola de Jazz. Já a tag button a gente usa quando o elemento estiver relacionado a uma ação interativa, como enviar um formulário, acionar uma função JavaScript ou executar uma ação específica no contexto da página. Espero ter ajudado!

  • @mntdev
    @mntdev ปีที่แล้ว

    Gostei para chuchu.

  • @vitoriamaria61
    @vitoriamaria61 ปีที่แล้ว

    A imagem "hero-img.svg" de mais alguém também está quebrada?

    • @bia_vit
      @bia_vit ปีที่แล้ว

      a minha tmb tava quebrada, demorava séculos para carregar e atrapalhava o conteudo, resolvi convertendo em png

  • @junior1992a
    @junior1992a ปีที่แล้ว

    vc é filho do Rodrigo Pacheco???

  • @helder-rangel
    @helder-rangel 7 หลายเดือนก่อน

    😀