Тёмный

Criando Um MENU NAVBAR RESPONSIVO | HTML CSS JAVASCRIPT - HTML E CSS Para INICIANTES 

Matheus Manuel
Подписаться 4,8 тыс.
Просмотров 15 тыс.
50% 1

Criando Um menu navbar responsivo html css javascript - html e css para inciantes para iniciantes
como criar menu responsivo em html css e js(javascript)
🛑5 ERROS QUE UM INICIANTE COMETE QUANDO ESTUDA PROGRAMAÇÃO: bit.ly/ebook-5-erros-que-dev-...
⚠Jamais Clique Aqui⚠: bit.ly/334OGxc
Nesse tutorial você vai aprender a como criar um menu responsivo em html, css e javascript. Este menu responsivo será criado de forma simples para que todos aprendam e usando tags semânticas do html5 e técnicas de design responsivo para criar sites responsivos! Para o nosso menu mobile ficar responsivo vamos usar o css flexbox.
Continuando na criação do nosso menu mobile responsivo com html css javascript precisamos criar uma pasta com o nome do nosso projecto que pode ser qualquer nome, no nosso caso vamos chamar o nome da pasta para menu responsivo e dentro dela vamos preparar o ambiente e criar os arquivos necessários para a criação do menu navbar responsivo que vai ser o arquivo html(index.html), arquivo css(style.css) e arquivo javascript(main.js).
Aprenda hoje mesmo neste tutorial de programação web front-end a criar um menu responsivo com javascript.
Link do códico fonte: github.com/matheusmanuel/menu...
=================Vídeos Relacionados====================
👉Como Fazer uma LANDING PAGE RESPONSIVA SIMPLES com HTML E CSS: • Como Fazer uma LANDING...
👉[PASSO A PASSO] Tela de login simples HTML e CSS: • Tela de login HTML e C...
👉Como Fazer MENU DROPDOWN Com HTML e CSS | Como criar Submenu em HTML e CSS: • Como Fazer MENU DROPDO...
👉Como Criar uma CALCULADORA com HTML, CSS e JAVASCRIPT: • Video
=====================================================
❌Link Importante❌: bit.ly/334OGxc
=====👉Converse Comigo👈=====
⚡Instgram: / matheusmanuel.dev
⚡Github: github.com/matheusmanuel
=====👉Links Importantes👈=====
Se subescreva no Canal: / @matheusmanuel
🔥Me Ajude: bit.ly/334OGxc
Obrigado, 💕Matheus Manuel
#MatheusManuel #MenuResponsivo #html #css #javascript #js

Наука

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

 

24 апр 2022

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 54   
@MatheusManuel
@MatheusManuel 2 года назад
Não esqueça de se increver no canal e ⚠Jamais Clique Aqui⚠: bit.ly/334OGxc
@marcosaugustosoares
@marcosaugustosoares Год назад
Obrigado Matheus!
@mauriciotertuliano2020
@mauriciotertuliano2020 8 месяцев назад
O homem é fera!
@dennys5574
@dennys5574 Год назад
ameeeei
9 месяцев назад
Cara, você é incrível! Me ajudou bastante, eu comecei a estudar HTML e CSS agora no curso, e de verdade queria me aprofundar. Com seus vídeos consegui. Obrigado, você é incrível, novamente!
@fikepe
@fikepe 8 месяцев назад
Você é fera amigão! Parabens pela didatica, pela iniciativa e pelo conteudo, nota 10!
@ronaldopoison3335
@ronaldopoison3335 Год назад
Muito top, curti dms seu canal. Achei meio veloz demais o video, mas indo pausando da pra entender 100%.
@gsantos99
@gsantos99 Год назад
Bom demais, super simples e didático!
@Russobyflame20
@Russobyflame20 Год назад
irmão brabo vc tem muito talento vc vai ficar famoso
@prisciladoprado9838
@prisciladoprado9838 11 месяцев назад
simples e top!
@cassiomoreno30
@cassiomoreno30 6 месяцев назад
Obrigado.
@franciscocaetano8596
@franciscocaetano8596 Год назад
Muito bom, gostei muito. Parabéns! 👏🏼👏🏼👏🏼
@MatheusManuel
@MatheusManuel Год назад
Muito obrigada 🙌
@DevN__
@DevN__ Год назад
você é foda cara, estou fazendo um processo seletivo e tenho que entregar ate segunda feira, seu video me ajudou demais
@bokupico5331
@bokupico5331 Год назад
ANGOLA EM PESO
@enzosophis
@enzosophis Год назад
Eu queria colocar ela pra direita, tem como eu fazer isso?
@amanser
@amanser 2 года назад
Muito bom!!! Funcionou perfeitamente. Simples e objetivo. Ótimo trabalho
@MatheusManuel
@MatheusManuel 2 года назад
Que bom que ajudou :)
@thiagoferreira6104
@thiagoferreira6104 2 года назад
Seus vídeos tem me ajudado muito, e você explicando passo a passo cada ação fica ainda melhor!! Valeu por trazer esse tipo de conteúdo, sucesso
@MatheusManuel
@MatheusManuel 2 года назад
Irmão fico feliz que o meu vídeo te ajudou,obrigado! Muito sucesso em dobro pra você
@samuellorenzo9781
@samuellorenzo9781 Год назад
Parabéns mano, você ensina muito bem. Curto muito seus videos, continue a postar... faz da proxima vez um modal...
@MatheusManuel
@MatheusManuel Год назад
Obrigado ai amigão.
@sucessodosdeuses
@sucessodosdeuses 2 года назад
braboo! o seu menu responsivo está muito top
@MatheusManuel
@MatheusManuel 2 года назад
Só agradeço
@Rafaela.-
@Rafaela.- Год назад
Muito obrigada ,muito boa explicação.Que DEUS O ABENÇOE!CONTINUE COM OS VIDEOS !!!
@MatheusManuel
@MatheusManuel Год назад
De nada! Que DEUS te abençoe em dobro. Vou continuar sim!
@playbackcristao1
@playbackcristao1 Год назад
Parabéns Mateus , ótimo conteúdo que Deus possa te abençoar muito irmão.
@MatheusManuel
@MatheusManuel Год назад
Muito obrigado 🙌 irmão
@isaacsgg
@isaacsgg Год назад
Parabéns pelo video, vc é fera cara!
@MatheusManuel
@MatheusManuel Год назад
Muito obrigado
@ianro5736
@ianro5736 Год назад
Melhor video de botão responsivo que eu ja vi, já vi muitos videos de menu responsivo mas a logica é sempre dificil, neste video finalmente consegui entender a lógica, sério muito obrigado
@MatheusManuel
@MatheusManuel Год назад
Que bom que ajudou! tamo junto
@mercesleonardo
@mercesleonardo Год назад
Parabéns Matheus!
@MatheusManuel
@MatheusManuel Год назад
Obrigadão amigão!!
@programacao8684
@programacao8684 Год назад
Obrigado, me salvou. Sucesso pra você!😁
@MatheusManuel
@MatheusManuel Год назад
Que bom que ajudou
@alexandrecasimiro5152
@alexandrecasimiro5152 Год назад
o video ajudou me muito , mais faltou em como criar o icone para ficar X
@MatheusManuel
@MatheusManuel Год назад
Nesse vídeo eu fiz com o ícone de X: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ht5EyIo0_wY.html
@lucassantiago3052
@lucassantiago3052 Год назад
Fiz igual a você,mas quando vou rodar não funciona o botão
@MatheusManuel
@MatheusManuel Год назад
olá lucas Santiago, já verificou se fez tudo certo?
@bloodyyice
@bloodyyice Год назад
Olá! O que é essa classe que aparece nos 3:30? "fa fa-bars fa-2x"? Tentei reproduzir aqui no meu código e não deu certo...
@MatheusManuel
@MatheusManuel Год назад
Olá! A classe fa fa-bars é referente ao ícone das três barrinhas! Você colocou o font-awesome no seu site
@ClashRoyale-pt9zj
@ClashRoyale-pt9zj Год назад
Bom tutorial, apenas acho que faltou uma certa aprofundada ao explicar cada inserção de código (ao menos mais ou menos o que cada coisa fazia) e seria melhor tirar 90% desses cortes aí, porque o que era pra deixar o vídeo mais curto e dinâmico acabou deixando recortado demais. Não tem problema demorar ou não ao digitar; somos humanos e não máquias. De resto, muito obrigado por disponibilizar conteúdo assim no youtube, ajuda demais. Abs!
@MatheusManuel
@MatheusManuel Год назад
Mano muito obrigado! realmente eu fiz os muitos cortes pra tentar deixar esse vídeo dinâmico mano aqui é só agradecer teu comentário me deu mais clareza do que fazer e não fazer!! Vai me ajudar nos próximos vídeos valeu demais!
@Russobyflame20
@Russobyflame20 Год назад
oi assim so aparece uma opção e não aparece as outras
@MatheusManuel
@MatheusManuel Год назад
Não entendi bem a sua dúvida
@fom3detecnologia
@fom3detecnologia Год назад
O que significa esse flex-wrap?? ótimo vídeo!
@MatheusManuel
@MatheusManuel Год назад
a propriedade flex-wrap ela defina a quebra de linha do container flexivel ou seja se vai poder executar uma quebra de linha ou não nos itens filhos do container flexivel ou melhor se os itens do container flexivel vão passar pela linha de baixo ou não! ela aceita alguns valores por padrão ela tem o valor nowrap. Espero ter ajudado!
@fernandoi.kobayashi9826
@fernandoi.kobayashi9826 Год назад
Olá no main.js para que está retornando a variavel menuBtn (no minuto 11:24) ? Parabéns pelo vídeo.
@MatheusManuel
@MatheusManuel Год назад
Olá Fernando! A variável menuBtn ela seria a variável para eu pegar ou selecionar o ícone do menu(ícone das três barrinhas) em que depois eu ia fazer aquele esquema de abri e fechar o menu em que quando clicassem na variável menuBtn (que nesse caso é o ícone) ele poderia abrir o menu ,caso não clicassem no menuBtn o menu continuaria fechado! No arquivo main.js a variável menuBtn ela pode ser apagada porque nós não usamos ela no vídeo ,porque depois eu decidi usar função menuShow com o evento de clique no ícone lá no arquivo html. Eu coloquei a variável menuBtn pela força do hábito porque eu estou habituado sempre que faço um menu responsivo com html css e javascript de sempre usar a variável menuBtn, e eu nem dei conta! Muito obrigado por expor a sua dúvida porque sem você eu não poderia ver esse erro muito obrigado mesmo ! Minhas sinceras desculpa se te deixou confuso. abraços Matheus!
@fernandoi.kobayashi9826
@fernandoi.kobayashi9826 Год назад
@@MatheusManuel agradeço pela explicação
@MatheusManuel
@MatheusManuel Год назад
De nada! Sempre que puder eu farei
@wilgnerjunior7052
@wilgnerjunior7052 Год назад
pt-br? Você não fala o português de Portugal?
@MatheusManuel
@MatheusManuel Год назад
pt-br português do brasil. eu falo português de Angola
Далее
Tela de login HTML e CSS Responsivo[PASSO A PASSO]
16:36
Khabib came to check on Poirier 👀 #UFC302
00:25
Просмотров 767 тыс.
How is it possible? 🫢😱 #tiktok #elsarca
00:13
Просмотров 3,2 млн
Menu Responsivo | HTML, CSS e JAVASCRIPT
17:40
Просмотров 88 тыс.
Como fazer uma Navbar com HTML5 e CSS3 | GabiCode
15:59
Navbar Responsivo com Menu Dropdown (HTML5/CSS3)
19:15
Criar um menu Dropdown com HTML e CSS
11:24
Просмотров 16 тыс.
Como criar um SLIDE CARROSSEL com HTML, CSS e JS
38:29
КАК GOOGLE УКРАЛ ANDROID?
17:44
Просмотров 68 тыс.