Resumo de materiais novos do mundo de front-end na última semana # 432 (7 a 13 de setembro de 2020)

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

Mídia     |    Desenvolvimento Web     |    CSS     |    JavaScript     |    Navegadores

meios de comunicação

• Podcast "Padrões da Web" No. 246. Chrome 86, focus, :: marker, font debugging, screen readers, modals, flexes and select

• Frontend Youth (18+) podcast # 154 Keep procedures young

• CSSSR podcast - Frontend optimization, adaptability in 2020, scaling NodeJS, SSH -bait e Figma para desenvolvedores

desenvolvimento web

• Estranhas correções de bugs e estratégias de depuração testadas pelo tempo

• TeX em SVG: uma solução de código aberto para ajudar desenvolvedores da web em projetos educacionais

• O caminho para o GraphQL federado

• Segurança de projetos npm, parte 2

• Você sabe o que é GeoJSON?

• Cross-site Scripting (XSS): Identificação e prevenção

• 5 recursos pouco conhecidos do Chrome DevTools

• Google dissipa mitos de conteúdo popular

• Alterando letras específicas com CSS e JavaScript

• Um guia prático para a API de criptografia da Web

• 
  
  • imagesize imagesrcset
  
  • PRPL : -
  
  • AVIF
  
  •
  
  • Lighthouse
  
  

• 
  
  • Reduced Motion ,
  
  • SEO
  
  •
  
  

• Efeitos
  
  • Como obter animações escritas à mão com traços irregulares usando Traço SVG
  
  • Botões de efeito de confete
  
  

CSS

• Projetando cabeçalhos de site usando CSS Flexbox

• Botões de rádio / caixa de seleção personalizados e acessíveis com alinhamento perfeito

• Parsel: um pequeno analisador seletor CSS

• Como a perspectiva funciona em CSS

• Como criar facilmente gradientes de texto usando CSS.

JavaScript

• TypeScript. Tipos avançados

• Trabalhar com dados inesperados em JavaScript

• Trabalhar com consultas de mídia em JavaScript

• Atualizar a arquitetura DevTools: alternar para módulos JavaScript

• Bússola real em navegadores móveis usando Javascript

• Teoria
  
  • Método de função de ligação DIY
  
  • Introdução ao JavaScript moderno - Proxy
  
  • Noções básicas sobre loop de eventos, retornos de chamada, promessa e Async / Await em JavaScript
  
  • 5 práticas recomendadas de codificação limpa em JavaScript
  
  

• React
  
  • React:
  
  •
  
  • Jotai, React
  
  • React Chrono — React
  
  • React : ,
  
  • Redux
  
  • React
  
  

• Vue
  
  • Vue Teleport — Vue3
  
  • () Ionic Vue Beta
  
  • VueJs
  
  

• Angular
  
  • 3 , CSS Angular
  
  • ControlValueAccessor contenteditable Angular
  
  • Angular Ivy
  
  • rx-query Angular
  
  • State Observables Angular
  
  • Angular 4
  
  

• Ember
  
  • The Ember Times — Issue No. 163
  
  • Embroider
  
  • Parent Model Route Boundaries
  
  

• Svelte
  
  • Svelte JS:
  
  

• Libs e plug-ins
  
  • Computação simbólica em JavaScript usando Math.js
  
  • vanilla-colorful - porta de react -colorful para elementos personalizados vanilla.
  
  

Navegadores

• A Mozilla introduziu novos recursos para promover complementos para o Firefox

• No Chrome começou a incluir anúncios bloqueadores de uso intensivo de recursos

• O pacote npm malicioso roubou arquivos e navegadores Discord

Pedimos desculpas por possíveis erros de digitação ou links corrompidos / duplicados. Se você notar um problema - escreva para um pessoal, estamos tentando corrigi-lo rapidamente.

Resumo da semana passada .

Material preparado dersmoll e alekskorovin .