TDC CONNECTIONS
Building Software in the Connected World

Trilha WEB / FRONT-END

Venha expandir os seus conhecimentos

Apoio Trilha

LPI

O desenvolvimento web / front-end é uma área que envolve diversas tecnologias e são os principais responsáveis pela interface e apresentação de um site ou sistema, além de utilizar técnicas de usabilidade e acessibilidade para garantir uma navegabilidade melhor nos sites ou sistemas criados.

Se você está a procura de ferramentas, tecnologias, técnicas e pessoas, essa é a trilha ideal. Talks divididas para todos os níveis de conhecimento e os mais diversos assuntos ligados a Web. Venha expandir os seus conhecimentos!!

Date

Wednesday, June 9, 2021

09h às 19h

ONLINE - LIVE ONLY!

Investment

1 track: R$ 145 for R$ 110
2 tracks: R$ 290 for R$ 198
3 tracks: R$ 435 for R$ 285
* price valid until APR/26, see full table

1 track: R$ 145 for R$ 130
2 tracks: R$ 290 for R$ 230
3 tracks: R$ 435 for R$ 330
* price valid until MAY/28, see full table

1 track: R$ 145
2 tracks: R$ 290 for R$ 260
3 tracks: R$ 435 for R$ 370
* price valid until JUN/10, see full table

How to register

Schedule / Talks Time Zone: GMT-3

Time Content
09:00 to 09:30 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:35 to 10:25

De falhas a maior transação de software no Brasil: como tomar controle da sua carreira.

Bruno Ghisi

Keynote TDC

Ao longo da sua trajetória você terá inúmeras oportunidades, na verdade são inúmeros caminhos que podem ser trilhados. Algumas pessoas vão querer se desenvolver cada vez mais para serem as referências técnicas, outras irão buscar desenvolvimento para liderarem pessoas. Algumas irão empreender, outras buscarão trabalhar em empresas pequenas, outras multinacionais, sejam no Brasil ou fora. O que você precisa fazer para aproximar da sua missão a cada passo e deixar um legado ao invés de colecionar logos? O que você precisa fazer para tomar decisões pro-ativas e não aguardar as propostas no LinkedIn? Como medir a balança do aprendizado e recompensa financeira? Nesse palestra pretendo contar muito do que vivi ao longo de quase duas décadas e aprendizados que tive na jornada.

10:30 to 10:45 Track opening by coordination

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

10:50 to 11:25

Web Scraping com Headless Chrome, Puppeteer e Ramda

Marcel Gonçalves dos Santos

Web scraping é uma técnica de extração de dados de sites da web. Ela é bastante útil pois permite a obtenção de dados de forma automatizada de sites que não fornecem uma API oficial. Nesta palestra veremos como podemos utilizar o Chrome Headless (uma forma de executar o Chrome de maneira automatizada e sem interface gráfica), o Puppeteer (uma biblioteca de automatização do Chrome) e a Ramda.js (uma biblioteca de JavaScript com foco em programação funcional) para realizar a tarefa de extração de dados de sites de forma automatizada.

11:30 to 12:05

Push Notifications na Web

Andrew Rosário

As Push Notifications estão presentes no nosso dia a dia na maioria dos Apps que utilizamos, porém muitos desconhecem seus recursos quando estamos na web. O objetivo dessa apresentação é apresentar todo o poder das Push Notifications dentro de uma Progressive Web App que pode ser desenvolvida facilmente utilizando Node.js e Angular.

12:10 to 12:45

Nossa jornada usando JAM Stack para melhorar a performance do site da TAG Livros

Renan Zenkner Roggia / Bernardo Severo

No final do ano passado na TAG Experiências Literárias, empresa onde trabalhamos, começamos a notar uma queda nas conversões do site por causa da sua performance. Além disso, qualquer alteração que normalmente seria dita como simples requeria um grande esforço do time de desenvolvimento.

Nessa talk vamos falar sobre nossa jornada trabalhando na melhoria da performance e na experiência do desenvolvedor. Nessa jornada aprofundaremos em como JAM Stack, Static Site Generator, GraphQL e Continuous Delivery nos ajudaram a resolver os problemas acima citados e alcançar melhores resultados.

12:50 to 13:50 Networking and Visiting Stands

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

14:00 to 14:05 Track opening by coordination

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

14:10 to 14:45

Improve the identification of vulnerabilities in your project with just few commands.

Filipi Pires

Demonstração prática de como um Desenvolvedor pode usar uma ferramenta SAST para análise estática de vulnerabilidade de código, executando ela no código fonte, byte code e/ou binário, demonstrando algum possível ?Leak", através de análise do código fonte validando possíveis vazamentos de credenciais, chaves privadas ou senhas Hard coded, auditoria de dependência para verificar possibilidades de vulnerabilidades em bibliotecas de terceiros e além de receber uma visão gerencial (em relatório) com todas essas informações análises.

14:50 to 16:05

Poder dos Micro frontends

Gustavo Bellini Bigardi / Guilherme Prezzi / Raí Siqueira
Painel Digital desta Trilha
16:10 to 16:25 Networking and Visiting Stands

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

16:25 to 17:00

Aplicações NodeJS Modernas com NestJS

Ana Beatriz Ducla
17:05 to 17:40

Organizando uma React library com monorepo

Adriano Maríngolo Gomes

Muitas vezes nos deparamos com dúvidas de como estruturar o código da nossa aplicação, principalmente quando precisamos criar libs e outras dependências. Você pode acabar com muitos repos ligados entre si, o que pode dificultar a manutenção e entendimento da estrutura. Uma solução é utilizar um MONOREPO. Mas quando usar essa estrutura? Focando num projeto React, vamos ver como montar uma lib de componentes para ser usada no seu projeto em um monorepo, gerenciado com Lerna e ver as vantagens (e também desvantagens). E um plus: usar o Storybook pra documentar nossa lib.

17:45 to 18:20

Overview pela JST-UI uma Component Library desenvolvida com StencilJS e Tailwind CSS.

Arthur Andrade

Fundada em 2018 a Justa Soluções Financeiras S.A. é uma fintech brasileira do ramo de pagamentos. Atualmente a justa conta com diversos portais web que contam com tecnologias diversas como Angular, React e Ionic. Por contar com uma grande gama de tecnologias, surgiram alguns problemas de inconsistência e acessibilidade. Foi então proposto o desenvolvimento de uma Component Library (CL), a JST-UI. Nessa apresentação pretendo mostrar a estrutura por trás da JST-UI, junto ao overview de um componente, abordando todo o processo de desenvolvimento com o StencilJS, estilização com Tailwind, documentação com Storybook, testagem e as boas práticas de acessibilidade utilizadas.

18:25 to 18:45 Open Space

18:50 to 19:05 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




Apoio

Apoio Trilha


Apoio Mídia


Realização