- Arquiteto Web @ Santander
- Professor / Orientador / Formador
- Organizador da DevParaná Conference
- Sempre em busca do máximo para a Web
- Curioso pelo universo que nos circunda
Links:
- Conteúdo no Notion
- Conteúdo no YouTube
- Conteúdo no Dev.to
- Eurotrip em 2022
- Perfil no Linked In
- Perfil no Twitter
- DevPR das antiga
- Dev (POC) Arquitetura em camadas e geradores de CRUD 100% funcionais com código de qualidade
- Nx Clean (POC) para compartilhamento de código de forma agnóstica a frameworks
- Domain Event Driven: (POC) de arquitetura orientada a eventos no front-end.
- Dev Exp: CRUDs a partir de um array de strings.
- TSX vanilla: Projeto para apresentar fotos escrito em TSX com typescript puro
- Web Navigation: Implementação de um router web usando a nova Web API com suporte nativo em navegadores
- Barcode API: Leitura de código de barras e QRCode usando Web API nativa
- Nx Figma Plugin: Plugin para criação de repositórios Nx a partir de componentes Figma
- WebRTC & Web Audio: Streaming de áudio peer to peer usando Web API nativa
| Architecture | |
|---|---|
| Micro Front-end | React Micro front-ends & Module Federation |
| Nx Clean | POC para compartilhamento de código de forma agnóstica a frameworks |
| Domain Event Driven | POC de arquitetura orientada a eventos no front-end. |
| Dev Exp | CRUDs a partir de um array de strings. |
| Web Speech | |
| GPT3 por voz | Converse com a I.A. por voz e ouça as respostas. (Web Speech API) |
| WebRTC | |
| Signaling | POC de conexão WebRTC com triggers para renegociação em casos de falha |
| WebRTC | Workshopp apresentado na Codecon sobre TypeScript e WebRTC |
| Speek Video | Chat de áudio e vídeo p2p usando WebRTC, em Angular e NestJS. |
| WbRTC DTMF | Exemplo de ligação usando tons de discagem no browser. (WebRTC). |
| p2p works | Chat de áudio e vídeo p2p com opção de gravação e envio de arquivos (WebRTC) |
| Animation | |
| Time Guide | Interface para criação de animações CSS. |
| SVG 3D Cube | Cubo 3D animado com SVG e TypeScript. |
| Web Audio | |
| Web Audio Player | Audio Player com visualização em gráfico de barras (Web Audio API). |
| Custom Elements | |
| Easy Element | Pequeno framework front-end focado em gerenciamento de estado (Custom Elements API). |
| Element | Framework aplicando patterns utilizados em vários frameworks (Custom Elements API). |
| WorkStream | Framework com decorators para emitir eventos e selecionar elementos no DOM (Custom Elements API). |
| Web | Autocomplete, Checkbox, Checkbox group com estado indeterminado. (Custom Elements API). |
| Calendário | Componente de calendário (Custom Elements API). |
| Canvas | |
| Video preview | Gerador de thumbnails de vídeos no Front-end (Vanilla). |
| Audio wave | Gerador de ondas de áudio no Front-end. (Vanilla, Web Audio API). |
| Whiteboard | Quadro de desenho p2p. (WebRTC DataCannel API). |
| Deaht Tower | Jogo escrito em TypeScript compatível Gamepad API. |
| Warship Space | Jogo com navegação no espaço e efeito parallax nas estrelas. (Vanilla) |
| Snake Mini | Snake Game em 100 linhas |
| TypeScript Cloth | Cortina 3D em TypeScript. |
| Chroma Key | Efeito Chroma Key para fundo verde (Vanilla). |
| Report Bug | Gravação de captura da tela em vídeo no formato webm (Media Recorder API). |
| Video Crop | Crop de vídeo em tempo real no Front-end, (Media Stream API e Web Streams API). |
| Video ASCII | Vídeo renderizado em ASCII (Vanilla). |
| CLI | |
| Compiler | Compilador TypeScript e CLI (Vanilla). |