Back to Browse

COMO FAZER um MENU DE NAVEGAÇÃO RESPONSIVO (Navbar) - TUTORIAL HTML, CSS e JAVASCRIPT

1.2K views
Mar 20, 2023
38:10

Quer ter mentorias comigo sobre o básico da programação web (HTML, CSS, JavaScript, GitHub, etc..)? Agende um horário: https://calendly.com/sr_programador/mentoria-sr-programador O menu de navegação é parte fundamental de um site, pois por meio dele o usuário pode navegar para outras páginas da aplicação. Geralmente o menu de navegação fica posicionado na parte superior dos sites (no header) e também é conhecido como navbar. É pensando nisso que, no vídeo de hoje, vamos desenvolver uma navbar do zero com HTML, CSS e JavaScript. E o mais legal: vamos deixá-la responsiva usando a funcionalidade de um menu hambúrguer. Confira outros vídeos da playlist Projetos Pequenos: https://www.youtube.com/watch?v=L33IyO0QXnA&list=PLNb8WhOkH6MXqoqce6u2Cry46E9tzBDUK Playlist Tutoriais CSS: https://www.youtube.com/watch?v=xn7GaaVkqZA&list=PLNb8WhOkH6MUfwO4pA31URVONthr-eBSG&ab_channel=SenhorProgramador Links citados no vídeo: - GitHub com o código da aula: https://github.com/gustavopolonio/MENU-DE-NAVEGACAO-RESPONSIVO-Navbar Me encontre aqui: - Instagram: https://www.instagram.com/senhorprogramador/ - Linkedin: https://www.linkedin.com/in/gustavo-polonio-04b77a169/ - GitHub: https://github.com/gustavopolonio 📧 Contato: [email protected] ---------------------------------------------------------------------------------------------------------------— Capítulos do vídeo: 00:00 - Introdução 00:34 - Estrutura inicial do projeto 01:05 - HTML do menu de navegação (desktop) 03:44 - CSS do menu de navegação (desktop) 12:00 - Responsivando o menu de navegação para mobile - Menu Hambúrguer 37:29 - Despedida

Download

0 formats

No download links available.

COMO FAZER um MENU DE NAVEGAÇÃO RESPONSIVO (Navbar) - TUTORIAL HTML, CSS e JAVASCRIPT | NatokHD