Equipe do ecossistema de desenvolvimento da Web - Encerramento de fevereiro

Mariko Kosaka
X
Este é o primeiro resumo mensal, em que analisamos o que está acontecendo na equipe do ecossistema de desenvolvedores da Web.✨

Somos uma equipe de engenheiros e comunicadores que produzem artigos e exemplos de código, como este site fundamentos da Web e nosso novo portal web.dev. Você também pode acessar nosso trabalho no canal do YouTube e não se esqueça de nos seguir em @ChromiumDev :)

Fevereiro é um mês curto, mas não falta conteúdo. Vamos começar com as grandes versões da equipe.

Lançamentos

Workbox

A Workbox 4.0 foi lançada há poucos dias.🎉 Esta versão inclui novos recursos, como workbox-window, e melhorias em muitos dos pacotes da Workbox. Para quem já usa o Workbox, confira o guia de migração da v3 para a v4. Quer saber como usar o Workbox no seu projeto atual? Confira um guia para usá-los com os pacotes de sua preferência. Não sabe qual problema o Workbox ajuda a resolver? Confira esta entrevista sobre service workers no programa State of the Web.

Lit-html e LitElement

A equipe do projeto Polymer tem trabalhado na versão estável do lit-html e do LitElement, duas bibliotecas de desenvolvimento da Web de última geração. Quer testá-los? Comece com o guia Testar LitElement 📝

Atividades confiáveis na Web

Com o lançamento do Chrome 72, as Atividades Confiáveis na Web (TWA, na sigla em inglês) entraram no mercado. As TWAs permitem que você tenha o Chrome em tela cheia dentro de uma atividade do Android, o que significa que você pode trazer seu conteúdo da Web para a esfera do app. 📱 Confira este guia de início rápido ou leia como @svenbudak colocou o PWA na Google Play Store.

O que vem por aí

Com a versão estável do Chrome 73 no horizonte (12 de março), temos muitos recursos interessantes 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ê trabalha com áudio e vídeo na Web? O suporte a teclas 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 saber mais.

Falando em teste de origem, prepare-se para a prioridade de busca com prioridade de busca. Os desenvolvedores podem definir a importância de um elemento <script>, <img> ou <link> para informar ao navegador como carregá-los. Esse recurso ainda é experimental. Por isso, teste e envie seu feedback.

A performance de renderização está sempre em primeiro plano. No Chrome 73, os listeners wheel e mousewheel registrados em alvos raiz (janela, documento ou corpo) serão listeners passivos por padrão, oferecendo uma rolagem rápida da roda.

Além de recebermos os novos recursos, também precisamos nos despedir de alguns. Confira as descontinuações e remoções do Chrome 73.

Novos desenvolvimentos

Confira algumas das novidades que estamos preparando para chegar em breve a um navegador perto de você.

Para ajudar a evitar a execução de scripts entre sites, estamos desenvolvendo uma nova API chamada Tipos confiáveis. Ativar tipos confiáveis (pela Política de Segurança de Conteúdo) bloqueia o documento contra injeção de DOM. Estamos trabalhando para oferecer mais exemplos de código e guias sobre esse assunto, mas, enquanto isso, leia mais sobre tipos confiáveis para testar.

Em breve, pressionar os botões "Voltar" e "Avançar" no Chrome pode ficar muito rápido. Estamos testando um novo cache de ida e volta para armazenar páginas em cache na memória quando o usuário sai da página. Confira o explicativo e um protótipo do bfcache nesta postagem.

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

O que estamos fazendo

Nosso trabalho não termina nos recursos do navegador. Também analisamos o desempenho de aplicativos da Web, criamos apps da Web e pensamos em maneiras diferentes de ajudar desenvolvedores da Web em qualquer lugar. Confira algumas das novidades que estamos testando neste mês.

Novos vídeos e podcasts

Martin está começando uma nova série chamada SEO em JavaScript. O primeiro episódio é sobre como a Pesquisa Google indexa sites JavaScript. Meggin apresentou recentemente reflexões sobre o projeto web.dev em um evento. 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 do Chrome", "Novidades do DevTools" e "O estado da Web"" no nosso canal do YouTube.

Agradecimento especial

Você já viu exemplos do Puppeteer? Você pode ter visto isso no tweet de Eric Bidelman "📯The 12 Days of Puppeteer 🤹🏻‍♂️🎁" do ano passado. É uma coleção incrível de exemplos de código do Puppeteer que permite pensar de forma criativa sobre o que você pode fazer com o navegador. Confira!

Boa sorte na sua nova empreitada, 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 comigo no Twitter @kosamari ✅

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

Em março, alguns de nós vamos para a Índia com a esperança de aprender mais sobre a experiência da Web para dispositivos móveis ✈️ Vamos compartilhar o que aprendermos lá!

Até o mês que vem👋