O resumo de materiais frescos do mundo do front-end da última semana n ° 417 (25 a 31 de maio de 2020)

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     |    

meios de comunicação

• Podcast “Five Minutes React”: ReasonML em 2020
• UnderJS Podcast # 22 - GitLab, GraphQL, Vue3 com Natalia Teplukhina [Lamp]
• Podcast CSSSR “Argumentarium”: Svelte e as três grandes estruturas JS
• Pro Conf # 64: ReactEurope 2020 - Substituição do Facebook Redux | Gatsby rápido | Reagir nativo para a Web | Next.js
• Links para todos os slides e vídeos do ngVikings 2020
• Jamstack conf virtual 2020

desenvolvimento web

• Por que a UE erradica as paredes de cookies
? Como proteger seu site?
• Tipografia para a web
• A última edição da revista Increment, dedicada ao frontend. Artigos tópicos de estrelas do setor - Chris Coyer, Lea Verou, Evan Você e outros
• Guia de sintaxe de imagem em HTML adaptável
• Os maiores escândalos do NPM
• Exemplo de uso da API Wake Lock: aumento de 300% nos indicadores de intenção de compra no BettyCrocker.com
• htmx - poderosas ferramentas HTML para acessar eventos AJAX, WebSockets e enviados pelo servidor diretamente em HTML usando atributos
• O design responsivo da Web tem dez anos.
• # 20 HTMHell especial: botões de fechamento. Padrões e antipadrões de implementação de botões de fechamento
• Uso de dados estruturados para melhorar a otimização do mecanismo de pesquisa

• Ferramentas
  • Putout: um linter de nova geração
  • Testes locais no iPhone
  • Familiaridade com ferramentas de desenvolvedor no Chrome e Firefox
  • Converta gulpfile.js v3 básico em gulpfile versão v4
  

• Desempenho
  • 10 maneiras de melhorar a velocidade da página
  • Impedir o layout e o deslocamento instantâneo do texto invisível (FOIT), pré-carregando fontes adicionais
  • Ferramentas essenciais de medição de sinais vitais da Web
  

CSS

• Pergunta ao especialista: por que o CSS é tão ... o que é?
• Guia do usuário de variáveis ​​CSS
• Tailblocks - blocos CSS prontos para uso para Tailwind
• Sobre elementos e planos de fundo fixos
• Primeiro observe a proporção da imagem
• Aqui está o que eu não sabia sobre “conteúdo”
• A gama de cores em expansão na Web
• Criando gradientes adicionais usando filtros CSS
• Ferramenta CLI para criar layouts de Grade CSS

Javascript

• Inovações do ES2020 de que realmente gosto
• Sobre o aprimoramento diário do programador JavaScript
• O efeito da mudança realista de página no JS
• O que é o Deno e ele substituirá o Node.js.?
• Uma visão geral do JavaScript
• 5 principais razões pelas quais os desenvolvedores Javascript preferem o Deno ao invés do Node
• Rascunho básico da Web de páginas da Web usando JavaScript com Node.js + Apresentador de marionetes
• ECMAScript 4: versão ausente

• 
  • JavaScript
  • JavaScript?
  • JavaScript-. 3
  • 10 JavaScript
  • — JavaScript
  • JavaScript: , Console.log?
  • Cache API JavaScript
  

• React
  • React. 2: UseState, UseEffect
  • , Concurrent Mode React 2020
  • React
  • React Redux CRM
  

• Vue
  • : Vue 3
  • Vue.js /
  • Typescript VueJS 2.6+
  

• Angular
  • Angular Pug
  • Angular
  • Angular: The Unexpected
  • TDD Angular —
  

• Ember
  • The Ember Times — Issue No. 150
  • Empress-blog Netlify CMS
  

• Svelte
  • Svelte ?
  • , Svelte, JavaScript
  • Svelte
  

• Libs & Plugins
  • Alpine.js
  • Rough Notation — JavaScript
  • Fluor.js — JS , .
  • ac-colors — JS RGB, HSL, HEX, XYZ, LAB, LCHab, LUV LCHuv,
  • Motionia — .
  

• Como a Microsoft torna o Edge um navegador melhor para o PWA
• Os navegadores não estão processando mecanismos
• Chrome 84 Beta: OTP da Web, animações da Web, avaliações de novas origens e muito mais
• O Chrome 84 ativará a proteção contra notificações irritantes por padrão

Divertido

• Microsoft está desenvolvendo um novo gerenciador de pacotes abertos Winget
• A depreciação do AddTrust certificado raiz caiu em sistemas com OpenSSL e GnuTLS
• O local mais pesquisado na Internet (ver por si mesmo, abrindo o console)
• Curiosidade: Dragão interface funciona 2 controle sobre o crómio e JavaScript
• Pesquisa de desenvolvedor do Stackoverflow 2020: pesquisa anual de desenvolvedores

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 dersmoll e alekskorovin .