O resumo de materiais frescos do mundo do front-end da última semana n ° 367 (27 de maio a 2 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” , 177. Notícias sobre navegadores, exibição de fontes, fontes de ícones, formulários, acessibilidade
• Podcast “devschacht” # 81: HolyJS Piter 2019
• Repozitorro # 16 - Do jQuery para reagir 1 passo?
• RIT ++ 2019, os melhores relatórios de todas as sete conferências do festival: dia um , dia dois

Desenvolvimento Web

• Web estática: de volta ao básico?
• Como o eBay criou um scanner de código de barras no WebAssembly
• W3C e WHATWG: o mundo é tão esperado?
• Introdução ao GraphQL: é bem simples!
• Como somos importantes? Christian Heilmann (Microsoft) discute o papel do front-end no desenvolvimento moderno

• Desempenho:
  • Anúncio de redimensionamento de imagem do Cloudflare: simplifica a entrega ideal de imagens
  • Plug-in Lighthouse que ajuda a medir o valor do desempenho em usuários reais, e não em um ambiente emulado.
  • Seu primeiro orçamento de desempenho com o Lighthouse
  • Auto-host para seus ativos estáticos
  

• Ferramentas:
  • 10 dicas úteis para implementar o design Pixel Perfect no desenvolvimento Front-end (usando o editor de esboço como exemplo)
  • Entropic - Novo registro de pacote distribuído para Node.js
  • Desenvolvimento remoto no VS Code: sua vida nunca mais será a mesma
  • Novidades do DevTools (Chrome 76)
  

• Acessibilidade:
  • A diferença entre a navegação do teclado e um leitor de tela
  • Ferramentas de disponibilidade de contraste de cores
  • Corrija 85% dos problemas de acessibilidade da Web com 5 etapas fáceis
  • Tabindex: o uso raramente é positivo
  

CSS

• CSS Subgrid News
• Centralização vertical e horizontal de tudo no CSS Flexbox
• Utilitário primeiro CSS :: design de interface incrivelmente rápido para praticamente qualquer design
• Usando o método Grid Shepherd para organizar dados usando CSS
• Compreendendo variáveis ​​CSS
• Sublinhado de texto arredondado em várias linhas
• xstyled - Uma nova maneira de modelar componentes
• Por que preferimos propriedades CSS personalizadas sobre variáveis ​​SASS
• Propriedade de imagem de fundo CSS como antipadrão

Javascript

• API IntersectionObserver e carregamento lento da imagem
• Desenvolvendo um jogo no Svelte 3
• Teste de SEO: indexação de sites JavaScript
• 9 perguntas para conseguir um emprego em desenvolvedor JavaScript
• Anúncio TypeScript 3.5
• Por que ainda estou usando o jQuery em 2019
• A maneira mais rápida de renderizar o DOM

• Teoria:
  • 5 maneiras de converter um valor em uma string em JavaScript
  • JavaScript funcional: cinco maneiras de calcular a média com redução de matriz
  • Implementando variáveis ​​privadas em JavaScript
  

• Reagir:
  • Gerenciando estado com ganchos de reação - sem Redux e API de contexto
  • LogRock: testando através do log
  • Solicitação de API com ganchos de reação, HOC ou prop de renderização
  • Uibook - uma ferramenta de teste visual para componentes React com consultas de mídia
  • Como a Fiber fez reagir significativamente mais rápido
  • React 16 + Three.js, dicas de integração (2019)
  • Reação de digitação (1) - Noções básicas
  • nível de zoom - um plug-in que permite determinar o nível de zoom da página do navegador e de um elemento individual.
  • Retornar nulo de setState no React 16
  

• Angular:
  • Prepare-se: Angular 8 está próximo
  • Ligação bidirecional angular, um pouco mais de compreensão
  • Versão angular 8 - pacotes menores, APIs da CLI e correspondência de ecossistema
  • Angular e RxJS: detecção de vazamento de memória
  • Explorando portais CDK angulares
  

• Ember.js:
  • Ember.js: o documentário (versão russa)
  • Lançamento do Ember 3.10
  • EmberData - transformando decepção em um feriado
  • Componentes dinâmicos no Ember
  

• VueJS:
  • Vue.js e SEO: como otimizar sites responsivos para mecanismos de pesquisa e bots
  • Como criar uma extensão para o Chrome usando o Vue
  • Vue.js atende ao bootstrap: novo projeto Vootstrap introduzido
  • Classes de componentes do Vue rejeitadas
  • tiptap: editor de texto formatado extensível para Vue.js
  

• Libs e plugins:
  Introduziu o Zdog 1.0, um mecanismo pseudo-3D para a Web usando Canvas e SVG
  • atomico - Uma pequena biblioteca para criar interfaces baseadas em componentes da web, usando apenas funções e ganchos.
  • Scene.js - biblioteca JavaScript e CSS animada com base na linha do tempo
  • pickr: uma biblioteca simples e extensível para adicionar seletores de cores, sem dependências do jQuery
  

Navegadores

• Como ativar o tema escuro no Chrome no Android
• O Google continua insistindo em limitar as APIs na demanda em bloqueadores de anúncios
• Uma onda de complementos maliciosos no diretório Firefox, escondidos atrás do Adobe Flash
Introduziu o Firefox Lockwise Password Manager
• Navegador Tor - a primeira versão estável de um navegador anônimo para Android
• No Google Chrome, agora você pode redefinir a localização geográfica para testar sites
• O Google força os usuários do Microsoft Edge Preview a usar o Chrome para obter o desempenho completo do YouTube
• Antes do Netscape: navegadores esquecidos no início dos anos 90

Divertido

• A partir de julho, o Google indexará novos sites em versões para celular
• Tudo o que o Google acompanha sobre você - e como interrompê-lo
• A Microsoft torna o texto para fala mais acessível e lança cursos de treinamento em computação quântica com o Alfabeto X
• Pesar um elefante sem balança: Reed Hoffman sobre entrevistas no Vale do Silício e a importância do treinamento
• Previsões de especialistas: os melhores e os piores cenários do conflito entre a Huawei e os EUA
• A Microsoft descreveu uma visão para o futuro do Windows: atualizações em segundo plano "invisíveis", aplicativos em nuvem e suporte 5G
• Grande limpeza: muitos módulos serão removidos da biblioteca padrão do Python
• WP News: Lançamento do Gutenberg Block Kit na Glitch
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 .