O resumo de materiais frescos do mundo do front-end da última semana n ° 385 (14 a 20 de outubro de 2019)

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

Mídia

• Podcast da Web Standards 198. Sass está vivo, componentes sem JS, novo estilo de redefinição, CSS estranho
• Frontend Weekend Podcast # 98 - Tatyana Smirnova sobre por que se tornar um Devreel e como convencer os desenvolvedores a se apresentarem
• CSSSR Podcast : 512 News - Django 3.0 beta, Python, código aberto, Instagram e uma lista de verificação de engenheiro sênior
• “Devshahta-podcast” # 99: Nastya Kataeva sobre o que o DevRel faz no SKB Kontur
• Reagir Podcast de cinco minutos: Reatom vs MobX
• Podcast “Make Me Beautiful!”: Edição nº 28 - Novamente em monorepositórios, locfiles e HTTP / 3
• Pro Conf # 34: JS Conf EU 2019
• Repozitorro # 31 - Revisão de código - não faz mal
• WSD em Ecaterimburgo, 2019. Gravar transmissão
• Vídeo de Fronteers 2019

Desenvolvimento Web

• Aplicativos Web com aprimoramento cibernético
• Novo no teste de front-end? Comece no topo da pirâmide!
• Verificando números de telefone da Web usando a API do receptor de SMS
• Memórias de Desenvolvimento Web Passado (Christian Heilmann)
• Demonstração da Web criativa Roundup impressionante das demonstrações # 9

• As ferramentas
  • Notas de layout: extensões úteis do Google Chrome em 2019
  • Alias ​​do módulo no Webpack
  • Ferramentas e classificação no JAMstack
  • Novidades do DevTools (Chrome 79)
  

• Desempenho
  • Métricas de desempenho para pesquisar aplicativos da Web incrivelmente rápidos
  • Pré-carregando fontes
  • Awesome Webpack Perf - Uma lista com curadoria de ferramentas e plugins da webpack que ajudam a tornar a web mais rápida
  

• Disponibilidade
  • Componentes inclusivos: seções dobráveis
  • Mitos sobre acessibilidade ao contraste de cores
  • Além dos testes automáticos de acessibilidade: 6 coisas que eu testei em cada um dos meus sites
  

CSS

• Introdução aos módulos Sass
• Como a grade CSS altera a estrutura de conteúdo
• perguntas CSS
• Tamanho aprovado pelo CSSWG para largura e altura de escrita curta
• O incrível mundo dos contadores CSS
• Layouts mais rápidos com CSS Grid (e Subgrid!)
• Tornando as tabelas responsivas com CSS mínimo
• Estilize seu estilo de foco, foco e estado ativo de diferentes maneiras.
• Pare a animação enquanto redimensiona uma janela

Javascript

• Crie construções de sintaxe JavaScript personalizadas usando Babel. Parte 1 , Parte 2
• Web - autenticação javascript, ofuscação e código nativo. Solução de problemas com r0ot-mi -. Cliente Parte 1
• Desenvolvendo com Node.js no Windows. Novo Guia do Blog do desenvolvedor Microsoft para desenvolvimento do Node.js. no novo Windows com WSL 2
• Como falhamos e conseguimos mudar para o TypeScript
• 7 perguntas simples, porém complicadas, sobre entrevistas em JavaScript
• Entendendo os serviços MVC para o front end: VanillaJS
• Devemos renomear o JavaScript?

• Teoria
  • Conceitos errôneos comuns de herança JavaScript
  • Uma história de três pontos em JavaScript
  • Organizando seu código JavaScript usando funções
  • Guia abrangente para operadores, expressões e instruções de JavaScript
  

• Reagir
  • Reagir 17 o que há de novo? O que esperar da nova versão?
  • Eu criei o mesmo aplicativo no Redux e no React. Aqui estão as diferenças.
  • Comparação de 8 maneiras de estilizar componentes no React
  • Introdução ao SVG para React Developers
  • Monitorando a visibilidade do elemento no React
  • Como eu ensinei React
  • Como se tornar um desenvolvedor React em 5 meses
  

• Vue
  • Usando o Vuex Store com TypeScript: Solução compatível com a API Vue 3 Composition
  • Experimentos WebGL e Vue: como animar legendas?
  • Liberação do Vue CLI versão 4
  • Teste de unidade no Vue: seu primeiro teste
  • Aplicativos web rápidos com o Vue 3
  • Como criar um aplicativo do Windows no Vue.js e no Electron
  • [Edição do editor] Codificação ao vivo: a nova API de composição - Vue.js London - Jason Yu
  

• Angular
  • Manipulando várias solicitações de API no Angular usando mergeMap e forkJoin para evitar assinaturas aninhadas
  • Compartilhando dados entre componentes angulares
  • Equipe Angular @ AngularConnect 2019
  
• Ember
  • Introdução aos componentes Glimmer no Ember.js
  • O que há de novo na Ember
  

Navegadores

• Novos indicadores de segurança e a interface about: config serão exibidos no Firefox
• Aprimorando o isolamento entre sites no Chrome
• BSI: Firefox - o navegador mais seguro
• A Apple explicou que o tráfego de usuários do Safari não é transmitido para a empresa chinesa Tencent
• Safari vs paywall
• Novo WebSocket Inspector no Firefox
• Melhorando os elementos de formulário no Microsoft Edge e no Chromium

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 .