TDC INNOVATION
CHALLENGES FOR CREATING THE DIGITAL FUTURE

Trilha WEB / FRONT-END

09h às 19h
Thursday, June 2, 2022
Demonstrar ao público como aplicações web estão em alta no mercado
Atualmente muitos projetos são desenvolvidos utilizando o conceito web, o foco dessa trilha será demonstrar algumas das boas práticas no desenvolvimento web

Inscrição Híbrida

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

Valores para participação híbrida:
1 track: R$ 340 for R$ 250
2 tracks: R$ 680 for R$ 450
3 tracks: R$ 1.020 for R$ 650
* enjoy bigger discount until APR/13,
see full table

Valores para participação híbrida:
1 track: R$ 340 for R$ 290
2 tracks: R$ 680 for R$ 520
3 tracks: R$ 1.020 for R$ 750
* price valid until MAY/18,
see full table

Valores para participação híbrida:
1 track: R$ 340
2 tracks: R$ 590
3 tracks: R$ 860
* price valid until JUN/03,
see full table

Inscrição Digital

ACESSO REMOTO COM TRANSMISSÃO ONLINE
HOPIN

Valores para participação online:
1 track: R$ 170 for R$ 125
2 tracks: R$ 340 for R$ 225
3 tracks: R$ 510 for R$ 325
* enjoy bigger discount until APR/13,
see full table

Valores para participação online:
1 track: R$ 170 for R$ 145
2 tracks: R$ 340 for R$ 260
3 tracks: R$ 510 for R$ 375
* price valid until MAY/18,
see full table

Valores para participação online:
1 track: R$ 170
2 tracks: R$ 295
3 tracks: R$ 430
* price valid until JUN/03,
see full table

Schedule / Talks Time Zone: GMT-3

Time Content
08:00 to 08:55 Recepção dos Participantes
09:00 to 09:35 Opening of the event and mini keynote

On the Stadium stage, everyone will be guided on how the event works, highlights and other news.

09:40 to 10:30

Speed without Discipline: a Recipe for Disaster

Venkat Subramaniam
Keynote convidado
10:35 to 10:50 Track opening by coordination

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

10:55 to 11:30

Microinterações apenas com CSS

Décio Stenico

(online)

Microinterações não são apenas para enfeitar seu site, elas servem principalmente para gerenciar a expectativa do usuário, melhorar a imersão do usuário, facilitar o entendimento sobre alguma ação, entre muitos outros pontos importantes para a usabilidade.

Saber como fazer animações sem gargalos de performance e entender os principais conceitos de uma boa animação são requisitos fundamentais para qualquer desenvolvedor frontend web.

11:40 to 12:15

Microfrontends e seus desafios

Diego Telles

Nessa talk vamos falar sobre o famoso Microfrontend e entender como ele pode ser estruturado, quais os desafios e objetivos para se ter uma aplicação performática usando diversos frameworks de frontend ao seu favor.

12:20 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:30 to 13:40 Track opening by coordination

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

13:45 to 14:20

Navegando no Metaverso! Como criar aplicações Web com Realidade Aumentada e Virtual

Mateus Bueno

O metaverso é um conceito que vem ganhando muita força, principalmente por causa das mudanças sociais e avanços tecnológicos que vem ocorrendo nos últimos anos. O termo ainda vem carregado de confusão e incertezas, mas é certo que novas formas de interações, mais ricas e mais dinâmicas, serão gradativamente mais comuns. Nesta palestra, vamos investigar algumas opções de frameworks e bibliotecas para criação de interfaces com Realidade Aumentada e Realidade Virtual, como integrar RA/RV com as linguagens e frameworks mais utilizados para desenvolvimento Web e demonstrar alguns exemplos de aplicações práticas e bem interativas.

14:25 to 15:00

Aplicando boas práticas de acessibilidade na Web

Mayara Lopes Cardoso

(online)

Construir sites e sistemas acessíveis parece mais complexo do que realmente é. Temos uma parcela considerável de usuários com algum tipo de deficiência, e deixar de aplicar boas práticas de acessibilidade no desenvolvimento de projetos significa exclui-las do nosso público. Nessa palestra, pretendo mostrar como desenvolver páginas e aplicações acessíveis, quais são os erros mais comuns e maneiras de corrigi-los, trazendo um pouco da minha experiência no assunto. Vamos lá?

15:10 to 16:10

Front-end por que apostar e qual o futuro da área?

Larissa Santos de Azevedo / Mateus Bueno / Guilherme Siquinelli / Renato Groffe
Painel de Discussão desta Trilha
16:20 to 16:50 Networking and Visiting Stands

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

17:00 to 17:35

Construindo um Design System agnóstico no Banco Pan

Pedro Delfino / João Paulo Silva de Moura

Ao escolher a estratégia de construir um Design System agnóstico de Frameworks no Banco Pan, passamos por diversos desafios e miramos obter resultados em escala dentro do ecossistema de aplicações WEB do Banco Pan, tanto em aplicações para clientes como em aplicações para parceiros. O objetivo dessa apresentação é dividir o porque tomamos a decisão de migrar um Design System, já validado e bastante utilizado, construído em Angular, para um Design System agnóstico usando Web Components e como tecnicamente obtivemos sucesso.

17:45 to 18:20

Arquitetura de projeto escaláveis e performáticos com React

Larissa Santos de Azevedo

Sabemos que a vida real está bem distante do mundo perfeito que são os de tutoriais com projetos não escaláveis e sua arquitetura suficiente para aquele caso, mas e quando chegamos em um projeto grande e escalável? Nessa talk veremos uma arquitetura na qual se aplica para projetos escaláveis e bem organizados, apresentando as camadas de sua estrutura e visando boas práticas de desenvolvimento

18:30 to 19:05

Comunicação em tempo real p2p na Web com TypeScript

Guilherme Siquinelli

Nesta palestra mostro como podemos criar um aplicativo web usando Web APIs da WebRTC sem muito esforço, usando apenas APIs nativas, especificadas pela W3C.

Veremos também sobre alguns protocolos usados na conexão, bem como dificuldades por parte da infra estrutura brasileira. Ao final veremos um aplicativo desenvolvido por mim funcionando, com link do repositório público no GitHub para quem tenha interesse em clonar ou contribuir.

19:15 to 19:50 Closing session

After the presentation of the results of the day, on the Stadium stage, many sweepstakes will close the day.

Schedule subject to change

Sponsors

Diamond





Apoio Institucional



Realização