O resumo de materiais frescos do mundo do front-end da última semana n ° 398 (13 a 19 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.

Desenvolvimento Web | CSS Javascript Navegadores

Desenvolvimento Web

• 32 dicas para um desenvolvedor web que quer crescer acima de si mesmo em 2020
• Desenvolvedor Developer lançado JetBrains Mono
• Novos formatos de micro layout do Google para 2019
• Navegando na Web com um Gamepad
• Resolvendo o problema com o elemento Seção
• Artigos eternos para desenvolvedores web

• As ferramentas
  • Aprenda testes de ponta a ponta com o Puppeteer
  • Tiny helpers - Uma coleção de ferramentas online gratuitas para desenvolvedores web
  • Testando seu site para regressão visual com o BackstopJS
  • Deixe as ferramentas fazerem a escolha
  

• Desempenho
  • Mais quatro maneiras não padronizadas de acelerar o carregamento de páginas do site
  • "Melhores" métricas de desempenho? Comece com esses seis
  • A otimização de suas imagens não melhorou o tempo de download? Por isso
  • Desempenho na Web: 11 dicas essenciais para acelerar seu site
  

• Disponibilidade
  • Disponibilidade da versão digital da BBC 2019
  • Conformidade com acessibilidade da Web e legislação da UE
  

• Efeitos
  • Técnica de layout de dobragem 3D para elementos HTML
  • Como fazer animação na web usando o greensock
  

CSS

• Então, quando ainda é possível usar!
• Efeito de clique no estilo de design de material com eventos de ponteiro e propriedades personalizadas de CSS
• Vale a pena hospedar o Google Fonts em casa?
• Opções de estilo de design para componentes da Web
• CSS4 está aqui!
• Como usar o seletor de pseudo-classe: root em CSS
• Adicionando separadores aos layouts CSS-in-JS

Javascript

• JavaScript e HTML de baunilha. Sem estruturas. Sem bibliotecas. Não tem problema
• Sobre o aumento de simultaneidade 30x no Node.js
• Pacote e desempenho de JavaScript: práticas recomendadas

• Teoria
  • Erros comuns ao trabalhar com promessas em JavaScript que todos devem conhecer (tradução)
  • Código Limpo para TypeScript - Parte 1
  • 15 métodos JavaScript para trabalhar com matrizes que você precisa conhecer em 2020
  • 9 maneiras de trabalhar com objetos em JavaScript em 2020
  • Pontos importantes ao trabalhar com matrizes e objetos como parte da interação com a API REST
  • Encadeamento opcional, coalescência nula e como eles mudarão a maneira como o código é escrito
  

• Reagir
  • Novo frontend do Odnoklassniki: iniciando o React em Java. Parte I
  • Melhores novos recursos do React App 3.3
  • Introdução à API de contexto de reação
  • Visualizador React-Spring
  • Reagir com o TypeScript: práticas recomendadas
  • Título da página disponível em uma única página Reagir aplicativo
  • Lançamento do Next.js 9.2
  • 10 práticas no VSCode para acelerar o desenvolvimento de reagentes
  • Tutorial React refs: useRef e createRef
  • Como criar aplicativos React VR
  • 10 maneiras de otimizar o desempenho do seu aplicativo React
  

• Vue
  • Usando tailwindcss com Vue.js
  • Vue + Apollo: abstrações com vazamentos
  • Criando um componente recursivo no Vue.js
  • Kit de desenvolvimento de componentes Vue v0.4.0
  • 12 Melhores práticas do Vue.js para desenvolvedores profissionais
  • Como adicionar entrada de AutoCompletar ao seu aplicativo Vue.js.
  

• Angular
  • 6 maneiras de cancelar a inscrição de Observables em Angular
  • Angular: como apoiar o IE11
  • Angular a partir de 2020
  • Escrevemos nossa estratégia de rolagem virtual a partir do Angular CDK
  

• Svelte
  • Como você pode aprender a usar o Svelte no seu próximo projeto JS
  • Tudo o que você precisa saber para começar a escrever Svelte Single File Components
  

Navegadores

• Em meio à reestruturação, 70 funcionários demitidos da Mozilla
• O Google pretende parar de oferecer suporte a cookies de terceiros no Chrome até 2022
• Como instalar extensões para o Google Chrome no novo Microsoft Edge
• O Chrome, depois do Safari e do Firefox, também começará a bloquear cookies de terceiros, mas não imediatamente
• A Microsoft suportará o Edge for Windows 7 por pelo menos 18 meses
• Os desenvolvedores de Chromium propuseram unificar e expirar o cabeçalho User-Agent
• O Chrome planeja desativar cookies de terceiros em sites por dois anos
• Atualize para o novo Microsoft Edge
• Como fizemos picture-in-picture no Firefox Desktop para mais controle sobre o vídeo

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 .