Frontend Weekly Digest (6-12 maio 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

• Favicons: talvez o recurso menos compreendido da Web
• O novo googlebot sempre-verde
• Carregamento lento híbrido: uma migração progressiva para carregamento lento nativo
• Componentes de página da Web SVG para IoT e criadores (parte 1)
• Por que, como e quando usar HTML semântico e ARIA
• Como escolher o melhor gerador de site estático para o seu projeto de 2019
• Hands-on com portais: navegações perfeitas na Web . Aprenda a criar uma boa navegação UX com a API de portais.

• Ferramentas:
  • Registro de Pacotes GitHub - Publique pacotes públicos ou privados próximos ao seu código-fonte, facilmente.
  • Microsoft lança o Windows Terminal, um novo aplicativo de linha de comando para Windows
  • Utilitário: converte o caminho SVG em comandos relativos ou absolutos
  

• Animações:
  • História de uma animação: WebGL e não WebGL
  • Resumo de sites inspiradores nº 4
  

CSS

• CSS-only-chat - Um bate-papo assíncrono na web verdadeiramente monstruoso, sem usar JS no frontend
• Modo noturno com modo de mesclagem mista: diferença
• O guia básico da especificidade do CSS
• 4 razões pelas quais seu z-index não está funcionando (e como corrigi-lo)
• cssfx - belamente simples efeitos CSS de clicar para copiar
• Compreendendo o posicionamento da grade através da construção de uma tabela periódica HTML
• O anúncio do Google Fonts em breve oferecerá suporte à configuração `font-display` por meio de um novo parâmetro de consulta
• CSS3 Transform - visualizador de funções 2D e 3D CSS Transform
• Quebrando para uma nova linha com flexbox

Javascript

• O que há de novo no JavaScript (Google I / O '19)
• O Google está pronto para acompanhar o JavaScript?
• O que aprendi com a biblioteca de internacionalização do Airbnb de engenharia reversa
• Alguns usos funcionais para o observador de interseção saber quando um elemento está à vista
• Introdução ao GraphQL
• Uma vulnerabilidade de negação de serviço descoberta no pacote JavaScript do Axios - afetando todas as versões do popular cliente HTTP

• Teoria:
  • 'deixe-me ser um' const '(formiga), não um' var '(responsável)!
  • location = location ... e outras 534 maneiras de recarregar a página com JavaScript
  • O pensamento por trás da simplificação de manipuladores de eventos
  

• VueJS:
  • Estruturação de módulos Vuex para relacionamentos, velocidade e flexibilidade
  • Showdown Vuex: mutações vs. ações
  • Arquitetar um aplicativo Vue.js em grande escala
  • Uma solução de pilha completa para desenvolvimento rápido de PWA
  • Um guia para configurar o Vim para desenvolvimento em JavaScript
  

• Reagir:
  • react-native-windows - Uma estrutura para criar aplicativos nativos do Windows com o React
  • Você provavelmente não deveria estar usando o React
  • Perfil de desempenho do seu aplicativo React
  • Reintrodução do React: todas as atualizações do React desde a v16 desmistificadas.
  • Implantando um aplicativo de criação e reação renderizado no lado do cliente no Microsoft Azure
  • Padrões avançados em React
  • React on web.dev - Uma nova seção no web.dev para ajudar os desenvolvedores a criar aplicativos React rápidos e com bom desempenho.
  

• Angular:
  • Angular - todas as palestras do ng-conf 2019
  • Usando o Renderer2 em angular
  • Introdução à grade angular
  • Mergulho rápido na centralização de seus dados no Angular com o ngrx / router-store
  

• Libs e plugins:
  • dinoql - uma linguagem de consulta personalizável no estilo GraphQL para interagir com objetos JavaScript.
  • dinheiro: uma alternativa jQuery absurdamente pequena para navegadores modernos
  • híbridos: componentes da Web a partir de objetos simples e funções puras!
  

Navegadores

• Microsoft Edge - todas as notícias do Build 2019
• Flash desativado por padrão no Chrome 76
• Por dentro da decisão surpresa da Microsoft de trabalhar com o Google em seu navegador Edge

Obrigado pela leitura! Sinta-se à vontade para enviar seus artigos ou novos conteúdos úteis que você deseja ver no próximo resumo.