Frontend Weekly Digest (27 de maio a 2 de junho de 2019)

Nesta semana, publicamos uma seleção realmente enorme de todas as notícias essenciais que você pode ter perdido no desenvolvimento do Front-end. Certifique-se de verificar as atualizações mais recentes em CSS, HTML e JavaScript.

Desenvolvimento Web

• O W3C vs. A guerra do WHATWG finalmente acabou
• Indexação Mobile-First por padrão para novos domínios
• Introdução ao GraphQL: é bem fácil!
• Quão importante somos?
• Substituindo JavaScript: como o eBay tornou um aplicativo Web 50x mais rápido, alternando as linguagens de programação

• Desempenho:
  • Anunciando o redimensionamento de imagem do Cloudflare: simplificando a entrega ideal de imagens
  • Plug-in Lighthouse que exibe o desempenho de campo da página para usuários do Chrome no mundo real nos últimos 30 dias.
  • Seu primeiro orçamento de desempenho com o Lighthouse
  • Hospede automaticamente seus ativos estáticos
  

• Acessibilidade:
  • A diferença entre a navegação do teclado e do leitor de tela
  • Ferramentas de acessibilidade para contraste de cores
  • Corrija 85% dos seus problemas de acessibilidade da Web em 5 etapas fáceis
  • Tabindex: raramente vale a pena ser positivo
  

CSS

• CSS de primeiro utilitário: desenvolvimento front-end ridiculamente rápido para quase todos os designs
• Usando a técnica Grid Shepherd para solicitar dados com CSS
• Compreendendo variáveis ​​CSS
• Sublinhado de texto multilinha personalizado com maiúsculas arredondadas
• xstyled - Uma nova maneira de modelar componentes
• Por que preferimos CSS Custom Properties às variáveis ​​SASS
• A propriedade CSS background-image como um antipadrão
• Usando a técnica Grid Shepherd para solicitar dados com CSS

Javascript

• Anúncio do TypeScript 3.5
• Por que ainda estou usando o jQuery em 2019
• A maneira mais rápida de renderizar o DOM

• Teoria:
  • 5 maneiras de converter um valor em string em JavaScript
  • JavaScript funcional: cinco maneiras de calcular uma média com redução de matriz
  • Implementando variáveis ​​privadas em JavaScript
  

• Reagir:
  • Reagir 16 + dicas de integração Three.js. (2019)
  • Digitando Reagir (1) - Básico
  • nível de zoom - um pacote abrangente para vários navegadores que permite determinar o nível de zoom da página e do elemento
  • Retornando nulo de setState na reação 16
  

• Angular:
  • Versão 8 do Angular - pacotes menores, APIs da CLI e alinhamento com o ecossistema
  • Angular e RxJS: detectando vazamentos de memória
  • Verificando os portais CDK da Angular
  •
  

• Ember.js:
  • Ember 3.10 Lançado
  • Dados da brasa: vire frustração