Trilha WEB e FRONT-END

Aprenda, inove e transforme a web com o poder do Front-end

O Front-end evolui sem parar, e nossa trilha é o espaço ideal para explorar esse universo! Abordaremos desde fundamentos até as tendências mais inovadoras que moldam o desenvolvimento web. Se você busca criar interfaces acessíveis e performáticas, essa trilha é para você. Junte-se a nós e conecte-se com a comunidade para mergulhar no futuro do Front-end!

Pronto para embarcar nessa jornada?

O que é uma trilha?

A trilha é um evento híbrido, presencial em Florianópolis e remoto na sua casa, que tem a duração de um dia inteiro com sete palestras e um painel de discussão.

Data e Local

Quarta-feira, 11 de Junho de 2025

09h às 19h

CentroSul
Av. Governador Gustavo Richard, 850 /
Centro Florianópolis - SC
ACESSO PRESENCIAL OU REMOTO COM TRANSMISSÃO ONLINE

Investimento

Inscrição online
1 trilha: de R$ 305 por R$ 186

Inscrição online
1 trilha: de R$ 305 por R$ 275

Inscrição online
1 trilha: R$ 305

Inscrição híbrida (presencial + online)
1 trilha: de R$ 490 por R$ 310

* aproveite maior desconto até 15/04, veja tabela completa

Inscrição híbrida (presencial + online)
1 trilha: de R$ 490 por R$ 420

* preço válido até 20/05, veja tabela completa

Inscrição híbrida (presencial + online)
1 trilha: R$ 490

* preço válido até 13/06, veja tabela completa

Promoções

Inscrição híbrida (presencial + online)
2 trilhas: de R$ 840 por R$ 560 *Economize: R$ 280
3 trilhas: de R$ 1.180 por R$ 790 *Economize: R$ 390

* aproveite maior desconto até 15/04, veja tabela completa

Inscrição híbrida (presencial + online)
2 trilhas: de R$ 840 por R$ 730 *Economize: R$ 110
3 trilhas: de R$ 1.180 por R$ 1.070 *Economize: R$ 110

* preço válido até 20/05, veja tabela completa

Inscrição híbrida (presencial + online)
2 trilhas: R$ 840
3 trilhas: R$ 1.180

* preço válido até 13/06, veja tabela completa

Esta trilha pertence à área

Confira as trilhas relacionadas:

Programação / Palestras Time Zone: GMT-3

Programação Stadium:

08:00 às 08:55

Credenciamento

09:00 às 10:00

Abertura do evento e mini keynotes
Programação desta Trilha:

10:10 às 10:25

Abertura da trilha pela coordenação

Aqui os coordenadores se apresentam e fazem uma introdução para a trilha.

10:30 às 11:05

Construindo um Player de Vídeo Profissional com JavaScript e HTML: Segredos por trás do streaming da Globo

Paulo Cesar Prado da Rosa Junior

Já imaginou como grandes plataformas como a Globo fazem streaming de vídeo na web? Nesta apresentação, vamos explorar os bastidores da criação de um player de vídeo personalizado usando apenas JavaScript e HTML.

Você vai aprender como funciona o streaming adaptativo, como manipular vídeos com Media Source Extensions (MSE) e quais as melhores práticas para garantir uma experiência fluida para os usuários. Tudo isso com uma abordagem prática, sem depender de bibliotecas externas.

11:15 às 11:50

Interfaces amigáveis para transtornos de TDAH e TEA

Natan Spricigo / Mariane Morais

Como a neuropsicologia pode desempenhar um papel fundamental na acessibilidade digital? O desenvolvimento de interfaces mais inclusivas garante que pessoas com TDAH, TEA (transtorno do espectro autista) e outras dificuldades neurocognitivas possam interagir com a tecnologia de forma eficaz. Aplicando os princípios neuropsicológicos na criação de softwares, aplicativos e websites, é possível reduzir barreiras e melhorar a usabilidade promovendo a inclusão digital, assegurando que todos tenham acesso igualitário à informação e aos recursos tecnológicos. Veremos na palestra insights que auxiliam o desenvolvimento dos sistemas para este público.

11:55 às 13:20

Intervalo para almoço

Uma excelente oportunidade de todas as pessoas no evento interagirem e trocarem ideias, colaboradores, empresas patrocinadoras e apoiadoras, palestrantes e coordenadores.

13:20 às 13:30

Abertura da trilha pela coordenação

Aqui os coordenadores se apresentam e fazem uma introdução para a trilha.

13:30 às 14:05

Construindo Frontends Inteligentes: A Combinação de Monitoramento de Erros e Análise do Comportamento do Usuário

Kevin Uehara

Durante a palestra, abordaremos ferramentas poderosas, como Sentry, Amplitude e Microsoft Clarity, que oferecem insights valiosos sobre o funcionamento de seu aplicativo. Você aprenderá como usar o Sentry para capturar e rastrear erros em tempo real, identificando falhas críticas e agindo rapidamente. Vamos explorar como o Amplitude pode ajudar a entender o comportamento do usuário, fornecendo dados detalhados sobre como os usuários interagem com seu aplicativo e onde podem existir pontos de atrito. Além disso, discutiremos o Microsoft Clarity, uma ferramenta que oferece gravações de sessões de usuários e mapas de calor, permitindo que você visualize diretamente a jornada do usuário.

14:10 às 15:10

Frontends cada vez mais complexos: evolução ou overengineering?

Neste painel conversaremos sobre como garantir que a arquitetura do frontend acompanhe a escalabilidade do negócio, mantendo a qualidade e usabilidade.

15:15 às 15:45

Networking e Visitação a Stands

Intervalo para fazer networking e conhecer os estandes do evento.

15:50 às 16:25

Web Performance: Otimização de interatividade e melhoria na experiência do usuário

Thiago Martins / Daniel Ericeira

Nesta palestra, iremos nos aprofundar sobre a principal métrica de web performance referente a interatividade do usuário, o INP (Interaction to Next Paint). Você aprenderá o que são Core Web Vitals, o que é INP e como essas métricas refletem na experiência de navegação do usuário. Compartilharemos problemas de performance que o QuintoAndar enfrentou em suas páginas web e técnicas de debugging, monitoramento e otimização de INP que utilizamos para reduzir essa métrica em 80%, e alguns resultados que tivemos em SEO e conversão com essas otimizações.

16:30 às 17:05

WebAssembly: Elevando as Possibilidades do seu Front-end

Diego Roberto Antunes

O WebAssembly (Wasm) vem se tornando uma ferramenta poderosa no desenvolvimento web, permitindo a execução de código nativo com alta performance diretamente nos browsers. Mas como essa tecnologia pode ser aplicada no front-end? Nesta palestra, vamos explorar os fundamentos do Wasm e as suas possibilidades para tarefas intensivas, como processamento de imagens, inteligência artificial, manipulação de vídeos e muito mais. Além disso, discutiremos como o Wasm pode viabilizar a portabilidade de aplicações de outras plataformas para a web e a construção de front-ends em linguagens diferentes do HTML e Javascript!

17:10 às 17:45

Web Components: O Fim da Dependência de Frameworks no Front-end?

Cícero Feijó

Frameworks como React e Angular dominaram o front-end por anos. Mas será que ainda precisamos deles para criar interfaces modernas? Web Components oferecem uma abordagem nativa para construir componentes reutilizáveis, performáticos e independentes de qualquer biblioteca. Grandes empresas como Google e Salesforce já estão adotando essa tecnologia para aumentar a flexibilidade e a longevidade de seus produtos. Nesta palestra, você vai descobrir como Shadow DOM, Custom Elements e HTML Templates podem transformar seu desenvolvimento front-end e como começar a aplicá-los hoje mesmo!

17:50 às 18:25

Refatorando Projetos Frontend com AI Pair Programming e DDD: Como Eliminamos 35k Linhas de Código Legado

Iasmim Oliveira

Já encarou um projeto legado e pensou: ?Hoje não?? Agora imagine 70 mil linhas de código sem documentação, sem testes e com regras de negócio espalhadas.

Nesta palestra, vou mostrar como nossa squad transformou esse caos em uma arquitetura sustentável ao unir Domain-Driven Design (DDD) e IA Generativa.

Redefinimos contextos de negócio, criamos cards e documentações, e geramos testes automatizados, removendo 35 mil linhas desnecessárias. Você vai aprender técnicas práticas para encarar grandes refatorações, reduzindo complexidade e liberando tempo para inovar. Se domamos 70 mil linhas, você também pode!

Programação da Stadium no final do dia:

18:30 às 18:35

Encerramento da trilha

Os coordenadores fazem um breve encerramento com agradecimentos.

Programação sujeita a alterações

Coordenação Trilha WEB e FRONT-END

Patrocinadores