O resumo de materiais frescos do mundo do front-end da última semana n ° 388 (4 a 10 de novembro de 2019)

Chamamos a 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

• Frontend Youth Podcast: # 114 Lançamento quente com Dan Abramov
• CSSSR Podcast: News 512 - TypeScript 3.7, Modo de reação simultânea, API GraphQL, Gitlab e Geopolítica
• Repozitorro # 33 - A revisão de layout mais completa

Desenvolvimento Web

• Por que usar CSS e JS de terceiros em seu site é perigoso
• Transforme seu aplicativo existente em um aplicativo da web progressivo
• As 5 principais dicas para criar aplicativos seguros (Web)
• Apple está tentando matar a tecnologia web
• GraphQL: O Documentário (versão em russo)

• As ferramentas
  • Hipocrisia google. PageSpeed ​​Insights
  • Prettier 1.19: a tão esperada opção Vue, TypeScript 3.7 e novos recursos JavaScript
  • Como otimizar totalmente o Webpack 4 Tree Shaking
  

• Desempenho
  • "Chacal": espreme o frontend
  • Carregamento de script moderno
  • Por que o teste de carga e o desempenho devem ir além do tempo de resposta do teste
  • Otimização de imagem para usuários com pouca rede
  

• Disponibilidade
  • Diferencie os estilos de apontar, foco e estado ativo.
  • Além dos testes automatizados de acessibilidade: seis coisas que verifico em cada um dos meus sites
  • O que aprendi sobre a acessibilidade do SPA
  • ária-label não é traduzida
  • Como a acessibilidade está se tornando cada vez mais importante no desenvolvimento web
  

CSS

• Existem números aleatórios em CSS?
• Melhore seu CSS com esses 5 princípios.
• Não complique CSS escalável
• Variáveis ​​CSS com estilos embutidos
• Algumas coisas que você deve saber ao trabalhar com unidades de viewport
• Mostrar o botão de pesquisa quando o campo de pesquisa não estiver vazio
• Tutorial da grade de CSS: 13 dicas e truques que um desenvolvedor web deve saber
• O poder dos processadores CSS no desenvolvimento de aplicativos da web
• Sintaxe com dois valores de exibição (e às vezes com três)
• Truque de animação de pontos na letra "i"
• 8 filtros CSS para imagens com código de amostra
• PureCSS Lace : recrie um retrato em CSS puro

Javascript

• Digitando API REST para desenvolvedor frontend
• Axios vs Fetch - o que usar em 2019
• Práticas recomendadas Node.js
• Próximos novos recursos de JavaScript que você deve conhecer se você usar JavaScript todos os dias

• Teoria
  • Programação funcional do ponto de vista do EcmaScript. Funções puras, lambdas, imunidade
  • Ambiente Lexical e fechamentos em EcmaScript
  • Até as crianças entenderão: uma explicação simples de assíncrono / espera e promessas em JavaScript
  • Como a herança de protótipo é diferente da herança clássica?
  • O que são geradores em JavaScript
  • O que é super () em JavaScript?
  • Quebrar correntes com pipelines no JavaScript moderno
  • Atributos da propriedade JavaScript
  

• Reagir
  • Usando i18n com Next.js e API de contexto React
  • Consulta ao React - Ganchos para recuperar, armazenar em cache e atualizar dados assíncronos no React
  • Métodos de ciclo de vida, ganchos, expectativas: quais são as melhores escolhas no React?
  • 3 maneiras de criar sua própria biblioteca de componentes no React
  • Experimentando o novo modo simultâneo do React
  • 39 Respostas à entrevista de emprego com reação avançada que você deve esclarecer hoje
  

• Vue
  • Pronto para a produção Vue SSR: 5 etapas fáceis
  • Enraizamento automático em aplicativos no Vue.js
  • Manipulação de formulário no Vue.js
  

• Angular
  • Atributos completos e diretivas estruturais em Angular
  • O Google Maps agora é um componente do Angular
  • 26 melhores perguntas em uma entrevista do Angular 8 em 2020
  

• Ember
  • Suporte de ângulo de chamada para componentes aninhados (3.10)
  • EmberFest 2019
  

• Libs e plugins
  • hybrids.js - componentes da web declarativos e funcionais
  • tenko - analisador JavaScript ES2020 compatível com 100% da especificação, escrito em JS
  • Proton: Animação Leve de Partículas JS Library
  • cashify: biblioteca de conversão de moedas, sucessor de money.js.
  

Navegadores

• Nas versões noturnas do Firefox, apareceu suporte para HTTP / 3
• A versão de lançamento do Microsoft Edge no Chromium será fornecida sem suporte a ARM64, sincronização de histórico e extensões
• No próximo ano, Firefox e Chrome começarão a ocultar notificações pop-up
• Preparando seus sites para o novo Microsoft Edge

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