Trilha WEB e FRONT-END

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

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

Inscreva-se e ganhe

Faça sua inscrição em qualquer trilha Premium presencial e ganhe um workshop Bônus e uma mentoria bônus no mesmo dia! Mas não perca tempo pois as vagas são limitadas.

Confira a lista completa de workshops.

Inscreva-se na trilha e ganhe um workshop bônus

Confira a lista completa de mentorias.

Inscreva-se na trilha e ganhe uma mentoria bônus

Você também ganha acesso Premium à TDC Community por um ano, com acesso a workshops e mentorias semanais.

Inscreva-se na trilha e ganhe um ano de acesso Premium à comunidade

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

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

Programação Stadium:

TDC Floripa 18 anos: Comunidade, novidades e sorteios

Andre Noel (The Developer's Conference) / Yara Mascarenhas (TDC) / Bruno Souza (CODE 4.LIFE)

09:00 às 09:25

+

Construa o futuro com Dados e IA

Leonardo Veri (Oracle)

09:30 às 09:40

+
Programação desta Trilha:

Abertura da trilha pela coordenação

10:10 às 10:25

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

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 (Globo)

10:30 às 11:05

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.

Interfaces amigáveis para transtornos de TDAH e TEA

Natan Spricigo (Pliin Tecnologia) / Mariane Morais (Pliin Tecnologia)

11:15 às 11:50

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.

Intervalo para almoço

11:55 às 13:20

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.

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

Kevin Uehara (iFood)

13:30 às 14:05

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.

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

Kevin Uehara (iFood) / Iasmim Oliveira (iFood) / William Grasel (Stone)

14:10 às 15:10

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

Networking e Visitação a Stands

15:15 às 15:45

Intervalo para fazer networking e conhecer os estandes do evento.

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

Thiago Martins (QuintoAndar) / Daniel Campos (QuintoAndar)

15:50 às 16:25

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.

WebAssembly: Elevando as Possibilidades do seu Front-end

Diego Roberto Antunes (UTFPR)

16:30 às 17:05

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!

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

Cícero Feijó (Sicredi)

17:10 às 17:45

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!

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

Iasmim Oliveira (iFood)

17:50 às 18:25

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