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?
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.
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
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
Inscrição híbrida (presencial + online)
1 trilha:
de R$
490 por R$
420
Inscrição híbrida (presencial + online)
1 trilha: R$ 490
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
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
Inscrição híbrida (presencial + online)
2 trilhas: R$ 840
3 trilhas: R$ 1.180
Confira as trilhas relacionadas:
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çãoAqui 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 GloboPaulo Cesar Prado da Rosa JuniorJá 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 TEANatan Spricigo / Mariane MoraisComo 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çoUma 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çãoAqui 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árioKevin UeharaDurante 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 StandsIntervalo 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árioThiago Martins / Daniel EriceiraNesta 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-endDiego Roberto AntunesO 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 LegadoIasmim OliveiraJá 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 trilhaOs coordenadores fazem um breve encerramento com agradecimentos. |