TUTORIAL BOOTSTRAP - CRIANDO TELA DE LOGIN em 20 MINUTOS

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ส.ค. 2024
  • Nesse vídeo vamos aprender o que é o bootstrap, como o bootstrap funciona e como usar o bootstrap nos nossos projetos. Para isso, iremos criar uma interface de formulário de login do zero, usando apenas o bootstrap!
    📚 DESCONTOS NOS LIVROS NOVATEC - CUPOM KIPPERDEV
    👉 Livro Boostrap Guia Completo: www.novatec.com.br/livros/boo...
    👉 Torne-se um ESPECIALISTA no FRONTEND
    tr.ee/kipperdev-desconto-rock...
    🎁 USE O CUPOM: KIPPERDEV
    👉 Me siga no instagram!
    / kipper.dev
    🌎 Comunidade do Discord
    / discord
    00:00 Intro
    00:47 O que é o Bootstrap?
    01:12 Como o Bootstrap funciona?
    04:46 Iniciando o projeto - Tela de Login
    06:24 Criando HTML e estilizando a interface
  • วิทยาศาสตร์และเทคโนโลยี

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

  • @kipperdev
    @kipperdev  11 หลายเดือนก่อน +7

    📚 DESCONTOS NOS LIVROS NOVATEC - CUPOM KIPPERDEV
    www.novatec.com.br

  • @washinerdev4355
    @washinerdev4355 5 วันที่ผ่านมา

    Kipper san é um fenômeno, como consegue trabalha como dev fazer os videos os eventos, caramba voce e foda demais parabéns engraçado que todo conteudo que preciso pra estuda vc tem rsrsrsrsrs o dia que fizer algum curso me avisa rs comprei o livro

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

    Ótimo vídeo como sempre, um dos melhores conteúdos de desenvolvimento por aqui na minha opinião.

  • @EmerSan37
    @EmerSan37 11 หลายเดือนก่อน +3

    Caraca! Que bruxaria é esta!?
    Eu literalmente acabei de finalizar o módulo de Bootstrap =]
    Valeu Fernanda! Conteúdo top para ajudar a estudar.

  • @bruninhorf5352
    @bruninhorf5352 11 หลายเดือนก่อน

    comecei recentemente no curso de ADS e seus videos estão me auxiliando muito, obrigado

  • @dilenio
    @dilenio 11 หลายเดือนก่อน +3

    Conteúdo incrível, parabéns por compartilhar seu conhecimento!

  • @aprezzi
    @aprezzi 10 หลายเดือนก่อน

    Tri bom esse vídeo, várias dicas de bootstrap e com certeza vai auxiliar muita gente.

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

    Excelente explicação Fernanda! Ajudou muito no desenvolvimento do meu projeto de conclusão de curso. Muito obrigado!

  • @alaelciolucas174
    @alaelciolucas174 11 หลายเดือนก่อน +4

    Muito bom...trás mais sobre o bootstrap.. showw!!!

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

    Muito bom, preciso e direto!! Parabéns.. poderia fazer uma aula para criar os botões de temas já com o javascript.

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

    Top! Um dia ainda vou programar assim, obrigado pela a aula.

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

    muito bom kipper, parabéns

  • @robertmello8678
    @robertmello8678 3 หลายเดือนก่อน +1

    caraca , e pensar q um dia desses tava vendo , seu video de setup , sem nem entender progamação , hoje eu vendo o video pra fazer um login pra um projeto do curso de front

  • @cacotnk
    @cacotnk 8 หลายเดือนก่อน

    Muito boooom.
    Seria daora criar uma serie de como criar um site, desde a tela de login ate a landing page, etc

  • @edsonmurilolucasfarias3174
    @edsonmurilolucasfarias3174 5 หลายเดือนก่อน

    Legal!. Parabens!. Mui Grato!.👍🏻👍🏻

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

    Brabíssima!

  • @jorgefrias288
    @jorgefrias288 10 หลายเดือนก่อน

    Conteúdo muito bommm! posta mais videos de front

  • @MarceloMotaRibeiro
    @MarceloMotaRibeiro 10 หลายเดือนก่อน

    Limpo , simples e elegante.

  • @iamarcilio
    @iamarcilio 11 หลายเดือนก่อน

    Muito bom!
    Bem direto e simples!

    • @kipperdev
      @kipperdev  11 หลายเดือนก่อน

      obrigadaa Marcilio!! 💜

  • @ACGustavo-xs9rv
    @ACGustavo-xs9rv 6 หลายเดือนก่อน

    o conteúdo foi maravilho, o único ponto negativo foi o tamanho da câmera, se diminuir ela ou mover para fora do quadro de código vai ser perfeito!

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

    Ótimo vídeo, Fê!

    • @kipperdev
      @kipperdev  11 หลายเดือนก่อน

      Obrigadaaa Andrey 💜

  • @jairbomdebola
    @jairbomdebola 9 หลายเดือนก่อน

    Obrigado pela ajuda! Sou iniciante em programação e esse vídeo me ajudou muitíssimo

    • @kipperdev
      @kipperdev  9 หลายเดือนก่อน

      Que bomm, @jairbomdebola
      Fico feliz que tenha ajudado você 💜

  • @gustavobarbosa8287
    @gustavobarbosa8287 11 หลายเดือนก่อน

    Baita conteúdo 🎉

    • @kipperdev
      @kipperdev  11 หลายเดือนก่อน

      valeuu Gus! 💜

  • @raniellysouza8423
    @raniellysouza8423 11 หลายเดือนก่อน

    Faz mais vídeos de bootstrap pfvv

  • @thecodealchemist7095
    @thecodealchemist7095 11 หลายเดือนก่อน +13

    Ela tem alguns dos melhores cursos de Java, seria ótimo se ela pudesse fazer cursos de inglês ou nos ajudar a conseguir desenvolvedores convidados que falem inglês :)

    • @rodrigovictor4497
      @rodrigovictor4497 11 หลายเดือนก่อน +3

      O curso de Java dela é pago? Onde que tem? Chegando agora aqui

    • @thecodealchemist7095
      @thecodealchemist7095 11 หลายเดือนก่อน

      @@rodrigovictor4497 No its not paid and its right on her playlist, "Exploring Java"

    • @ribzao
      @ribzao 5 หลายเดือนก่อน

      Gratuito@@rodrigovictor4497

  • @Comandofe01
    @Comandofe01 11 หลายเดือนก่อน

    Eu tô estudando front-end é back-end qual framework vc recomenda

  • @denneraladim6190
    @denneraladim6190 10 หลายเดือนก่อน

    Qual é o melhor tailwindcss ou bootstrap no frontend ?

  • @user-xj1zl9pj5r
    @user-xj1zl9pj5r 6 หลายเดือนก่อน

    Bom dia! Fernanda, consegue me dizer como eu busco os inputs, por exemplo, no JS, uma vez que as classes e ids precisam ter o mesmo nome para manter as estilizações do bootstrap?
    Procurei na documentação e não encontrei nada a respeito..

  • @wallex5665
    @wallex5665 5 หลายเดือนก่อน

    Eu comecei a estudar Front End faz uns meses, sou o único que gosta de fazer os próprios componentes? Gosto de tirar ideais de outras bibliotecas tipe shadcn/ui, mas tento sempre faze-los.

  • @MachineHead393
    @MachineHead393 11 หลายเดือนก่อน

    Boostrap meu mundo de Razor Views e Pages. É utilizado demais.

    • @kipperdev
      @kipperdev  11 หลายเดือนก่อน

      Simmm!

  • @r_si2590
    @r_si2590 11 หลายเดือนก่อน

    Algum de vocês sabem o nome de alguma extensão de Bootstrap no VSCode que indica as classes, como no vídeo?

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

    Faz um video fazendo o back-end desse formulario?

  • @alissont3rhuant330
    @alissont3rhuant330 11 หลายเดือนก่อน

    Opa, Ficou maneiro, Vc poderia fazer um vídeo de como fazer o sistema de login De autenticação com Java? Tenho um sistema em Java Falta só fazer autenticação de usuário padrão e usuário administrador

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

      Oii Alisson, valeu! 😊
      Já tem vídeo sobre autenticação com Spring Security aqui no canall, vou deixar o link para você
      Autenticação e Autorização com Spring Security e JWT Tokens
      th-cam.com/video/5w-YCcOjPD0/w-d-xo.html

    • @douglas2085
      @douglas2085 11 หลายเดือนก่อน

      ​@@kipperdevcara, é um dos melhores vídeos d security e JWT em português

  • @Felipe97264
    @Felipe97264 11 หลายเดือนก่อน

    faz mais videos sobre back end abs

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

      Vou fazer simm!!

  • @denneraladim6190
    @denneraladim6190 10 หลายเดือนก่อน

    Podia fazer uma aplicação boostrapp no reactjs ?

  • @joaovitorpinheirodossantos2502
    @joaovitorpinheirodossantos2502 6 หลายเดือนก่อน

    você é 10, minha nota pra você é 10

  • @alvaroferraz456
    @alvaroferraz456 11 หลายเดือนก่อน

    ótimo vídeo!! qual seu tema no vscode??

    • @kipperdev
      @kipperdev  11 หลายเดือนก่อน

      Muito obrigadaa Alvaro 💜
      É o Emerald versão Dark

  • @laersonhammes2608
    @laersonhammes2608 10 หลายเดือนก่อน

    nos dois exemplos a cor de fundo do form está diferente da do body, fica levementte estranho

  • @acpmedeiros
    @acpmedeiros 11 หลายเดือนก่อน

    Duas perguntas:
    1) quais os pré requisitos para entender o bootstrap ?
    2) qual o software que você está usando para gravar a tela e aparecer no vídeo ao mesmo tempo?
    Parabéns pela sua apresentação. Eu que não entendo nada, entendi, imagino que quem é dá área ficou bem didático sua explicação. Dependendo da resposta a primeira pergunta, vou aprender isso.
    😊

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

      Da pra fazer isso com o OBS Studio.

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

      Sobre a primeira pergunta:
      - HTML e CSS
      - responsividade com mobile first

  • @ImTheMikaell
    @ImTheMikaell 11 หลายเดือนก่อน

    Tailwind ou Bootstrap? Ou é apenas gosto mesmo?

  • @dariocosta8419
    @dariocosta8419 11 หลายเดือนก่อน

    mãssss

  • @gustavogouveia9843
    @gustavogouveia9843 11 หลายเดือนก่อน

    second!

    • @kipperdev
      @kipperdev  11 หลายเดือนก่อน

      😍😍

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

    Legal, mas cadê a intenção com um banco de dados?

  • @rickchavosuhh430
    @rickchavosuhh430 11 หลายเดือนก่อน

    first!

    • @kipperdev
      @kipperdev  11 หลายเดือนก่อน

      💜

  • @danielgianni-ror
    @danielgianni-ror 11 หลายเดือนก่อน

    Você não pode deixar os IDs com o mesmo nome, precisa ser diferente

  • @maximusalves3055
    @maximusalves3055 11 หลายเดือนก่อน

    em 2 minutos é posivel fazer usando css normal também!