TDC Florianópolis
CHALLENGES TO CREATE THE DIGITAL FUTURE

Trilha Web e Front-End

Conecte-se ao futuro do Front-end: onde tecnologia e experiência se encontram!

Sabemos que atualmente temos um universo de temas, tecnologias, frameworks sobre Web e Front-end. Inclusive a Inteligência Artificial vem trazendo várias evoluções e insights para esse contexto.

Um profissional desta área precisa sempre se atualizar com as mais recentes tecnologias de mercado, focando na experiência do usuário, criando aplicações acessíveis, performáticas, através de trabalhos conjuntos entre diversas outras áreas como produto e design.

Se você está interessado em diversos temas que abordem todo esse ecossistema e temas relacionados, embarque conosco nesse mundo do Front-end e venha curtir as palestras da nossa trilha. Vamos nessa?

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.

Date and Place

Thursday, June 13, 2024

09h às 19h

CentroSul
Av. Governador Gustavo Richard, 850 /
Centro Florianópolis - SC
IN-PERSON OR REMOTE ACCESS WITH ONLINE BROADCAST

Investment

Inscrição online
1 track: R$ 270 for R$ 165

Inscrição online
1 track: R$ 270 for R$ 245

Inscrição online
1 track: R$ 270

Inscrição híbrida (presencial + online)
1 track: R$ 435 for R$ 275

* enjoy bigger discount until Apr/19, see full table

Inscrição híbrida (presencial + online)
1 track: R$ 435 for R$ 375

* price valid until May/27, see full table

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

* price valid until Jun/14, see full table

Promoções

Inscrição híbrida (presencial + online)
2 tracks: R$ 750 for R$ 650 *Economize: R$ 100
3 tracks: R$ 1.125 for R$ 951 *Economize: R$ 174

* price valid until May/27, see full table

Esta trilha pertence à área Web e Mobile

Confira as trilhas relacionadas:

Schedule / Talks Time Zone: GMT-3

Programação Stadium:

08:00 to 08:55

Credenciamento

09:00 to 10:00

Opening of the event and mini keynotes
Programação desta Trilha:

10:10 to 10:25

Track opening by coordination

Here the coordinators introduce themselves and make an introduction to the track.

10:30 to 11:05

OpenAI + Design System - Integração de IA no seu Design System

Tayna Alves

Aprenda a criar um assistente GPT especializado que acelera a criação de layouts e funciona como documentação viva para seu Design System.

Neste workshop, montaremos um Design System funcional em um projeto Vue.js, baseando-nos em um design desenvolvido no Figma, incluindo tokens e componentes. Em seguida, treinaremos um assistente GPT para compreender e utilizar esses elementos efetivamente.

Este workshop é ideal para designers, desenvolvedores de front-end, gestores de produto e qualquer profissional interessado em como a IA pode ajudar no processo de criação front-end.

11:15 to 11:50

Arquitetura de ponta: Server-Side Rendering e Kubernetes na Construção de Sistemas de Alta Performance e Disponibilidade

Macoto Tamura Junior

Esta palestra explora como frameworks SSR e Kubernetes podem ser utilizados para melhorar a escalabilidade através do Event-driven Autoscaling e aumentar a performance de aplicações web. Abordaremos o uso de Geração de Sites Estáticos (SSG), volumes persistentes e métodos avançados de deploy, incluindo Canary, A/B e Blue-Green. Discutiremos também o papel crucial de feature flags e a observabilidade para monitoramento eficiente e resposta ágil em ambientes dinâmicos. Ideal para desenvolvedores e arquitetos que buscam excelência em sistemas web escaláveis.

11:55 to 13:20

Intervalo para almoço

An excelent opportunity for all people in the event to interact and exchange ideas. Collaborators, sponsoring and supporting companies, speakers and technical committeé.

13:20 to 13:30

Track opening by coordination

Here the coordinators introduce themselves and make an introduction to the track.

13:30 to 14:05

Impulsionando aplicações de e-commerce ReactJS: Remix e estratégias de revalidação automática

Lis Regine Amaral / Silvestre micaloski junior

Vamos apresentar exemplos práticos de um ambiente de e-commerce utilizando Remix. Demonstraremos como implementar a revalidação automática, incorporando indicadores de desempenho, qualidade e controle de dados para aprimorar a experiência do usuário

14:10 to 15:10

Em tempos de IA, será que conseguimos evoluir no desenvolvimento front end acessível?

Eduardo Corrêa / Daniel Castro / Luísa Cavalheiro / Lis Regine Amaral
Este tema questiona se o desenvolvimento front-end acessível pode evoluir na era da inteligência artificial (IA). Explora-se o potencial da IA para automatizar detecção de problemas de acessibilidade e oferecer soluções personalizadas, mas também os desafios éticos e a necessidade de garantir que os avanços em IA sejam acessíveis por si só. Este debate convida à colaboração entre profissionais de IA, desenvolvedores front-end e especialistas em acessibilidade.

15:15 to 15:45

Networking and Visiting Stands

Break to network and get to know the booths of the event.

15:50 to 16:25

Navegando pelo Mar de Opções: A Jornada da Escolha de uma Biblioteca em React para Gráficos Interativos e Responsivos

Isabelle Brilhante / Mariana Cardoso

Ao nos depararmos com a tarefa de implementar uma nova funcionalidade em nosso front-end React, optamos por utilizar uma solução pronta - uma biblioteca. No entanto, como podemos escolher a biblioteca que mais se encaixa em nossas necessidades específicas? Vamos demonstrar, através de um exemplo real, como foi nosso processo de escolha para uma biblioteca de gráficos. Compartilharemos os desafios que enfrentamos, os objetivos que estabelecemos e as etapas que seguimos para tomar uma decisão bem informada. Ao final desta jornada, destacaremos algumas perguntas fundamentais que devem ser consideradas ao longo desse processo.

16:30 to 17:05

Astro: O Framework Web queridinho do Front-end!

Diego Roberto Antunes

No último ano, o framework web Astro tem se popularizado muito! Focado na construção de web sites e aplicações centradas no conteúdo (e.g. notícias, ecommerce, documentações, etc.), o framework trabalha de forma leve e otimizada tanto no client-side quanto no server-side com SSR, endpoints de API, edge e até database! Nesta palestra vamos explorar as características do Astro, tais como o conceito de ilhas, zero JS e suporte a múltiplos frameworks (React, Vue, Solid e outros) e por que ele tem sido a escolha principal como a estrutura de aplicações web e sites voltados à conteúdo em 2024!

17:10 to 17:45

Grafana Faro: levando a observabilidade para o frontend

Cícero Feijó

Entenda o uso Grafana Faro como uma ferramenta poderosa de observabilidade no frontend, vamos ver como essa solução inovadora permite monitorar e analisar métricas, logs e rastreamentos em tempo real, fornecendo insights valiosos sobre o desempenho e a qualidade do seu aplicativo, entenda como identificar e solucionar problemas rapidamente, melhorando a experiência do usuário e a eficiência do desenvolvimento. Iremos de uma forma direta e simples entender quais são os requisitos necessários para poder consumir dados de tracing e métricas de usuários dentro de uma dashboard do Grafana em tempo real.

17:50 to 18:25

Micro-Frontends com tecnologia Serverless

Daniel Abib

As arquiteturas distribuídas têm ajudado diversas organizações a escalar e criar a agilidade necessária para ajudar os negócios a evoluir em diferentes direções.

Muitos estão familiarizados com microsserviços, mas no frontend, desde 2016, começamos a ver uma revolução que fica cada vez maior a cada ano.

Nesta palestra abordo como construir uma aplicação de renderização server-side usando serviços Serverless, ajudando cada equipe a manter sua independência e proporcionando ótimo desempenho aos clientes

Programação da Stadium no final do dia:

18:30 to 18:35

Encerramento da trilha

Os coordenadores fazem um breve encerramento com agradecimentos.

Schedule subject to change

Sponsors

Diamond


Gold


Silver


Apoio Sala Vip e Fórum Executivo


Community Lounge


Podcast

Parceiro Oficial de Tecnologia

4Events

Realização