Equipe do ecossistema de desenvolvimento da Web - Encerramento de fevereiro

Mariko Kosaka
Bem-vindo à primeira parte de um resumo mensal sobre o que está acontecendo na equipe de Ecossistema de desenvolvedores da Web✨

Nossa equipe de engenheiros e comunicadores produz artigos e exemplos de código, como os princípios básicos da Web para sites e o novo portal web.dev. Você também pode conferir nosso trabalho no canal do YouTube e não se esqueça de nos seguir no @ChromiumDev :)

Fevereiro é um mês curto, mas com certeza temos bastante conteúdo. Vamos começar com grandes lançamentos da equipe.

Lançamentos

Workbox

Recentemente, o Workbox 4.0 foi lançado há apenas alguns dias.🎉 Esta versão inclui ótimos recursos novos, como workbox-window, e melhorias para muitos dos pacotes de caixa de trabalho existentes. Para quem já usa a caixa de trabalho, confira o guia de migração da v3 para a v4. Quer saber como usar o Workbox em seu projeto atual? Consulte este guia para usar com os bundlers que você quiser. Não sabe qual problema a caixa de trabalho ajuda a resolver? Confira esta entrevista sobre service workers no programa State of the Web.

lit-html e LitElement

A equipe do projeto de polímeros está ocupada trabalhando na versão estável do lit-html e do LitElement, duas bibliotecas de desenvolvimento da Web de última geração. Quer testar? Comece com o Guia do LitElement 📝

Atividades confiáveis na Web

Com o lançamento do Chrome 72, a Atividade confiável na Web (TWA, na sigla em inglês) chegou ao mercado. Os TWAs permitem que você tenha o Chrome em tela cheia dentro de uma atividade do Android, o que significa que você pode levar seu conteúdo da Web para a esfera do app 📱 Confira este guia para iniciantes ou leia sobre como @svenbudak colocou o PWA na Google Play Store (em inglês).

O que vem a seguir

Com a versão estável do Chrome 73 chegando (12 de março), temos muitos recursos incríveis para abordar.

V8: o mecanismo JavaScript do Chrome tem várias atualizações, incluindo Object.fromEntries e String.prototype.matchAll. Confira a nota da versão v8.

Você está trabalhando com áudio e vídeo na Web? O suporte a chaves de mídia de hardware chegou, e a opção "Pular anúncio" na janela picture-in-picture está em teste de origem. Confira as Atualizações de áudio/vídeo no Chrome 73 para mais informações.

Falando em teste de origem, prepare-se para a prioridade de busca com Buscar prioridade, então os desenvolvedores podem definir a importância de um elemento <script>, <img> ou <link> para fornecer ao navegador como carregá-los. Esse ainda é um recurso experimental, então teste e envie feedback.

O desempenho da renderização é sempre uma prioridade. No Chrome 73, os listeners wheel e mousewheel registrados em destinos raiz (janela, documento ou corpo) serão listeners passivos por padrão, oferecendo rolagem de roda rápida por padrão.

Também queremos nos despedir dos novos recursos, então confira também as descontinuações e remoções do Chrome 73.

Novo desenvolvimento

Aqui estão mais algumas coisas que estamos desenvolvendo que chegarão a um navegador perto de você.

Para evitar esse tipo de script, estamos desenvolvendo uma nova API chamada Tipos confiáveis. A ativação de tipos confiáveis (pela Política de Segurança de Conteúdo) vai bloquear o documento da injeção de DOM. Estamos trabalhando para fornecer mais exemplos e guias de código, mas enquanto isso leia mais sobre os Tipos confiáveis para testar esse recurso.

Em breve, o botão para voltar e avançar no Chrome poderá ser muito rápido. Estamos explorando um novo cache de avanço e retorno para armazenar páginas na memória quando o usuário sai da página. Confira a explicação e um protótipo de bfcache nesta postagem.

Por fim, o Intersection observer v2 apresenta a ideia de rastrear a "visibilidade" real de um destino.

Estamos experimentando

Nosso trabalho não acaba nos recursos do navegador! Também analisamos o desempenho de aplicativos da Web, criamos aplicativos da Web e pensamos em diferentes maneiras de ajudar os desenvolvedores da Web em qualquer lugar. Aqui estão algumas das melhorias que fizemos este mês.

Novos vídeos e podcasts

Martin está começando uma nova série chamada JavaScript SEO. O primeiro episódio é sobre como a Pesquisa Google indexa sites JavaScript. Meggin apresentou recentemente reflexões sobre o projeto web.dev em um encontro. Jake e Surma estão de volta com o novo episódio do podcast HTTP203 sobre o experimento de rotação de imagens.

Também temos programas regulares como "Novidades no Chrome", "O que há de novo no DevTools" e "O estado da Web"" no nosso canal do YouTube.

Agradecimento especial

Você já viu os exemplos do Puppeteer? Talvez você tenha visto o tweet do Eric Bidelman, "📯The 12 Days of Puppeteer 🤹🏻 ♂️🎁", no ano passado. É uma coleção incrível de exemplos de código do Puppeteer que permite pensar criativamente sobre o que é possível fazer com o navegador. Você deveria conhecê-los!

Boa sorte para seu novo empreendimento, Eric! Sentiremos sua falta!!)

Conclusão

O que você achou do primeiro resumo mensal? Se você gostou ou tem ideias para melhorar, entre em contato pelo Twitter @kosamari

Se você criou algo novo usando os recursos introduzidos aqui ou alterou algo na sua base de código com base nos nossos artigos, avise-nos em @ChromiumDev.

Em março, alguns de nós vamos para a Índia na esperança de saber mais sobre a experiência na Web para dispositivos móveis por lá ✈️ Estou ansioso para compartilhar o que aprendemos por lá.

Até o próximo mês 👋