O resumo de materiais frescos do mundo do front-end da última semana n ° 371 (24 a 30 de junho de 2019)

Trazemos à sua atenção uma seleção com links para novos materiais da área de front-end e em torno dela.

Mídia | Desenvolvimento Web | CSS Javascript Navegadores Divertido

---

Mídia

• Podcast Web Standards , Edição No. 182. Node.js, npm e JetBrains, trabalhadores de serviço e WASM, preço JS, CSS moderno, acessibilidade
• Podcast Web Standards , Edição No. 181. Panda Meetup, Chrome 76, a11y, brinde, pré-processadores e jQuery
• Podcast de fim de semana de front-end # 94 - Denis Mishunov sobre por que você deve partir para a Noruega e trabalhar remotamente no GitLab
• Podcast CSSSR, Notícias 512 : Vue 3 RFC atualizado, mais sobre microsserviços, o novo redux killer e publicações interessantes
• Podcast Frontend Youth (18+) # 97: Arquitetura que você não merece
• Repozitorro # 20 - Portfólio ao contrário ...
• WSD em Moscou 2019 , 8 vídeos
• JSNation de Amsterdã 2019 , 15 vídeos
• Syntax.fm podcast No. 154: SVGs com Sara Soueidan

Desenvolvimento Web

• Como configurar a análise da web nas páginas AMP
• Introdução ao desempenho da Web? É nisso que você precisa se concentrar.
• Criando PWA com Webpack e Workbox
• API de detecção de spam
• Simulando o posicionamento relativo de SVG aninhado dentro de SVG
• HTML pode fazer isso? . Uma seleção de demos demonstrando o poder do HTML puro

• Acessibilidade:
  • Como as árvores de acessibilidade informam a tecnologia assistiva
  • Relatório de litígio sobre acessibilidade da Web (conformidade com ADA) no primeiro semestre. (Spoiler: um novo processo a cada hora)
  • O que é acessibilidade para aplicativos da Web e por que isso me incomoda?
  

• Web espetacular:
  • Como fazer animação de rolagem relacionada
  • Um site interativo para aprender o básico da música sintética . Desenvolvido por Web Audio, WebAssembly e WebGL usando three.js, Tone.js, anime.js e Reaja com TypeScript
  • useAnimations: ícones animados usando a estrutura Lottie e After Effects para uso em aplicativos e sites
  

CSS

• 10 plugins PostCSS que economizarão seu tempo de layout
• 18 dicas de CSS para facilitar a vida do desenvolvedor
• Três previsões da Pesquisa State of CSS 2019
• Guia completo de centralização usando o Flexbox
• a11y-css-reset
• Agende uma conferência sobre CSS Grid
• Arraste e solte pegajoso, sem JS!
• Fontes variáveis ​​para desenvolvedores
• Pense no BEM como uma filosofia de interface do usuário em vez de nomear classes CSS

Javascript

• Custo do JavaScript em 2019 por Addy Osmani
• RxJS: uma introdução simples
• Pesquisa Instantânea de Vanilla JavaScript

• Teoria:
  • JavaScript funcional: cinco maneiras de encontrar a média aritmética dos elementos da matriz e o método .reduce ()
  • 5 recursos do ES2019 que você pode usar hoje
  • Como configurar o polyfill globalThis em JavaScript universal
  • Compreendendo o Async / Await em JavaScript usando exemplos
  • Coleções JavaScript - Set, Map, WeakMap e WeakSet
  

• Mongo / Nó:
  • Padrões de design no Node.js: um guia prático
  • Novo módulo ECMAScript suportado no Node.js 12
  • Firebase ou MongoDB: qual banco de dados usar para o desenvolvimento de aplicativos
  

• VueJS:
  • Usando middleware no Vue
  • Por que as pessoas ficam bravas com o Vue 3
  • Guia para iniciantes do Vue CLI
  • Quando o atributo: key do Vue realmente precisa e por quê?
  • Como começar com o Vuetify
  

• Reagir:
  • Desenvolvendo um aplicativo para streaming usando Node.js e React
  • Introdução ao usoReducer React Hook
  • Reagir o mito da inacessibilidade
  • Os dez mandamentos dos componentes de reação
  • Adicionando um componente WebAssembly a um aplicativo React
  • Conceitos avançados de ganchos React explicados no exemplo do jogo Snake
  • Next.js ou Criar aplicativo React: quais aplicativos são mais produtivos?
  

• Angular:
  • Estado angular em 2019
  • Entendendo a mágica por trás dos elementos angulares
  • Criando um music player usando a Kendo UI e Angular
  • O que aprendi em 3 anos de desenvolvimento no Angular 2+
  

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

• Libs e plugins:
  • As 10 melhores bibliotecas JavaScript para visualizar dados em gráficos e tabelas
  • freezeframe.js - uma biblioteca que pausa os gifs animados, acionando animações ao passar o mouse / clicar / tocar
  • TWGL : uma pequena biblioteca auxiliar para WebGL
  • pixelmatch: uma biblioteca JS pequena, simples e rápida para comparação de imagens pixel por pixel
  • svelte-adapter: usando componentes Svelte com Vue e React
  

Navegadores

• Firefox Nightly testa gerador de senhas
• A ferramenta Track This da Mozilla engana os algoritmos de publicidade
• O Microsoft Edge terá três modos de bloquear scripts de rastreamento
• Firefox 68 oferecerá uma nova implementação da barra de endereço
• Primeira versão do novo navegador Firefox Preview para Android

Divertido

• A habilidade mais importante que um programador pode dominar
• Os usuários do Google agora podem limitar o tempo de armazenamento de dados de atividades (histórico de locais, aplicativos e pesquisas na web) nos servidores da empresa
• Terminal Windows - noções básicas de configuração e primeiras impressões
• “O desenvolvimento da linguagem Kotlin foi muito mais caro que o nosso produto médio”: uma entrevista com o chefe da JetBrains
• Por que vale a pena incluir prototipagem no desenvolvimento
• Facebook, Google e outras empresas de TI criarão conjuntamente um conjunto comum de testes para IA
• Trump permitiu verbalmente que empresas americanas trabalhassem com a Huawei
A.

Pedimos desculpas por quaisquer erros de digitação ou links quebrados / duplicados. Se você perceber um problema - escreva em um e-mail pessoal, tentamos corrigi-lo rapidamente.

Resumo da semana passada .
Material preparado por dersmoll e alekskorovin .