Neste vídeo #5, iniciaremos com um assunto bastante avançado que é o event listener. A idéia é criar uma ação de fechar o dropdown quando de clica fora do componente.
A estrutura HTML e CSS do dropdown já está prontinha para ser utilizada, pois o foco dessa série é dar vida ao nosso componente, ou seja, é implementar todas as funcionalidades necessárias para que ele funcione em qualquer sistema que utiliza vue js.
Para deixar ele super elegante, eu estou usando o framework CSS Tailwindcss o que nos dá uma velocidade de desenvolvimento incrível não deixando de lado a qualidade de um design bem feito.
🌎 Link do Tailwindcss
https://tailwindcss.com/
👇🏼👇🏼👇🏼 Comente embaixo se você quer que eu faça um curso sobre o Tailwind.
🌎 Link do reposítório
https://github.com/tiagomatosweb/vue-...
A ideia é que você realmente utilize este lindo componente dropdown nos seus projetos e evite baixar componentes na internet.
Dúvidas? Já sabem, é só comentar abaixo.
📌📌📌 Lembretes 📌📌📌
💥 Não esquece de se inscrever no canal.
👍🏻 Aquele like maneiro é muito bem vindo.
🤙🏻 Muito legal se você compartilhar com seus amigos este vídeo.
———————————————————
👇🏼👇🏼 Redes sociais 👇🏼👇🏼
Inscreva-se no YT: / tiagomatosweb
Artigos: https://blog.tiagomatos.com
Instagram: / tiagomatosweb (@tiagomatosweb)
Facebook: / tiagomatosweb
Twitter: / tiagomatosweb
Linkedin: / tiagomatosweb
▶️ Quem sou eu?
🙋🏻♂ Olá, meu nome é Tiago Matos, sou engenheiro de software independente e sou apaixonado por novas tecnologias em special por Vue.js, PWA e Laravel. Eu ajudo programadores de todos os níveis a se tornarem grandes referências no mercado de desenvolvimento de softwares. Eu escrevo artigos e eventualmente dou palestras.
😎💪 Antes de iniciar a carreira solo, eu coordenei a minha própria empresa de desenvolvimento de software por quase 10 anos e também trabalhei para várias empresas gringas.
☁️🇦🇺 Desde 2015 resolvi me mudar para Australia para buscar maiores desafios e conquistar grandes sonhos.
⚽️ Fora o código, eu jogo futebol amador e sou viciado em Netflix 😝.
#vuejs #vue #javascript