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

Поделиться
HTML-код
  • Опубликовано: 12 дек 2024

Комментарии • 90

  • @LucasBrito-bc8bw
    @LucasBrito-bc8bw Год назад +14

    Parte 3 seria muito top, curti demais

  • @erickgms01
    @erickgms01 Год назад +1

    que foda amigo, simplismente incrivel

  • @carvalhoquibato2084
    @carvalhoquibato2084 29 дней назад

    Terminei a segunda parte do projeto. Sua didática é ótima, direito ao ponto🤓

  • @arthurfsvieira
    @arthurfsvieira Год назад

    Adorei! Muito obrigado!

  • @renantibia92
    @renantibia92 Год назад +4

    Vamos para parte 3, wowwwwwwww

  • @JoaoGabriel-wv2iq
    @JoaoGabriel-wv2iq Год назад +6

    Nossa, adoraria mais projetos como esse.

  • @EveraldoNascimento-f1j
    @EveraldoNascimento-f1j Год назад +1

    Excelente conteúdo, obrigado por compartilhar.

  • @RoboOUchiha
    @RoboOUchiha Год назад +4

    Faz a parte 3 com certeza !! fico no aguardooo

  • @fabiolp4272
    @fabiolp4272 Год назад +1

    Muito Bom. Parte 3.

  • @MsMarylinha
    @MsMarylinha Год назад

    Aulas maravilhosas! Com certeza gostaria da continuação!! Parabéns e obrigada pelo conteúdo compartilhado!

  • @algumacoisa9806
    @algumacoisa9806 Год назад +1

    Foi íncrivel esse projeto! Amei dms, me passou muito conhecimento.

  • @alessandrosilva1015
    @alessandrosilva1015 Год назад +1

    Muito bom! Queremos mais....

  • @luanareinholzPersonal
    @luanareinholzPersonal Год назад

    Vídeo ótimo! Queremos continuação!!!
    Projetos práticos são muito bons.

  • @antonioclecio6505
    @antonioclecio6505 Год назад +3

    Muito da hora, incrível essa Landing Page, foram muito ensinamentos nessas duas aulas, estão de parabéns 👏👏 Seria incrível ampliar o conhecimento com a PARTE 3 e o desenvolvimento desse site completo, com mais páginas e JavaScript. Fico no aguardo!!!

  • @marcosantoniobueno6336
    @marcosantoniobueno6336 Год назад

    Muito bom, parabéns. Quebrando a cabeça aqui!

  • @juniortenorio9967
    @juniortenorio9967 Год назад

    Acompanhando e fazendo junto! Muito top!

  • @乐文玉
    @乐文玉 Год назад

    Workshop excelente! Adorei!

  • @gildersonsamuel8404
    @gildersonsamuel8404 Год назад +1

    Adorei, espero mais projetos como esse, Parte 3 seria legal!!!

  • @ProfCleitonFSNeves
    @ProfCleitonFSNeves Год назад

    Super TOP.
    Sou professor e aos 43 anos resolvi iniciar na programação. Ainda estou iniciando, mas consegui acompanhar e realizar todo o projeto.
    Agradeço à equipe do One Bit Code por disponibilizar materiais excelentes de forma gratuita para ampliar nossos conhecimentos e melhorar nossa experiência, creio que tanto para quem é iniciante quanto para quem já caminha sozinho na programação. Parabéns! Estou ansioso para ver a PARTE 3 desse projeto já com a parte do Javascript. #tamojuntocomonebitcode

  • @welbernogueira
    @welbernogueira Год назад

    SHOWWWWWW DE BOLAAAAAA. VLW OBC!

  • @Fabandy88
    @Fabandy88 9 месяцев назад

    mto bom, obrigado por compartilhar.

  • @PauloSilva-yu7fl
    @PauloSilva-yu7fl Год назад

    Estarei esperando a parte 3 ,aprendi muito , obrigado.

  • @MoroKuzn
    @MoroKuzn Год назад

    Show! de primeira não deu porque não me atentei aos mínimos detalhes, não desisti e na segunda foi certinho aprendi bem mais. 😄

  • @wolverinerw63
    @wolverinerw63 Год назад +1

    Muito bom projeto para fixar conteúdo, poderiam fazer projetos toda semana e ir aumentando a complexidade a cada novo projeto. Valeu!!!

  • @ZxXBlackWarriorXxZ
    @ZxXBlackWarriorXxZ Год назад

    muito bom, continua

  • @HeitorPants
    @HeitorPants Год назад +1

    que aula de responsividade, css, e esse conceito de mobile first muito top, eu gostaria sobre uma aula ensinando como coletar os dados do figma, mostrando a parte de estudar o figma, pegar as informações, para depois chegar nessa etapa que fizemos, obrigado pelo conteudo

  • @erisvaldosilva3010
    @erisvaldosilva3010 Год назад

    Excelente didática e ensinamento aprendi muito nestas duas aulas, parabéns à todos e seria ótimo se houve-se a parte 3, juntando o JavaScript ao projeto... 👍👏

  • @pr.angeloambrosio
    @pr.angeloambrosio Год назад +4

    Um tutorial de CSS desse nível todo mês seria incrível.

  • @temisalves4969
    @temisalves4969 Год назад

    Sensacional, um dos melhores canais pra se aprender de forma clara e simples entendimento.

  • @SamuelFJRDev
    @SamuelFJRDev Год назад +3

    parte 3 ta logo aí?? vem pf hahahaha ficou top dmsss, obg pelo conteúdo...

  • @cassiaoliveira8850
    @cassiaoliveira8850 Год назад

    Gostei demais do projeto! Vai ser incrível se lançarem continuação. Incrementar Javascript e mais sessões seria massa.

  • @mariavictoriasantos4330
    @mariavictoriasantos4330 Год назад

    Ótimo vídeo! Esperando pela parte 3 definitivamente.

  • @derodrigo
    @derodrigo Год назад +9

    Seria bom disponibilizar os arquivos html e css. meu header e footer não ficaram iguais ao figma. ficaria mais facil de encontrar o erro.

    • @user-sn3lt3dz1b
      @user-sn3lt3dz1b Год назад

      isso aconteceu cmg tbm, descobri que as class que ele criou foram todas "container", tenta diferencias os container tipo: "container1" "container2"

  • @BelissaOliveira-z6b
    @BelissaOliveira-z6b Год назад

    Amei o projeto. Aprendi demais. Sou aluna OBC, mas decidi fazer esse projeto pq achei muito interessante. O conteúdo gratuito de vcs tb é show, de muita qualidade. Gratidão.

  • @luizlima6527
    @luizlima6527 Год назад

    top man demais msm

  • @stiillcs
    @stiillcs Год назад

    Muito bom, continua!

  • @AndressaViana-mh1if
    @AndressaViana-mh1if Год назад

    Muito bom! Adoraria ver com javascript também!

  • @gabrielaandrade3936
    @gabrielaandrade3936 Год назад

    Muito bom esse projeto, acabei de finalizar! parte 3 seria perfeito

  • @InteligenciaJ
    @InteligenciaJ Год назад

    Excelente projeto, parabéns pessoal! Uma parte 3 será massa demais...

  • @carloscamuzzi5583
    @carloscamuzzi5583 Год назад

    Ficou muito daora!, obrigado pelo conteúdo.
    A parte 3 seria muito bem-vinda!

  • @nathpereira
    @nathpereira Год назад

    Eu gostaria de continuar este projeto!

  • @vanessavieira5611
    @vanessavieira5611 Год назад +1

    Nossa achei muito legal esse projeto 🤩 Parte 3 dele seria ótimo 😊
    Sou aluna do curso fullstack e estou amando as aulas ❤

  • @danielsoaresdq
    @danielsoaresdq Год назад

    Incrível. Ficou muito bom, consegui aplicar tudo, e aprendi bastante coisa nova. Quero continuação!

  • @LyraCassio
    @LyraCassio Год назад

    Muito bom, Faz a parte 3.

  • @robpontojunior
    @robpontojunior Год назад

    Muito bom Isaac, show.

  • @AlifinhoGameplays
    @AlifinhoGameplays Год назад

    Parte 3 por favor !!!!!!!!!

  • @BelissaOliveira-z6b
    @BelissaOliveira-z6b Год назад

    Adoraria fazer mais desse projeto, com certeza. Uma parte 3 seria massa demais. 😍😍😍

  • @renatomota596
    @renatomota596 Год назад

    Codei junto e coloquei no meu portfólio. Achei muito legal a responsividade e design. Adicionar Javascript e algo de back end seria legal! Valeu!

  • @gabrielkkskx
    @gabrielkkskx Год назад

    aguardando a parte 3🤘

  • @guilhermemacedo9331
    @guilhermemacedo9331 Год назад

    Top!!! Demaisssss!!!!

  • @kauepilger8457
    @kauepilger8457 Год назад

    toppppp, parte 3,4,5,6,7... por favorr

  • @richardwallacy9589
    @richardwallacy9589 Год назад

    muito bom

  • @LuizCarlos-lp5fd
    @LuizCarlos-lp5fd Год назад

    Projeto Show se estiver continuação gostaria de participar obg pelo belo projeto.

  • @AliceABetti
    @AliceABetti Год назад

    Ótimo conteúdo! Estou fazendo o curso da Onebitcode e seria ótimo se tivessem mais exercícios como este na plataforma.

  • @mits2uki
    @mits2uki Год назад

    Parte 3 com js plss!!! Projeto incrível amigo!

  • @amsbeca8963
    @amsbeca8963 Год назад +1

    O projeto do site é ótimo! E o video é bom também, mas você poderia fazer os processos de uma maneira menos confusa... me incomodou bastante.

  • @diegofizzo
    @diegofizzo Год назад

    Faz um vídeo sobre chatgpt oq vc acha ? Será q isso pode tomar nossa profissão etc ?

  • @marcosantoniobueno6336
    @marcosantoniobueno6336 Год назад

    Libera prá gente o CSS.

  • @mayconsilva453
    @mayconsilva453 Год назад

    parte 3 manda ae

  • @bia_vit
    @bia_vit Год назад

    Adorei a aula e já quero fazer outras! Só achei um probleminha no meu na responsividade quando chega mais ou menos nos 1158, o título e o parágrafo quebram e saem da caixa.

  • @larissadossantosnascimento6490

    adoraria se tivesse parte 3 com javascript, gostei muito do projeto.
    Fiz ate o final, mas aprensentou um probleminha aqui, acredito que seja pelo tamanho da minha tela o icone "three-dashes" não se adaptou.... Se puder ajudar, agradeço!

  • @IvanOlivenbaum
    @IvanOlivenbaum Год назад

    19:53 Ao invés de display:block na media-query anterior, alinhei com display:flex os itens de menu. Alguém sabe dizer se existe algum "problema" ?

    • @OneBitCode
      @OneBitCode  Год назад

      Tudo bem se tiver o mesmo efeito (e estiver otimizado).

  • @willyandersonvieiradasilva4441
    @willyandersonvieiradasilva4441 Год назад +3

    Faltou deixar o arquivo html e css para gente corrigir. Omeu não ficou igual ao projeto final

    • @MoroKuzn
      @MoroKuzn Год назад +1

      tenta de novo, te garanto que vai dar certo na segunda tentativa. Se atente aos pequenos detalhes ''importantissimo''. boa sorte, vai dar certo

    • @MoroKuzn
      @MoroKuzn Год назад +1

      na primeira o meu também não ficou, mas na segunda sim me atentei aos mínimos detalhes . os pequenos detalhes importam. 😄

    • @willyandersonvieiradasilva4441
      @willyandersonvieiradasilva4441 Год назад

      Vou tentar

  • @matheuspaixao-xt3sm
    @matheuspaixao-xt3sm Год назад

    daora kkk eu queria fazer o curso, mas tô sem bufunfa, aprendendo na raça e aplicando, está ficando igual

  • @vivianezzt
    @vivianezzt Год назад

    Parte 3 com Javascript ❣🤟

  • @helder-rangel
    @helder-rangel 7 месяцев назад

    😀

  • @sarahmktt
    @sarahmktt Год назад

    PARTE 3!!

    • @OneBitCode
      @OneBitCode  Год назад

      Bora fazer nossa série nova onebitcode.com/minicurso

    • @sarahmktt
      @sarahmktt Год назад

      Opa já fiz!!

    • @sarahmktt
      @sarahmktt Год назад

      Tô no Full Stack

  • @pn_dev.
    @pn_dev. Год назад

    Seria ótimo uma parte 3 com o uso de javascript manipulando páginas.

  • @nunofonseca3967
    @nunofonseca3967 Год назад +1

    O video não está listado. Foi dificil achar
    edit: Peço o link do figma

    • @robpontojunior
      @robpontojunior Год назад

      Figma está na descrição do 1º vídeo.

  • @luizcvaloes122
    @luizcvaloes122 Год назад

    essa parte do codigo nao funcionou e eu fiz como esta no video so que o alinhamento dos cards nao mudou alguem pode me ajudar ?
    .cards {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2.25rem;
    margin-top: -6rem;
    margin-bottom: 7rem;
    }
    .cards {
    background-color: var(--color-primary);
    border: 2px solid var(--color-black);
    box-shadow: 4px 4px 0 var(--color-black);
    max-width: 17rem;
    padding: 2rem 0 0 2rem;
    }
    /*flex-direction: column; align-self: end;*/
    .cards:nth-child(2n) {
    align-self: end;
    background-color: var(--color-secondary);
    }
    .cards strong {
    display: block;
    font-size: 1.5rem;
    margin: 1rem 8;
    }

  • @joaol.garcia2014
    @joaol.garcia2014 Год назад

    usei o nth-child (2n) {
    align-self: end;
    background-color: var(- - color - secondary);
    }
    por algum motivo não está alinhando com a direita, alguém sabe uma forma de concertar?

  • @marlyssondouglas2020
    @marlyssondouglas2020 Год назад

    Não estou conseguindo acessar(encontrar) a parte 01 do projeto!

    • @OneBitCode
      @OneBitCode  Год назад

      ruclips.net/video/Wo7UnH8TYbc/видео.html

  • @fernandopiresdacunha2384
    @fernandopiresdacunha2384 Год назад

    Alguém poderia postar os arquivos html e css? Para eu ver onde estou errando

  • @mateusiago2884
    @mateusiago2884 Год назад

    o meu titulo e meu botao de inscreva-se ficou trocado de lado
    o botao de inscreva-se na esquerda e a logo na direita , como resolvo isso ?
    tentei aqui e nao consegui

    • @MoroKuzn
      @MoroKuzn Год назад

      atente-se aos mínimos detalhes, vai conseguir corrigir eu te garanto. boa sorte!

    • @matheuspaixao-xt3sm
      @matheuspaixao-xt3sm Год назад

      uma dica, ao ir a página clica (com o lado direito do mouse) e inspecionar (clique com o esquerdo) lá vai mudando oque talvez vc tenha 'errado' ou feito de maneira apressada e sem atenção

  • @joaol.garcia2014
    @joaol.garcia2014 Год назад

    bom, tentei muito pessoal mas o meu deu tudo errado, desisto.

  • @leidysarah9137
    @leidysarah9137 Год назад

    ATENÇÃO AOS INICIANTES: não sigam esse tutorial. A programação é pra ser simples, e o sr especialista do vídeo complicou o código 3x mais. O começo é tranquilo, mas no resto, ele copia e cola códigos sem nem explicar de onde tirou (pra fazermos igual), não explica os termos nem porque ele utiliza rem e não cm em todo o código, e no final, ele volta O TEMPO TODO PRA CONSERTAR O CÓDIGO E ADICIONAR MAIS ITENS (QUE PODERIAM SER COLOCADOS NO COMEÇO - AJUSTES DESNECESSÁRIOS), NUMA ETERNA CONFUSÃO porque não foi, possivelmente, planejado antes o código. Nunca passei tanto ódio e escrevi tantas linhas num tutorial. Foi um portfólio sofrido. Abraço (y)

  • @developertini
    @developertini Год назад

    taca javascript ai por favor só pra nós ver a mágica de verdade kkk