Como fazer uma Barra de Pesquisa (Search Bar) com HTML, CSS e JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ส.ค. 2024
  • Olá, pessoal!
    Neste vídeo, vou mostrar como criar uma barra de pesquisa de filmes utilizando HTML, CSS e JavaScript. Essa barra de pesquisa pode ser adaptada para qualquer tipo de pesquisa que você precise, tornando-a uma ferramenta versátil para seus projetos.
    Links usados no vídeo:
    Ícones: fontawesome.com/
    Repositório GitHub:
    github.com/Larissakich/search...
    Redes sociais:
    LinkedIn: / larissakich
    Instagram: @dev_em_dev
    Tema do VSCode:
    Omni Owl
    Capítulos:
    00:00 - Introdução
    01:18 - Criação do projeto
    03:45 - HTML
    11:50 - CSS
    22:43 - JavaScript
    Espero que vocês gostem e que este tutorial seja útil para seus projetos. Não se esqueçam de curtir o vídeo, se inscrever no canal e deixar seus comentários e dúvidas abaixo. Até a próxima!
  • วิทยาศาสตร์และเทคโนโลยี

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

  • @CENTRAL_12
    @CENTRAL_12 10 วันที่ผ่านมา

    Assisto todos os seus videos quando lançados, vc é incrível❤ Podes criar uma playlist de Html e. Css intermédio ou avançado?

  • @jacksonreis4143
    @jacksonreis4143 28 วันที่ผ่านมา +1

    Hoje assisti o video sobre o sidebar, e agora vejo um vídeo novo logo agora, obrigado pelo seu conteúdo e não pare!!

    • @larissakich
      @larissakich  27 วันที่ผ่านมา

      Eu quem agradeço 😊

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

    Guria, continua fazendo sempre esses vídeos. To em transição de carreira e começando nesse mundo mais pro front e tu tá ajudando demais. =] Ótimo vídeo, muito obrigado!

    • @larissakich
      @larissakich  28 วันที่ผ่านมา +1

      Oii, fico muito feliz em saber disso!! Te desejo muito sucesso, espero conseguir te ajudar ☺️

  • @AlexRocha-es1mx
    @AlexRocha-es1mx 25 วันที่ผ่านมา

    Vídeo top demais!

    • @larissakich
      @larissakich  25 วันที่ผ่านมา

      Muito obrigada 😊

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

    Top de verdade

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

      Muito obrigada ☺️

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

    estava pensando em vc , e venho a notificação do seu video , que maravilha!

    • @larissakich
      @larissakich  27 วันที่ผ่านมา

      Espero que goste 😊

    • @heliosoares4847
      @heliosoares4847 27 วันที่ผ่านมา

      @@larissakich muito bom, adorei, faz mais videos!

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

    Era oque eu estava procurando kkk que ferramenta é essa de teste pra aparelhos móveis? Curti

    • @larissakich
      @larissakich  27 วันที่ผ่านมา

      Oii, é uma extensão do Google -> "Simulador móvel - ferramenta de teste responsiva"

  • @fabricioaguiar3428
    @fabricioaguiar3428 27 วันที่ผ่านมา

    Bem quando eu tenho que fazer um projeto você envia essa pedrada um dia antes kkk

    • @larissakich
      @larissakich  27 วันที่ผ่านมา

      Espero conseguir te ajudar ☺️

  • @chuh4997
    @chuh4997 26 วันที่ผ่านมา

    Lari, faz um vídeo ensinando uma pág de login com a mesma interface do formulário de cadastro que você já ensinou

    • @larissakich
      @larissakich  25 วันที่ผ่านมา

      Muito obrigada pela sujestão ☺️

  • @cakolin96
    @cakolin96 22 วันที่ผ่านมา

    Larissa, não seria melhor fazer com o filter e o includes?

    • @larissakich
      @larissakich  22 วันที่ผ่านมา +1

      Oii, fiz de uma das formas que eu conhecia, não sei se há diferença de performance entre o que você sugeriu e o que eu fiz no vídeo, mas de qualquer forma, são alternativas muito válidas