Тёмный

TUTORIAL BOOTSTRAP - CRIANDO TELA DE LOGIN em 20 MINUTOS 

Fernanda Kipper | Dev
Подписаться 105 тыс.
Просмотров 28 тыс.
50% 1

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

Наука

Опубликовано:

 

30 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 62   
@kipperdev
@kipperdev 10 месяцев назад
📚 DESCONTOS NOS LIVROS NOVATEC - CUPOM KIPPERDEV www.novatec.com.br
@JP_Dados
@JP_Dados 10 месяцев назад
Ótimo vídeo como sempre, um dos melhores conteúdos de desenvolvimento por aqui na minha opinião.
@dilenio
@dilenio 10 месяцев назад
Conteúdo incrível, parabéns por compartilhar seu conhecimento!
@alaelciolucas174
@alaelciolucas174 10 месяцев назад
Muito bom...trás mais sobre o bootstrap.. showw!!!
@robertmello8678
@robertmello8678 2 месяца назад
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
@aprezzi
@aprezzi 9 месяцев назад
Tri bom esse vídeo, várias dicas de bootstrap e com certeza vai auxiliar muita gente.
@bruninhorf5352
@bruninhorf5352 9 месяцев назад
comecei recentemente no curso de ADS e seus videos estão me auxiliando muito, obrigado
@EmerSan37
@EmerSan37 10 месяцев назад
Caraca! Que bruxaria é esta!? Eu literalmente acabei de finalizar o módulo de Bootstrap =] Valeu Fernanda! Conteúdo top para ajudar a estudar.
@alanfernandes761
@alanfernandes761 10 месяцев назад
Top! Um dia ainda vou programar assim, obrigado pela a aula.
@marcioroya
@marcioroya 10 месяцев назад
Muito bom, preciso e direto!! Parabéns.. poderia fazer uma aula para criar os botões de temas já com o javascript.
@elggestao
@elggestao 3 месяца назад
Excelente explicação Fernanda! Ajudou muito no desenvolvimento do meu projeto de conclusão de curso. Muito obrigado!
@ryanpantaneiro
@ryanpantaneiro 10 месяцев назад
muito bom kipper, parabéns
@cacotnk
@cacotnk 6 месяцев назад
Muito boooom. Seria daora criar uma serie de como criar um site, desde a tela de login ate a landing page, etc
@edsonmurilolucasfarias3174
@edsonmurilolucasfarias3174 4 месяца назад
Legal!. Parabens!. Mui Grato!.👍🏻👍🏻
@jorgefrias288
@jorgefrias288 9 месяцев назад
Conteúdo muito bommm! posta mais videos de front
@agnis0
@agnis0 2 месяца назад
Brabíssima!
@MarceloMotaRibeiro
@MarceloMotaRibeiro 9 месяцев назад
Limpo , simples e elegante.
@iamarcilio
@iamarcilio 10 месяцев назад
Muito bom! Bem direto e simples!
@kipperdev
@kipperdev 10 месяцев назад
obrigadaa Marcilio!! 💜
@ACGustavo-xs9rv
@ACGustavo-xs9rv 5 месяцев назад
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 10 месяцев назад
Ótimo vídeo, Fê!
@kipperdev
@kipperdev 10 месяцев назад
Obrigadaaa Andrey 💜
@raniellysouza8423
@raniellysouza8423 10 месяцев назад
Faz mais vídeos de bootstrap pfvv
@jairbomdebola
@jairbomdebola 8 месяцев назад
Obrigado pela ajuda! Sou iniciante em programação e esse vídeo me ajudou muitíssimo
@kipperdev
@kipperdev 8 месяцев назад
Que bomm, @jairbomdebola Fico feliz que tenha ajudado você 💜
@thecodealchemist7095
@thecodealchemist7095 10 месяцев назад
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 10 месяцев назад
O curso de Java dela é pago? Onde que tem? Chegando agora aqui
@thecodealchemist7095
@thecodealchemist7095 9 месяцев назад
@@rodrigovictor4497 No its not paid and its right on her playlist, "Exploring Java"
@ribzao
@ribzao 4 месяца назад
Gratuito@@rodrigovictor4497
@gustavobarbosa8287
@gustavobarbosa8287 10 месяцев назад
Baita conteúdo 🎉
@kipperdev
@kipperdev 10 месяцев назад
valeuu Gus! 💜
@Comandofe01
@Comandofe01 9 месяцев назад
Eu tô estudando front-end é back-end qual framework vc recomenda
@denneraladim6190
@denneraladim6190 9 месяцев назад
Qual é o melhor tailwindcss ou bootstrap no frontend ?
@user-xj1zl9pj5r
@user-xj1zl9pj5r 5 месяцев назад
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..
@r_si2590
@r_si2590 10 месяцев назад
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 10 месяцев назад
Faz um video fazendo o back-end desse formulario?
@ryanpantaneiro
@ryanpantaneiro 10 месяцев назад
uma boa
@MachineHead393
@MachineHead393 10 месяцев назад
Boostrap meu mundo de Razor Views e Pages. É utilizado demais.
@kipperdev
@kipperdev 10 месяцев назад
Simmm!
@wallex5665
@wallex5665 4 месяца назад
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.
@denneraladim6190
@denneraladim6190 8 месяцев назад
Podia fazer uma aplicação boostrapp no reactjs ?
@alissont3rhuant330
@alissont3rhuant330 10 месяцев назад
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 10 месяцев назад
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 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-5w-YCcOjPD0.html
@douglas2085
@douglas2085 10 месяцев назад
​@@kipperdevcara, é um dos melhores vídeos d security e JWT em português
@alvaroferraz456
@alvaroferraz456 10 месяцев назад
ótimo vídeo!! qual seu tema no vscode??
@kipperdev
@kipperdev 10 месяцев назад
Muito obrigadaa Alvaro 💜 É o Emerald versão Dark
@laersonhammes2608
@laersonhammes2608 9 месяцев назад
nos dois exemplos a cor de fundo do form está diferente da do body, fica levementte estranho
@Felipe97264
@Felipe97264 10 месяцев назад
faz mais videos sobre back end abs
@kipperdev
@kipperdev 10 месяцев назад
Vou fazer simm!!
@ImTheMikaell
@ImTheMikaell 10 месяцев назад
Tailwind ou Bootstrap? Ou é apenas gosto mesmo?
@joaovitorpinheirodossantos2502
@joaovitorpinheirodossantos2502 5 месяцев назад
você é 10, minha nota pra você é 10
@acpmedeiros
@acpmedeiros 10 месяцев назад
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 10 месяцев назад
Da pra fazer isso com o OBS Studio.
@ronaldoamorim1833
@ronaldoamorim1833 10 месяцев назад
Sobre a primeira pergunta: - HTML e CSS - responsividade com mobile first
@gustavogouveia9843
@gustavogouveia9843 10 месяцев назад
second!
@kipperdev
@kipperdev 10 месяцев назад
😍😍
@dariocosta8419
@dariocosta8419 10 месяцев назад
mãssss
@profcarlosvasconcelos
@profcarlosvasconcelos 10 дней назад
Legal, mas cadê a intenção com um banco de dados?
@rickchavosuhh430
@rickchavosuhh430 10 месяцев назад
first!
@kipperdev
@kipperdev 10 месяцев назад
💜
@danielgianni-ror
@danielgianni-ror 10 месяцев назад
Você não pode deixar os IDs com o mesmo nome, precisa ser diferente
@maximusalves3055
@maximusalves3055 10 месяцев назад
em 2 minutos é posivel fazer usando css normal também!
Далее
OVOZ
01:00
Просмотров 956 тыс.
TELA DE LOGIN COM TEMA DARK | HTML +  CSS
38:58
Просмотров 341 тыс.
Project: Glassmorphism Login Form using Html & CSS
8:58
Login Form in HTML & CSS
11:07
Просмотров 1,2 млн
ASMR Programming - Animated Login Page - No Talking
18:18
Bootstrap // Dicionário do Programador
6:58
Просмотров 86 тыс.