#TheDevConf 2021 | CONNECTIONS : Trilha WEB / FRONT-END

Trilha WEB / FRONT-END

Venha expandir os seus conhecimentos

Apoio Trilha

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 and Place

Wednesday, June 9, 2021

09h às 19h

REMOTE ACCESS WITH ONLINE BROADCAST

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

ALL TRACKS

Schedule / Talks Time Zone: GMT-3 ALL TRACKS

Time	Content
09:00 to 09:30	Opening of the event and mini keynotes 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. SLIDES
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. SLIDES
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.