Como fazer um MENU LATERAL responsivo (SIDEBAR) | HTML, CSS e JavaScript

Подписаться 20 тыс.

Просмотров 10 тыс.

50% 1

Olá, pessoal!
Nesse vídeo, vou mostrar para você como fazer um menu lateral responsivo utilizando HTML, CSS e JavaScript. Vou te mostrar diversas funcionalidades do CSS, como FLEXBOX e GRID, além de demonstrar técnicas para posicionar elementos usando "position".
Repositório com o código:
github.com/Larissakich/sidebar
Redes sociais:
LinkedIn: / larissakich
Instagram: @dev_em_dev
E-mail:
larissakich04@gmail.com
Tema do VSCode:
Omni Owl

Наука

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

4 фев 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 29

@rogermattes5397 13 часов назад

Me Ajudou muito esse layout, ficou perfeito para um projeto que estou fazendo aqui... Obrigado por compartilhar

@robsonfernandes2692 3 месяца назад

Que aula. Vc é perfeita. Umas das melhores didáticas do RU-vid. Parabéns.

@antonioalexandre9563 День назад

muito boa sua aula parabens

@EngenhariaBomRetiro 2 месяца назад

Para alinhar a parte de Logout eu consegui fazer isso no final, com essas configurações deu certo, centralizou o icone com a sidebar aberta e fechada Logout

@febatera07 4 месяца назад

Cara, sensacional... Eu uso esse recurso nativo do Bootstrap mas nunca tinha parado pra fazer na unha e, o teu, ficou muito filé. Parabéns, teu canal e teus vídeos são muito bons 😊

@pedroeuzebioo 4 месяца назад

Fantástico D+++ Larissa!!! Conteúdo de qualidade e objetivo e desenvolvendo apenas com HTML, CSS e JS puro, mandou bem ❤️

@vitorhugo-zary 3 месяца назад

Amém. Que vídeo lindo obrigado por sua ajuda 😀, muitissimo grato. Que Deus te abençoe, te guarde e te ilumine.

@mchaprao 2 месяца назад

Parabéns pela aula!

@ratodorime2761 4 месяца назад

Muito obrigada professora 🎉, aprendi muito em suas aulas. Muito sucesso 🎉

@DavidSilva01 Месяц назад

Muito top, parabéns 👏🏻👏🏻

@robsonfernandes2692 3 месяца назад

Vc ganhou mais um inscrito. ❤

@misternet1121 13 дней назад

Ficou show de bola... Muito obrigado por nos ensinar a fazer isso. Uma pergunta: Como faço para criar sub-menus nele?

Месяц назад

Larissa, Boa Noite. Parabéns pela aula. Eu estou iniciando agora pergunto Como faço uma ação ao clickar neste icones laterais, exemplo eu mostrar neste lado direito um CRUD e dados do usuário do firebase

@investindoemativos8690 4 месяца назад

Um dia chegarei no seu nível! Muito top!

@larissakich 4 месяца назад

Muito obrigada haha ☺️

@fabioyugo 4 месяца назад

Ficou massa a sidebar, gostei de como ficou a animação de abrir e fechar. Ali no botão de logout, se usar um visibility no span do texto será q resolve ?

@wocwoc 3 месяца назад

tem como vc da aula de como colocar scripts de segurança no site antes de subir ele no servidor? ótima aula. queria entender como montar uma página onde quando logo , aparece o usuario logado como vc fez e ter todas informações do usuario , tipos coisas favoritas , e quando ele sair , fica limitado aos acessos de um usuario , como informações exclusivas . acredito que seja em javaScript..

@digosSongs 4 месяца назад

Top!

@larissakich 4 месяца назад

Muito obrigadaaa☺️

@EngenhariaBomRetiro 2 месяца назад

Para alinhar o icone de logout pelo css tambem não consegui, mas alterando o Style dele diretamente no html deu certo para mim dessa forma. Ficou alinhado o Siderbar aberto e fechado. Se achar a forma pelo css me responda pfv. SAIR

@barejota6678 2 месяца назад

Larissa e como ficaria o codigo para que pudesse mudar o elemento que esta selecionado com o mouse clicando, sem ser colocando aquele "active" na class