O resumo de materiais frescos do mundo do front-end da última semana nº 397 (6 a 12 de janeiro de 2020)

Chamamos a 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

Mídia

• Podcast "Web Standards" No. 212. Firefox 72, Shadow Parts, novas formas, prestadores de serviços, alvenaria, modelo mental JS
• Podcast # 121: Frontend Youth (18+): de que JavaScript é feito
• UnderJS Podcast # 13 - Andrey Sitnik sobre Logux, PostCSS e o frontend humano [Tube]
• CSSSR Podcast News 512 - Espaços de Ano Novo
• CSSSR Podcast, Argumentarium - Reatom, Redux e Effector
• pro Conf # 44 [Especial] MELHORES RELATÓRIOS DE 2019

Desenvolvimento Web

• Introdução ao teste de front-end
• Relatório de segurança NPM 2019
• Espaços reservados simples para imagens usando SVG
• Por que você deve escolher <artigo> em vez de <seção> no HTML5

• Desempenho
  • Carregamento rápido de páginas nos telefones baratos mais simples
  • Como o Google leva em consideração o desempenho da página da web ao classificar os resultados da pesquisa?
  • Lista de verificação de desempenho front-end 2020 [PDF, Apple Pages, MS Word]
  • Reduzindo o carregamento de HTML com trabalhadores de serviço
  • Ano para desempenho na web: 2019
  • Orçamentos de desempenho pragmáticos
  • O que aprendi otimizando nosso tempo de construção
  

• Efeitos
  • Uma seleção de demos criativos "Awesome Demos Roundup # 12"
  • Como animar uma assinatura SVG
  • Um jogo com projeção de textura no Three.js
  

CSS

• Coloque blocos de forma eficiente (Pro CSS, SVG, padrão e muito mais)
• Propriedades mínima e máxima de largura / altura em CSS
• Padrão CSS para layout de alvenaria: da ideia aos primeiros desenvolvimentos concretos
• prefere esquema de cores: CSS Media Query
• Como combinar elementos em CSS
• Movendo (ou não) com CSS Motion Path
• Carrossel CSS
• Controles deslizantes de multiposições: caso geral , caso com duas posições
• Usando isings não apenas para transições CSS
• Noções básicas sobre grade CSS: linhas de grade
• 7 propriedades CSS que você não sabia
• 13 maneiras de centralizar verticalmente em 2020
• Ocultar itens na Web

Javascript

• O que será adicionado ao JavaScript em 2020
• As janelas modais que merecemos
• Estrelas em ascensão JavaScript 2019
• Quanto os desenvolvedores de JavaScript pagam em 2020
• Como converter seu projeto em TypeScript no seu próprio ritmo
• Hopa - CLI sem configuração, executando JavaScript e TypeScript

• Teoria
  • Cinco maneiras interessantes de usar Array.reduce () (e uma maneira chata)
  • Reatividade do Framework da Web (Parte 1)
  • Compreendendo o Async Aguardar
  • JavaScript e window.postMessage ()
  • NaN em JavaScript
  

• Reagir
  • Ganchos de reação bonitos - Uma coleção de ganchos de reação bonitos e (espero) úteis para acelerar o desenvolvimento de seus componentes e ganchos.
  • Desmistificando o mito: acessibilidade e reação
  • Do create-react-app para o PWA
  • Nova documentação Next.js
  • ipod-classic-js - iPod Classic criado usando React Hooks, TypeScript e GraphQL
  • craft.js - React Framework para criar editores de páginas extensíveis com arrastar e soltar
  

• Vue
  • 5 coisas que você pode fazer para se preparar para o Vue 3.0
  • Vue para o menor blog aka pequeno em todos os cânones
  • Usando o IndexedDB com Vue.js
  • Anúncio Villus - um pequeno e rápido cliente GraphQL para Vue.js
  • Manipulação de eventos com Vue.js
  • Aventuras com Vue Render
  • Um guia completo para criar um site multilíngue completo no Nuxt.js
  • vue-kinesis - Componentes Vue.js fáceis de usar para criar animações interativas
  

• Angular
  • Os melhores recursos novos do Angular 9
  • Guia prático de Angular: vinculação de dados e diretiva
  • Como criar e implantar um aplicativo de material angular
  • Scully, o primeiro gerador de site estático para Angular
  

• Ember
  • The Ember Times - Edição 130
  • 6 dicas para mudar para módulos CSS no Ember
  

Navegadores

• lançamento do Firefox 72
• Detalhes do desenvolvedor do Firefox 72
• O Chrome, depois do Firefox, adicionará proteção contra notificações irritantes
• Mozilla está testando o sistema de controle de voz do Firefox Voice
• Os rumores da morte do Internet Explorer são extremamente exagerados. Windows 10 estabelece um recorde de compatibilidade
• Firefox 72 - nossa primeira música de 2020
• O fim dos navegadores independentes: você (não pode) competir
• Por que chegou a hora de você abandonar o suporte do IE ...

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 .