Frontend Weekly Digest (24 a 30 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

• Introdução ao desempenho da web? Aqui está o que você precisa focar.
• Crie um PWA com Webpack e caixa de trabalho
APIs de detecção de spam
• Imitar posicionamento relativo dentro de um SVG com SVGs aninhados
• HTML pode fazer isso?
• syntax.fm podcast No. 154: SVGs com Sara Soueidan

• Acessibilidade:
  • Como as árvores de acessibilidade informam a tecnologia assistida
  • Relatório do processo de acessibilidade na Web e de aplicativos da ADA no meio do ano
  • O que é acessibilidade para aplicativos da Web e por que eu me importo?
  

• Web eficaz:
  • Como fazer animações vinculadas por rolagem da maneira certa
  • Aprenda os fundamentos da síntese com nosso novo site interativo , rodando em Web Audio, WebAssembly e WebGL. Feito com three.js, Tone.js, anime.js e React usando TypeScript e muito mais
  • useAnimations: ícones animados no Lottie Framework e After Effects para implementação imediata em seus aplicativos ou sites
  

CSS

• Três previsões da pesquisa State of CSS 2019
• O melhor guia para centralização do Flexbox
• a11y-css-reset
• Criando um cronograma de conferência com CSS Grid
• Arrastar e soltar pegajoso, sem JS!
• Fontes variáveis ​​para desenvolvedores
• Pensar no BEM como uma filosofia da interface do usuário em vez de uma convenção de nomenclatura CSS

Javascript

• JSNation de Amsterdã 2019 , 15 vídeos
• O custo do JavaScript em 2019 por Addy Osmani
• RxJS: uma introdução simples
• Pesquisa instantânea com Vanilla JavaScript

• Mongo / Nó:
  • Padrões de design no Node.js: um guia prático
  • O novo módulo ECMAScript suporta no Node.js 12
  • Firebase vs. MongoDB: Qual banco de dados usar no desenvolvimento de aplicativos
  

• VueJS:
  • Por que as pessoas ficaram bravas com o Vue 3
  • Guia para iniciantes do Vue CLI
  • No Vue, quando realmente preciso do: atributo da chave e por quê?
  • Como começar a usar o Vuetify
  

• Reagir:
  • Conhecendo o usoReducer React Hook
  • O mito da reação inacessível
  • Os 10 mandamentos componentes
  • Adicionando um componente WebAssembly a um aplicativo React
  • Conceitos avançados de reagir ganchos - através do Snake!
  • Next.js vs. Criar aplicativo React: de quem são os aplicativos com melhor desempenho?
  

• Angular:
  • O estado da angular em 2019
  • Compreendendo a mágica por trás dos elementos angulares
  • Criando um aplicativo Music Player usando Kendo UI e Angular
  • O que aprendi durante 3 anos de desenvolvimento Angular 2+
  

• Brasa:
  • Introdução ao Glimmer-Native
  • Ember.js Seattle Meetup com Yehuda Katz
  • Desejos para o roteiro da Ember 2019
  

• Libs e plugins:
  • freezeframe.js - uma biblioteca que pausa os gifs animados e permite que eles sejam animados no evento de passar o mouse / clicar / tocar no mouse ou com funções de acionamento / liberação
  • TWGL : uma pequena biblioteca auxiliar do WebGL
  • pixelmatch: a menor, mais simples e mais rápida biblioteca de comparação de imagens em nível de pixel JavaScript
  • adaptador svelte: use componentes Svelte com Vue e React
  

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