TDC Florianópolis
DESAFIOS PARA CRIAÇÃO DO FUTURO DIGITAL

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.

Data e Local

Quinta-feira, 13 de Junho de 2024

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$ 270 por R$ 165

Inscrição online
1 trilha: de R$ 270 por R$ 245

Inscrição online
1 trilha: R$ 270

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

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

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

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

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

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

Promoções

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

* preço válido até 27/05, 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

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 às 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 à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

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 às 15:10

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

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 às 15:45

Networking e Visitação a Stands

Intervalo para fazer networking e conhecer os estandes do evento.

15:50 às 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 às 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 às 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 às 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 às 18:35

Encerramento da trilha

Os coordenadores fazem um breve encerramento com agradecimentos.

Programação sujeita a alterações

Patrocinadores

Diamond


Gold


Silver


Apoio Sala Vip e Fórum Executivo


Community Lounge


Podcast

Parceiro Oficial de Tecnologia

4Events

Realização