Em breve
Modal Acessível
IntermediárioUm componente de modal completo com trap focus, navegação por teclado e suporte a leitores de tela. Zero dependências.
DOM Acessibilidade Eventos
Em desenvolvimento
{ Projetos }
Cada projeto aqui é uma oportunidade de aprender na prática. Código comentado, explicações detalhadas e foco em boas práticas.
🎨
Componentes UI
Modais, tooltips, dropdowns, tabs e outros elementos de interface
⚡
Web APIs
Intersection Observer, Geolocation, Web Storage, Fetch e mais
🔧
Utilitários
Debounce, throttle, deep clone, formatadores e helpers
📱
Mini Apps
Aplicações completas como todo lists, calculadoras e jogos
🚧
Projetos em Construção
Estou trabalhando em uma coleção de projetos práticos para você estudar e se inspirar. Cada projeto terá código-fonte completo, explicações linha a linha e desafios extras.
Próximos Projetos
Uma prévia do que está por vir. Fique ligado!
Em breve
Infinite Scroll
IntermediárioImplementação de scroll infinito usando Intersection Observer API. Carregamento lazy de conteúdo com performance otimizada.
Intersection Observer Performance Async
Em breve
Router SPA
AvançadoUm router client-side minimalista usando History API. Navegação sem reload com suporte a parâmetros dinâmicos.
History API SPA Routing
Em breve
Drag & Drop
IntermediárioSistema de drag and drop nativo com reordenação de listas, múltiplas zonas de drop e feedback visual.
Drag API DOM UX
Em breve
Form Validator
InicianteValidação de formulários em tempo real com mensagens de erro customizadas e suporte a regex patterns.
Forms Validação UX
Em breve
Dark Mode Toggle
InicianteImplementação de tema escuro com persistência em localStorage e respeito às preferências do sistema.
CSS Variables localStorage Media Queries
💡
Tem uma ideia de projeto?
Adoraria ouvir suas sugestões! Se você tem uma ideia de projeto que gostaria de ver implementado em VanillaJS, entre em contato.
Abrir uma IssueEnquanto os projetos não chegam, que tal explorar os artigos?
Ler Artigos