Como criar uma JANELA MODAL com HTML, CSS e JavaScript

  Рет қаралды 20,237

Bruno Rodrigues • Inteliogia

Bruno Rodrigues • Inteliogia

Күн бұрын

Пікірлер
@brasiliano3201
@brasiliano3201 Жыл бұрын
Velho, o problema é saber como pesquisar essas coisa que tem um nome específico. Ainda bem que achei teu video
@stephanypiarulli7439
@stephanypiarulli7439 Жыл бұрын
Existem pessoas que dao tutoriais, mas voce deu AULA! gosto de gente que explica cada virgula que ta dando e voce fez isso! adorei! Obrigada
@InteliogiaDev
@InteliogiaDev Жыл бұрын
Muito obrigado Stephany. De verdade msm 🧡
@geovanesilva6410
@geovanesilva6410 Жыл бұрын
Parabéns mestre, aula tanto para para o iniciante na programação como para os cascudos como eu, mas que no meu caso não saco muito de css e js.
@FatosAtualidades
@FatosAtualidades Жыл бұрын
Amigo, assisti este vídeo, aprendendo, aplicando e testando essas orientações, e só tenho a dizer: Parabéns! Parabéns! Parabéns! Ah sim! também, obrigado pela explicação bem detalhada e de forma didática muito bem apresentada. Valeu mesmo! Hoje (20/09/2023), fiquei o dia inteiro procurando uma solução assim (principalmente porque não queria usar bootstrap). E seguindo seu vídeo, foi como uma receita de bolo. Deu certinho! Valeu, obrigado!
@vitaobrabo
@vitaobrabo Жыл бұрын
Simplesmente o vídeo mais didático que encontrei. Obrigado por compartilhar esse conhecimento!
@InteliogiaDev
@InteliogiaDev Жыл бұрын
Pow mano, muito obrigado cara 😁👏
@CiroPeixoto
@CiroPeixoto Жыл бұрын
Estava procurando um exemplo para usar a tag e fazer uma entrada simples modal. No começo não queria ver nenhuma explicação mais detalhada pois estava com "pressa" POREM, como o resultado de seu modal é muito bom e está muito explicado deixei minha "pressa" de lado e estou usando seu exemplo no meu projeto deixando de lado tambem a tag Enfim, parabens... ganhou mais um inscrito por puro mérito! 👏👏👏 Abraço e obrigado por compartilhar tu conhecimento !!
@thiagopires5407
@thiagopires5407 2 жыл бұрын
parabéns.. ganhou mais um inscrito. Você explica muito bem!!
@HenriqueSilva-dt2mx
@HenriqueSilva-dt2mx Жыл бұрын
Você é muito bom, meu amigo. Nota mil!
@viniciuscaetano8138
@viniciuscaetano8138 Жыл бұрын
que didática é essa, tudo bem simplificado!!!
@italoventura8218
@italoventura8218 Жыл бұрын
Obrigado amigo! vc me ajudou mt a finalizar o meu projeto da facul, ganhou like e um inscrito novo!
@jonataspereira1444
@jonataspereira1444 7 ай бұрын
Isso é bem melhor que o modal do Bootstrap.
@DigoOqPenso
@DigoOqPenso Жыл бұрын
Muito massa! vou fazer junto!
@leonardolindoso5982
@leonardolindoso5982 8 ай бұрын
Excelente explicação e didática. Parabéns pela aula!!
@EdmSTeixeira
@EdmSTeixeira 8 ай бұрын
Show! Parabéns pela excelente aula.
@shirleipereiradasilvasousa5505
@shirleipereiradasilvasousa5505 8 ай бұрын
excelente didatica. É muito bom e está muito explicadinho obrigada!
@iDontHaveName-d5q
@iDontHaveName-d5q Жыл бұрын
js eh ez ,tive dificuldade foi nessa degraca de css,me ajudou mt value
@marciapatriciam
@marciapatriciam 7 ай бұрын
to passada... quem sabe faz na simplicidade e brilha mesmo!... E o bootsptrap deixo pra lá...
@CarlosEduardo-co7xs
@CarlosEduardo-co7xs 8 ай бұрын
Didática ótima!
@CourteIA
@CourteIA 3 ай бұрын
+1 inscrito, excelente explicação
@andersonrfpe
@andersonrfpe Жыл бұрын
Muito top. Bem didático.
@Jack-ed1wn
@Jack-ed1wn Жыл бұрын
Por favor, faça um vídeo fazendo um formulário com Muito bom o vídeo, parabéns!
@jenifferssantoslee8284
@jenifferssantoslee8284 2 жыл бұрын
estou aprendendo muito com voce!!
@InteliogiaDev
@InteliogiaDev 2 жыл бұрын
Vc n sabe como eu fico feliz em saber disso Jeniffer 🥰💕
@HPTECRH
@HPTECRH Жыл бұрын
Excelente!🤝
@matheusbrenno8053
@matheusbrenno8053 2 жыл бұрын
Maravilhoso ,, parabéns mano 👏👏👏👏
@InteliogiaDev
@InteliogiaDev 2 жыл бұрын
Tamo junto mano 👊🏼👊🏼
@genuinobrasileiro
@genuinobrasileiro 2 жыл бұрын
vc pode usar a tag é bem mais rápido
@cteclaudiobritocaruaru-pe9889
@cteclaudiobritocaruaru-pe9889 2 жыл бұрын
Pois é, você tem razão, más acho que o foco aí seria ensinar mesmo como " fazer uma janela modal ", pra quem gosta mesmo de entender o funcionamento do negócio.
@genuinobrasileiro
@genuinobrasileiro 2 жыл бұрын
@@cteclaudiobritocaruaru-pe9889 entendi, aliás excelente aula, parabéns.
@gessecazuza6752
@gessecazuza6752 2 жыл бұрын
Muito bom. Meus parabéns!!
@Turboflixyt
@Turboflixyt Жыл бұрын
Ajudou muito obg❤
@vittorpatricio2460
@vittorpatricio2460 Жыл бұрын
o cara explica melhor que o meu professor de programação🤓
@InteliogiaDev
@InteliogiaDev Жыл бұрын
Kkkkkkkk que honra viu kkkkkkk
@trk1184
@trk1184 Жыл бұрын
Excelente video
@fernandolima1051
@fernandolima1051 Жыл бұрын
mto massa o video..... e bem explicativo, claro e não demora.... gostei bastante so que tem alguns problemas, eu tentei de diversas formas replicar isso mais de uma vez, tipo colocar um segundo botao para abrir uma segunda div com mais informações...... ate agora nao consegui :(
@InteliogiaDev
@InteliogiaDev Жыл бұрын
fala irmão! obrigado viu kkkkkk sobre essa dificuldade que vc ta enfrentando, é importante que você coloque a propriedade "onclick" diferente para cada modal. Por exemplo, para abrir o modal A, vc precisa definir no botão: onclick = "abrirModalA( )", o mesmo para o modal B e assim vai Além disso, cada modal tem que ter sua própria estrutura, então se vc está tentando criar mais de um modal no seu site, faça o passo a passo desse vídeo para cada modal, só trocando os nomes para cada um deles
@fernandolima1051
@fernandolima1051 Жыл бұрын
@@InteliogiaDev obrigado... me ajudou bastante... dpois de sua dica ficou até mais fácil replicar em alguns projetinho q tenho aqui 😁
@cteclaudiobritocaruaru-pe9889
@cteclaudiobritocaruaru-pe9889 2 жыл бұрын
Muito bom a dica de como criar um modal com html, css e javascript. Como seria fechar o modal com efeito, ainda está fechando muito seco
@InteliogiaDev
@InteliogiaDev 2 жыл бұрын
Sim realmente faltou ensinar isso kkkkkkkk
@joaomachavane9456
@joaomachavane9456 Жыл бұрын
Mano, prepara um curso completo de Javascript, mesmo que seja do nível básico🙏
@ruanpaulo4583
@ruanpaulo4583 2 жыл бұрын
Top demais! Como funcionaria isso em dispositivo móvel?
@InteliogiaDev
@InteliogiaDev 2 жыл бұрын
Podemos diminuir o tamanho do modal através das media querys mano. Eu realmente vacilei kkkkk deveria ter ensinado nesse tutorial
@jcseutoca
@jcseutoca Жыл бұрын
Me diverti muito com o sotaque dele kkkkkkkkk
@ujhessie
@ujhessie Жыл бұрын
Mermão u é pika demais pqp
@macielsevilha3828
@macielsevilha3828 Жыл бұрын
queria fazer com o mesmo efeito ambos quando clicar em abrir e sair o efeito da animação
@brasiliano3201
@brasiliano3201 Жыл бұрын
Funcionou até a hora de fechar o modal --'
@InteliogiaDev
@InteliogiaDev Жыл бұрын
Mano, dá uma comparada do seu código com o código do vídeo, provavelmente vc errou algo no javascript 😉
@brenobraz8897
@brenobraz8897 9 ай бұрын
como faço pro meu modal ficar sobre meu site? por exemplo, quando eu abro ele, a primeira estrutura do meu site desce e so aparece o modal, nao fica nada no fundo sabe?
@MarceloGraciolli
@MarceloGraciolli Жыл бұрын
.janela-modal.abrir {} tenho uma dúvida. E se eu tiver mais que um botão e janelas modais para abrir. Como ficaria este código? Fiquei na dúvida mas parabéns. Aprendi algo!
@ianrodrigues5526
@ianrodrigues5526 Жыл бұрын
muito bom o vídeo, mas fiz tudo certinho e coloquei o modal lá no final do body, quando eu clicko e ele abre n preenche a tela toda, fica lá em baixo :(
@InteliogiaDev
@InteliogiaDev Жыл бұрын
Fala Ian, cara se o meu funcionou o teu tbm é para tá funcionando kkkkkk dá uma conferida no código aí, vê se vc fez igual msm. TMJ!
@Naumri
@Naumri Жыл бұрын
Coloque o position fixed no lugar do position relative.
@VitorAnderson-lx8nj
@VitorAnderson-lx8nj 8 ай бұрын
@@Naumri Resolveu!!! obrigado por isso!
@elenagilbert8324
@elenagilbert8324 8 ай бұрын
Gente, eu estava fazendo esse projeto para meu portifólio, aonde ao clicar em um trabalho meu iria abrir um modal contendo as informações do trabalho só que esse modal que eu fiz esta aparece no fim do site e não em cima, como o professor mostrou que o modal fica em cima do botão, oque poderia ter dado errado?
@elenagilbert8324
@elenagilbert8324 8 ай бұрын
Gente consegui, o position estava relative, ai eu coloquei o position : fixed
@canalnovosdestinos
@canalnovosdestinos 2 ай бұрын
@@elenagilbert8324 💯
@CiroPeixoto
@CiroPeixoto Жыл бұрын
PÔ CARA!!! Estava tudo indo bem... Até que vc falou "vou colocar o dedinho" 🤦‍♂ Tá de brincadeira!!!
@donavionovela9800
@donavionovela9800 2 ай бұрын
mas no html ja existe o dialog, guys
@InteliogiaDev
@InteliogiaDev Ай бұрын
Mas para quem quer fazer dessa forma do vídeo, já tá aí para aprender 😁 No canal também temos uma forma de criar modal usando a tag dialog, mas é sempre bom aprender formas alternativas
Como fazer a animação do MENU HAMBÚRGER (menu toggle)
17:19
Bruno Rodrigues • Inteliogia
Рет қаралды 10 М.
MODAL COM JAVASCRIPT - PROJETO DE HTML, CSS E JAVASCRIPT
23:36
Matheus Battisti - Hora de Codar
Рет қаралды 37 М.
GIANT Gummy Worm #shorts
0:42
Mr DegrEE
Рет қаралды 152 МЛН
$1 vs $500,000 Plane Ticket!
12:20
MrBeast
Рет қаралды 122 МЛН
Война Семей - ВСЕ СЕРИИ, 1 сезон (серии 1-20)
7:40:31
Семейные Сериалы
Рет қаралды 1,6 МЛН
Como criar uma janela modal em javascript
12:44
Aprendendo a codar
Рет қаралды 15 М.
ASMR Programming - Animated Login Page - No Talking
18:18
AsmrProg
Рет қаралды 1,8 МЛН
COMO CRIAR UM MENU COM HTML E CSS E NAVEGAR ENTRE PÁGINAS
30:21
Guitt web code
Рет қаралды 10 М.
Modal (popup) FACINHO com HTML, CSS e JS - tag dialog HTML 5
9:45
Como criar um Menu Transparente com Efeito de Rolagem
26:35
Bruno Rodrigues • Inteliogia
Рет қаралды 48 М.
Animação no Scroll | Usando apenas HTML, CSS e JavaScript
27:40
DevClub | Programação
Рет қаралды 32 М.
Como criar um MODAL com REACT #Dia5
22:29
Front Beginners
Рет қаралды 22 М.
Criando Slider com HTML, CSS e JavaScript
25:46
Sujeito programador
Рет қаралды 141 М.
Como criar Modo Dark e Modo Light com HTML, CSS e JavaScript
19:50
Bruno Rodrigues • Inteliogia
Рет қаралды 9 М.
GIANT Gummy Worm #shorts
0:42
Mr DegrEE
Рет қаралды 152 МЛН