Frontend Weekly Digest (5 a 11 de agosto 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

Deixe o Mavo brilhar na criação de aplicativos interativos da Web
• Uma introdução simples aos trabalhadores da Web em JavaScript
• Criando e-mails interativos e altamente otimizados com o AMP Framework do Google
• Por que o desenvolvimento da web moderna é tão complicado? Uma explicação longa e apressada: Parte 1!
• Qual é o melhor: um programa de fidelidade PWA ou aplicativo móvel?
• Um seletor de contatos para a Web
• Agora ao vivo: sua lista de reprodução SmashingConf Toronto

• Desempenho:
  • Maior pintura com conteúdo . Tornando mais fácil saber quando o conteúdo importante de uma página foi carregado.
  • Hora do primeiro byte: o que é e por que é importante
  • Carregamento lento e nativo para a web
  • Carregamento preguiçoso nativo lançado no Chrome 76!
  • Estabeleça conexões de rede cedo para melhorar a velocidade percebida da página
  • Manuseio de entrada de alto desempenho na web
  

• Ferramentas:
  • O guia para atalhos de código do Visual Studio, maior produtividade e 30 dos meus atalhos favoritos que você precisa aprender
  • SVG Gobbler - uma extensão simples do navegador que encontra o conteúdo SVG na sua janela atual, destaca atributos exclusivos, incluindo tamanho, e permite baixar ou copiar para a área de transferência
  

• Acessibilidade:
  • Acessibilidade na Web vs. Usabilidade
  • Dicas inesperadas de acessibilidade
  

• Animações:
  Efeitos de trilha de imagem
  • Resumo dos sites inspiradores nº 7
  • Como criar animações da Web com o Anime.js
  
  

CSS

• Modos de escrita e layout CSS
• Aprendendo CSS lendo especificações
• Redirecionamentos JS do lado do cliente: o Googlebot pode detectá-los? #AskGoogleWebmasters
• Manipulando CSS não utilizado no SASS para melhorar o desempenho
• CSS: seletor vazio
• Notícias da plataforma semanal: Estilo de fonte CSS: oblíquo, extensão de navegador webhin, CSS Modules V1
• Princípios de design para desenvolvedores: processos e dicas de CSS para um melhor design da Web
• Movendo texto em um caminho curvo
• 5 geradores de grade Super CSS para seus layouts
• Renderização e bordas sub-pixel

Javascript

• Como arrastar e soltar elementos e arquivos HTML usando Javascript
• Construindo meu primeiro aplicativo sofisticado: pensamentos e impressões
• Trabalhando com iteração assíncrona ECMAScript 2019 usando "for-of"
• Intl.NumberFormat
• Casos de uso interessantes para operadores JavaScript bit a bit
• Combinadores JavaScript Promise: .all (), .race (), .allSettled ()

• VueJS:
  • Como configurar um ambiente de desenvolvimento Vue
  • Modificando dados de componentes com emissores de eventos no Vue.js.
  • Aproveitando ao máximo os componentes do Vue Async
  

• Reagir:
  • Reagir v16.9.0 e a atualização do roteiro
  • O que há de novo no React v16.9
  • Como o modo de desenvolvimento funciona?
  • Construindo aplicativos móveis com o Ionic e reagir
  • useEffect vs. useLayoutEffect em linguagem simples e acessível
  • Usando o Immer para gerenciamento de estado de reação
  

• Angular:
  • Usando o recurso de espera assíncrona no Angular
  • Módulos e componentes assíncronos no Angular Ivy
  • A caminho do Angular 9: três correções no Angular 9
  • Como compartilhar componentes angulares entre projetos e aplicativos
  

• Libs e plugins:
  • sharec - uma nova ferramenta minimalista para o boilerplating e o versionamento da configuração, que podem copiar, mesclar e excluir arquivos.
  • Frosted Panel é uma biblioteca compatível com vários navegadores, escrita em Javascript puro, para obter um efeito responsivo "Frosted Glass".
  • murphyjs: uma maneira simples de implementar animações de revelação baseadas em rolagem em seus componentes.
  

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