Resumo de materiais novos do mundo do front-end na última semana # 436 (5 a 11 de outubro 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

• CSSSR Podcast: CSS Grid no Chrome DevTools 87, Microservices, TypeScript Tricks, Spamtoberfest, VS Code Era

• Web Standards Podcast # 250. Edge em VS Code, Grid Inspector, Gaps and Flexes, Mathematics in CSS, Hacktoberfest, Open Source

• Frontend Yunost podcast # 159: SOLID vs SOLOD

desenvolvimento web

• Criar um favicon para o site 2020

• Usar uma Política de Segurança de Conteúdo (CSP) para proteger aplicativos da web

• Estender as responsabilidades dos desenvolvedores front-end

• A web não foi construída para ter privacidade, mas poderia

• Seu aplicativo de página única agora é um polyfill

• API
  
  • — Event Conversion Measurement API.
  
  • Web Share API
  
  • The File System Access API:
  
  

• 
  
  • Webpack 5
  
  • DevTools (Chrome 86)
  
  • RSLint — JS-, Rust, , .
  
  • npmx — CLI npm
  
  

• 
  
  •
  
  • HTML5 Lazy Loading CSS JavaScript
  
  • Cumulative Layout Shift
  
  • Cumulative Layout Shift
  
  

• 
  
  • :
  
  

• 
  
  • WebGL Curtains.js
  
  • Webgl SLider
  
  

CSS

• Variáveis ​​CSS 101: Um guia abrangente para variáveis ​​CSS com exemplos

• Contadores animados com CSS

• : o foco visível está aqui

• Uma solução CSS Grid elegante para layouts com conteúdo centralizado dividido por uma caixa de largura total

• Guia de formulários HTML / CSS (sem hacks)

• Bons exemplos de transformações 3D em CSS

• Crie um navegador de mídia responsivo com CSS

• Equilibre o eixo com Flexbox

• Flex estranho, mas funcional: gráficos interativos com Flexbox

• grampo () para design responsivo

JavaScript

• Melhores práticas para tratamento de erros em JavaScript moderno

• Estrutura de Javascript para desenvolver aplicativos de negócios

• Tratamento de solicitações de intervalo em um service worker

• Como trabalhar com um elemento de seleção múltipla em JS vanilla

• Como fazer um botão de rolagem discreto

• O que há no futuro para JavaScript?

• O que eu admiro no TypeScript 4.0

• 
  
  • - JavaScript
  
  • - JavaScript:
  
  • JavaScript
  
  • Event Loop Call Stack JavaScript
  
  • JavaScript —
  
  

• React
  
  • MobX, Redux,
  
  • useEffect
  
  • - React (PWA)
  
  • React Hooks:
  
  • JavaScript-less Static SSR Styled Components
  
  • Render React ?
  
  • Figma React
  
  

• Vue
  
  • - Vue.js
  
  • To-Do: Composition API Vuex
  
  

• Angular
  
  • Angular Component Libraries Accessibility
  
  • Inputs & Outputs: Angular
  
  • : Angular
  
  • angular/router: RouterScroller ?
  
  

• Ember
  
  • The Ember Times — Issue No. 165
  
  • in-element Ember.js
  
  • Ember Octane Glimmer Components
  
  • React Ember:
  
  • React Component Ember.js
  
  

• Libs e plug-ins
  
  • ZzFXM - gerador de música Tiny JavaScipt
  
  • meta-fetcher: minúsculo analisador de metadados para um determinado URL
  
  • spotify-api - um empacotador rápido para interagir com api do spotify
  
  

Navegadores

• O Chrome iniciou a ativação do IETF QUIC e HTTP / 3

• Lançamento do Chrome 86

• O Google Chrome continua sendo o navegador mais popular na China

• A Microsoft revelou por que os navegadores no Windows 10 criam tantos processos

• A Microsoft anunciou novos recursos para o Microsoft Edge

• Histórico do navegador da web



← Digestão da semana passada

Material preparado dersmoll e alekskorovin