O resumo de materiais frescos do mundo do front-end da última semana n ° 394 (15 a 22 de dezembro 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

Mídia

• CSSSR Podcast, Notícias 512 - V8 8, Vue 3, micronavegadores, RUM, lançamentos e pesquisas de segurança
• UnderJS Podcast # 12 - Denis Radin sobre conferências e WebGL [Tube]
• Podcast Frontend Youth (18+) # 119 Equilíbrio por cima do ombro
• Reagir Podcast de cinco minutos: Effector
• Podcast CSSSR, Remote Talk # 10 - Vitaliy Slobodin, Rostov do Don, JS após C #, PhantomJS, trabalho no GitLab
• MinskCSS Meetup # 7 - 12 de dezembro de 2019

Desenvolvimento Web

• Hacking com Unicode (no exemplo do GitHub)
• 30 Utilitários para ferramentas de desenvolvedor do Firefox
• Como testar e inspecionar rapidamente seu site?
• O que são TDD e BDD nos dedos e o que o front-end sabe sobre eles
• Novo visual experimental CSS-live.ru
• Estado do JavaScript 2019 . Resultados da pesquisa anual do desenvolvedor da Web
• Minha pilha perfeita de 2020: uma nova pilha para uma nova geração
• Adicionando funcionalidade dinâmica e assíncrona aos sites JAMstack
• Chris Coyer: O desenvolvimento da Web hoje é mais fácil ou mais complexo do que há 10 anos?
• A web moderna está se tornando um terreno inutilizável e hostil ao usuário
• Práticas recomendadas para usar trabalhadores de serviço no desenvolvimento
• Roteiro de front-end para 2020 e tendências | O que aprender em 2020?

• Pwa
  • Tudo o que você precisa saber sobre o Progressive Web App (PWA)
  • Como transformar seu site em um aplicativo da web progressivo (com exemplos de código)
  • Como criei meu segundo aplicativo Web progressivo (PWA)
  

• Desempenho
  • Download rápido da página da Web de US $ 20 no telefone
  • Pacote JavaScript para desempenho: práticas recomendadas
  • Desempenho para desenvolvedores. Parte 1: Tipografia
  

CSS

• As 5 principais razões pelas quais eu gosto de propriedades CSS personalizadas
• Modos de escrita CSS de nível 3 se tornaram oficialmente o padrão W3C
• Estilo de RTL 101 - Um guia detalhado sobre o uso de RTL em CSS
• Cor dinâmica baseada em dados usando variáveis ​​JavaScript, HSL e CSS
• <select> seu veneno
• Compreendendo o posicionamento CSS
• 3 recursos CSS pouco usados ​​para aprender em 2020
• Personalização 2020 da caixa de seleção
• Biblioteca de ícones minimalistas CSS
• Escala de tipografia moderna
• Imagens de legendas flexíveis com legendas
• Alinhamento no Flexbox. Cábula visual por margens

Javascript

• Versão V8 v8.0
• Svelte 3 resenha
• Filetagem na Web com trabalhadores do módulo
• Efeitos de rolagem, refração e sombreador com Three.js e React
• Imersão profunda em tipos TypeScript - Parte 2: Ausência de valor
• Uma olhada em todas as 13 armadilhas de proxy JavaScript

• Teoria
  • Introdução aos métodos de matriz JavaScript .map (), .filter () e .reduce ()
  • Cinco maneiras interessantes de usar Array.reduce () (e uma chata)
  • Infinito em JavaScript
  • Casos de uso de void no JavaScript moderno
  

• Reagir
  • O preço oculto das bibliotecas CSS-in-JS nos aplicativos React
  • Por que Svelte não mata Reagir
  • Reagir acordeão de 10 cordas usando tags HTML nativas
  • Duas lições que aprendi ao criar componentes React
  • Como o React me ensinou JavaScript
  • Práticas recomendadas para lidar com formas complexas usando ganchos React
  • Como criar um sistema de gerenciamento de arquivos sem servidor usando o React
  

• Angular
  • 5 coisas que eu gostaria de saber quando comecei a usar o Angular
  • Guia de criação de PWA Angular 8
  • Melhorias angulares 9.0.0 e Ivy
  

• Ember
  • Lançado o Ember 3.15 Octane
  • Octane já está aqui. Detalhes técnicos da versão
  • Os erros mais comuns do Ember.js Octane e como evitá-los
  • Compreendendo modelos no Ember Octane
  • Otimizando seu aplicativo com o EmberData: Parte 1 , Parte 2
  

• Libs e plugins
  • Widget fase da lua
  • Alpine.js - microframework reativo e declarativo para descrever o comportamento do JS na sua marcação
  

Navegadores

• Os desenvolvedores agora podem publicar extensões de borda no Chromium nos complementos do Microsoft Edge
• A atualização do Chrome 79 para Android levou ao desaparecimento desses aplicativos com base no WebView

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

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