Frontend Weekly Digest (28 de janeiro a 3 de fevereiro 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

• HTML, CSS e nossos pontos de entrada do setor em fuga
• CSS e JS estão em guerra, eis como parar com isso
• HTML é e sempre foi um objetivo de compilação - podemos lidar com isso?
• Google Play Store agora aberto para Progressive Web Apps
• A "backendificação" do desenvolvimento de front-end
• Uma visão geral das propostas mais interessantes para a plataforma da Web relacionadas aos componentes da Web

• Desempenho:
  • “A alegria de otimizar imagens” de Una Kravets - Vídeo de um evento à parte
  • Largura de banda ou latência: quando otimizar para quais
  • Otimização da velocidade da página: métricas, ferramentas e como melhorar
  • Melhorando o desempenho das fontes da Web: um estudo de caso
  

• Ferramentas:
  • tris-webpack-boilerplate - um padrão da webpack para sites estáticos que possui todas as ferramentas e otimizações modernas necessárias incorporadas
  • 11 extensões impressionantes de JavaScript para código do Visual Studio
  • Novidades do DevTools (Chrome 73)
  • Novo no Firefox DevTools 65
  

• Acessibilidade:
  • Usando inteligência artificial para gerar texto alternativo em imagens
  • Ferramentas e estratégias para o desenvolvimento de aplicativos da web acessíveis
  • Como você imagina?
  

• Animações:
  • Edifícios acenam animação com Three.js
  • Desconstrução Taotajima.jp WebGL
  • Efeitos personalizados do cursor
  

CSS

• Posição CSS pegajosa - como realmente funciona!
• Uma olhada na hifenização de CSS em 2019
• Muitas maneiras de alterar um preenchimento SVG ao passar o mouse (e quando usá-los)
• CSS-in-JS e renderização estática
• CSSans Pro - A fonte colorida, atrevida e CSS
• CSS WordArt
• Grade CSS: planilha do Excel
• Animação CSS: Mapa do Maroto

Javascript

• Novos lançamentos: TypeScript 3.3 , Babel 7.3 , Jest 24
• JavaScript futuro: o que ainda está faltando?
• Estático x Unidade x Integração vs Teste E2E para aplicativos de front-end
• Reagir vs Angular: uma comparação detalhada
• Mais três maneiras de visualizar o estado do JavaScript
• Mergulho mais profundo em objetos JavaScripts . Um olhar mais atento aos descritores de objetos JavaScript

• VueJS:
  • 7 problemas que você pode evitar usando o Nuxt.js no seu próximo aplicativo Vue
  • Otimização de desempenho de aplicativos Vue.js: parte 1 - Introdução à otimização de desempenho e carregamento lento.
  • Dominando propriedades computadas no VueJS
  • Como criar um monitor simples de mídia social com NodeJS, GraphQL e Vue
  • Usando o Vue.js para criar um painel climático interativo com APIs
  • O que o Vue 3.0 significa para o desenvolvimento da Web?
  

• Reagir:
  • Os (novos) métodos do ciclo de vida do React em linguagem simples e acessível
  • Reagir como um tempo de execução da interface do usuário
  • Crie aplicativos da Web progressivos com o React - parte 1
  • addimated - Uma biblioteca de animação declarativa sempre interruptível para o React
  • Reagir rolagem personalizada 4.0
  • 5 maneiras de animar um aplicativo ReactJs em 2019.
  • Como Gatsby é tão rápido
  

• Angular:
  • Introdução ao NG-VDOM: uma nova maneira de escrever aplicativos Angular
  • Crie um PWA pronto para produção com Angular e Firebase
  • Tutorial do Angular 7 | 6: Criando e enviando um formulário
  • DI angular: conhecendo o Ivy NodeInjector
  

• Libs e plugins:
  • flexsearch - Biblioteca de pesquisa de texto completo da próxima geração para Browser e Node.js
  • readability.js - uma versão independente da biblioteca de legibilidade usada para o Firefox Reader View
  • webaudio-synth: sintetizador polifônico da Web Audio API
  

Navegadores

• Firefox 65: suporte WebP, Flexbox Inspector, novas ferramentas e atualizações de plataforma
• Mudanças notáveis ​​no WebRender e Gecko
• Navegador de referência pronto para teste!
• Microsoft decide que o Internet Explorer 10 se divertiu: Rescisão prevista para janeiro de 2020