Chrome Dev Summit 2018
Tags: devrel, webdev, conferences, community
Published: 2020-12-02 22:04:56

---
title: Chrome Dev Summit 2018
published: true
description: Algumas anotações que fiz quando participei do Chrome Dev Summit 2018 em São Francisco - Califórnia.
tags: devrel, webdev, conferences, community
cover_image: https://miro.medium.com/max/4800/1*hea3OadJ05hJXa5TuAdYGQ.jpeg
---

Quando recebi o convite para ir ao #ChromeDevSummit , eu não pensei 2 vezes e corri para agilizar minhas passagens para São Francisco (Califórnia). 
Foi incrível \m/ 
Encontrei alguns amigos desenvolvedores do Brasil, conversei com algumas pessoas que são referência em desenvolvimento web (pelo menos pra mim) do mundo inteiro, visitei o Google (valeu [Alê Borba](https://twitter.com/ale_borba)) e aproveitei para testar um projeto que tinha acabado de ir para produção nos boxes do "lighthouse" e "site clinic"…

![Chrome Dev Summit Happy Hour](https://cdn-images-1.medium.com/max/2000/1*hHuKmtZ1olOQ-4j6KEsFQA.jpeg)*Chrome Dev Summit Happy Hour*

Bem, segue uma lista de coisas que ví por lá e quero compartilhar com vocês:

**Web Dev (beta)** 
O intuito desse projeto é ajudar a fazer uma web melhor! 
Ajuda desenvolvedores com dicas e padrões de desenvolvimento… mais um overview, mas a ideia é centralizar dicas e ferramentas no mesmo lugar.
[https://web.dev](https://web.dev/)

<center><iframe width="560" height="315" src="https://www.youtube.com/embed/a6pLdPnDvb8" frameborder="0" allowfullscreen></iframe></center>

**Squoosh APP
**Para otimizar / converter imagens de um jeito simples e rápido.
[https://squoosh.app/](https://squoosh.app/)

![Squoosh App](https://cdn-images-1.medium.com/max/2886/1*vh9CSnYpvk-asiyiVKmB0g.png)*Squoosh App*

**Project VisBug** 
Extensão do chrome para vc conseguir manipular elementos da sua tela (em dev ou prod)… super simples! (amigos designers / ux, deem uma olhada!)
[https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc](https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc)

![Testando o Visbug](https://cdn-images-1.medium.com/max/2682/1*nX79CY4gwyvePNMN1M6jHg.png)*Testando o Visbug*

**< virtual-scroller >**
Ainda não está disponível, mas já dá pra fazer uns testes. (fu-di-do) 
[https://valdrinkoshi.github.io/virtual-scroller/](https://valdrinkoshi.github.io/virtual-scroller/)

![[https://github.com/valdrinkoshi/virtual-scroller](https://github.com/valdrinkoshi/virtual-scroller)](https://cdn-images-1.medium.com/max/4896/1*7WwYxmkNX_ywQ2sSN_G4aw.jpeg)*[https://github.com/valdrinkoshi/virtual-scroller](https://github.com/valdrinkoshi/virtual-scroller)*

**Portals** 
Similar a um iframe, mas vc consegue manipular as transições crossdomain (em estudo).
[https://github.com/KenjiBaheux/portals](https://github.com/KenjiBaheux/portals)

**Lighthouse 4.0 alpha (extensão do chrome) **
[https://web.dev/measure](https://web.dev/measure) 
(alpha 4.0 já funcionando, mas ainda estão arrumando/atualizando)

**Crux — UX performance no lighthouse**
Será mais um parâmetro de performance (em conjunto com analise de dados)
[https://developers.google.com/web/updates/2018/08/chrome-ux-report-dashboard](https://developers.google.com/web/updates/2018/08/chrome-ux-report-dashboard) 
[g.co/chromeuxdash](http://g.co/chromeuxdash)
[https://cloud.google.com/data-studio](https://cloud.google.com/data-studio)
(versão alpha, mas já dá para fazer algumas coisas e testes)

**Algumas lições:**

Lighthouse, pagespeed, browser… use, inclua e defenda como você usa o seu framework favorito (angular, webpack, react, vue…). 
Experiencia do Usuário UX e Performance: Se preocupe já! 
Transforme suas aplicações em PWA, esse é o futuro.
Se você escolher um CMS para sua aplicação, use o Wordpress. Sim, ele é bom, performático, moderno e está presente em mais de 30% dos sites da Web (desde que bem feito, claro!)
Converse com pessoas nos eventos :D

É isso… \m/


*Postado originalmente no medium, 26/11/2018*