Resumo de materiais novos do mundo do front-end na última semana # 426 (27 de julho a 2 de agosto de 2020)

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

Mídia     |    Desenvolvimento Web     |    CSS     |    JavaScript

meios de comunicação

• Podcast "Frontend Youth (18+)" # 148: Vue, React, Svelte, Typescript, PWA

• Podcast CSSSR: Vue 3 RC, versões NodeJS, Svelte + TS, TSDX, V8 8.5, JS do futuro, resultados de pesquisa de JetBrains

• Podcast de Make Me Pretty Issue # 39: Hello Svelte! Tchau moment.js!

desenvolvimento web

• Interrompa a codificação dupla ou a comunicação bidirecional entre o design e o código

• Armazenamento local ou cookies? Armazenar JWTs com segurança no cliente

• Sobre a função do desenvolvedor front-end

• Mudanças futuras no WordPress 5.5 que os desenvolvedores de tema devem conhecer

• Preparação para indexação mobile-first - com tempo adicional em mente

• Renascimento sem código para desenvolvedores web

• isto versus aquilo : Explicando a diferença entre conceitos semelhantes no desenvolvimento da Web

• Visualizando o trabalho do CORS

• PWA
  
  • PWA
  
  • PWA Google, 1
  
  • , - , W3C: 5
  
  

• 
  
  • Lock- npm
  
  • Chrome DevTools 2020
  
  • Webpack:
  
  

• 
  
  •
  
  • HTML-
  
  

CSS

• Inovações CSS - julho de 2020 (Gap, Aspect Ratio, Masonry, Subgrid)

• CSS e fundos múltiplos

• Comparação visual de 13 estruturas CSS

• Gerador de tema de cores

• Aproveitando ao máximo as fontes variáveis ​​no Google Fonts

• Análise CSS com CSS OM: Obtendo as propriedades suportadas, abreviações e outros detalhes

• Plug-in PostCSS para corrigir o bug de 100vh no iOS

• O que significa 100% em CSS?

• Vários quadrinhos CSS

• Usando CSS para detectar e alternar temas do site de acordo com as configurações do sistema

• Quer melhorar sua codificação? Ensine CSS a alguém.

• Texto em negrito ao pairar ... sem mudança de conteúdo

• Por que o layout de grade CSS não substitui a grade da estrutura

JavaScript

• Escrevendo nosso servidor WebSocket gratuito em Node.js

• style9: compilador CSS-in-JS baseado em ideias stylex do Facebook

• Incorporação de JavaScript moderno em bibliotecas

• Pare de duplicar constantes em JS e CSS

• Desenvolva e implante micro-frontend com Single -Spa

• 
  
  •
  
  • JavaScript
  
  • ?
  
  • Javascript 1 , 2
  
  

• React
  
  • React: 50
  
  • React, 4: Cypress Cypress Testing Library
  
  • React Query
  
  • React Guitar — React.
  
  • reactivue — API Vue Composition React
  
  

• Vue
  
  • Vue.js , 7:
  
  • Vue.js , 8:
  
  • Vue 3 RC!
  
  • React Vue. . [ 2020 ]
  
  

• Angular
  
  • Angular
  
  • Angular Language Service Visual Studio
  
  • Blogit — AngularJS + Github
  
  • 10 Angular,
  
  • 15 Angular
  
  • 11 , NGXS Angular
  
  

• Ember
  
  • Ember 3.20
  
  • The Ember Times — Issue No. 158
  
  • ember-csz: CSS-in-JS Ember
  
  • Ember Octane:
  
  

• Libs & Plugins
  
  • tinykeys — (~ 400 B)
  
  • moment-guess —
  
  • svelthree — Svelte three.js
  
  

• O Chrome (quase) demoliu uma extensão em que estávamos trabalhando há três anos e não quer falar sobre o quê

• Lançamento do Firefox 79 , detalhes para desenvolvedores da web de Marat Tanalin

• Navegadores protegidos: escolhendo o melhor

• Novo navegador Microsoft Edge travou, se o Google foi instalado por padrão nele

• A versão Android do Chrome permitirá que você confirme os pagamentos usando autenticação biométrica

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

Resumo da semana passada .

Material preparado dersmoll e alekskorovin .