O resumo de materiais frescos do mundo do front-end da última semana n ° 383 (1 a 6 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 Divertido |

Mídia

• CSSSR Podcast: News 512 - Hacktoberfets, diretivas Vue, TypeScript 3.7 Beta e PostgreSQL 12
• Devshahta Podcast # 96: Objetivos, campos privados e o novo Node.js
• Podcast Devshahta # 97: LongestJS, Painel TC39, HolyJS workshops e workshops leves
• Juventude Frontend (18+) # 110: Compilando o Shavarma
• Repozitorro # 29 - Um erro frequente dos iniciantes

Desenvolvimento Web

• "Alice, vamos para o frontend!"
• A renderização de texto odeia você
• Evolução do Gerenciamento de Conteúdo da Web

• As ferramentas
  • Como abrir um pacote npm com uma implantação normal, IC e demonstração (sem perda de alegria na vida)
  • Coisas que você talvez não saiba sobre o DevTools do Chrome
  • WebHint no Firefox DevTools: compatibilidade melhorada, acessibilidade e muito mais
  

• Desempenho
  • Aceleração instagram.com. Parte 2
  • Otimização de imagem para a Web - Um guia detalhado
  

• Disponibilidade
  • Boa fonte
  • Componentes inclusivos: interfaces com guias
  • Rolagem sem fim e função = problemas de acessibilidade
  • Sara Suidan sobre acessibilidade aplicada: dicas práticas para criar interfaces mais acessíveis (SmashingConf Feiburg 2019)
  

CSS

• Não complique CSS escalável
• Redefinição de CSS moderna
• Sentindo-se atrevida novamente. Postagem no blog Cloudfour sobre como eles pensavam em retornar ao Sass após 4 anos de uso do PostCSS
• Criar um layout de scrapbook usando a grade CSS
• Projete modelos de editor usando Grade CSS e Colunas nomeadas
• Crie uma apresentação de slides com CSS Scroll Snapping
• Por que o CSS é tão estranho?
• Muitas maneiras de vincular formas e imagens com HTML e CSS
• Layouts interessantes com CSS Grid
• Tentando descobrir o suporte a CSS no Gmail (a partir de 2019)

Javascript

• Criar PWA usando o Vanilla JavaScript
• Não use variáveis ​​JavaScript sem entender a zona morta temporária
• RE: Dor e lágrimas em Svelte 3
• Execução de código JavaScript através de import ()

• Lançamentos
  • TensorFlow 2.0 lançado com APIs redesenhadas e desempenho aprimorado
  • O TensorFlow 2.0 já está disponível!
  • Pré-reativo X - nova versão do pré-reativo com DOM Virtuoso e Fragmentos de Suspense
  • Versão do Nuxt v2.10.0
  • Anúncio do TypeScript 3.7 Beta
  • Seja atualizado! O Node.js 8 não é suportado desde 2020
  

• Teoria
  • Uma observação sobre o nulo em JavaScript e TypeScript
  • Dois casos de uso excepcionais para o operador de propagação dos quais você pode não estar ciente
  • Funções de ordem superior e seu uso em javascript
  • Detalhes sobre o método filter () em JavaScript
  • Por que prefiro objetos em vez de instruções switch
  • Mapa, Redução e Filtro JavaScript - explicação com exemplos
  • Como verificar um número em JavaScript
  

• Reagir
  • Guia de Reação do Framer
  • Gerenciamento de estado minimalista (React)
  • Animações usando ganchos de reação e GreenSock
  • Melhore o desempenho do aplicativo React + Redux com a seleção da biblioteca de novo
  • Novos recursos no React 16.9.0
  • Demonstrando componentes de reação reativa em formulários
  • Reagir VS Vue: o que escolher para 2020?
  • Criei exatamente o mesmo aplicativo no React e no Vue. Aqui estão as diferenças. [Versão 2019]
  • Versão Create-react-app v3.2.0
  

• Vue
  • 15 diretivas Vue necessárias que aumentarão significativamente sua produtividade
  • vue-next (Vue 3 Pre-Alpha): os desenvolvedores alcançaram a maioria dos objetivos arquitetônicos e os novos recursos planejados para a v3
  • Vue 3 - uma revisão das informações disponíveis na nova versão do Vue.js
  • Como melhorar o desempenho da loja vuex
  • Construindo um aplicativo Web Vue com base em classes com autenticação Firebase
  • Teste de unidade no Vue: o que testar?
  • Como criar um aplicativo de calendário usando o Vue
  • Compilação Nuxt 10x mais rápida no Netlify
  

• Angular
  • Meu ano de refatoração de um projeto em grande escala no AngularJS ...
  • Animando elementos da interface do usuário em Angular # 1 , # 2
  • Angular - todos os relatórios desde AngularConnect 2019
  

• Ember
  • Sistema de injeção de dependência no Ember.js
  • Peças de xadrez animadas com brasas animadas
  • “A evolução do Ember.js na Intercom”, - Gavin Joyce na JSDayIE 2019
  • EmberCamp Chicago 2019
  

• Libs e plugins
  • Uma história sobre como resolver o problema de desempenho do Moment.js
  • timequeue.js - Uma fila com simultaneidade personalizada e um limite de tempo.
  • Móvel é Arrastável, Redimensionável, Escalável, Rotável, Warpable, Pinchable, Groupable, Snappable
  

Navegadores

• O Google Chrome bloqueará todo o conteúdo misto
• Nas versões noturnas do Firefox, é proposto um design modernizado da barra de endereços
• Boicote HTTP total. O Google Chrome em breve, por padrão, bloqueia todo o conteúdo misto

Divertido

• Google: o mapa do site HTML não é necessário em termos de SEO
• Google: títulos H1 são úteis, mas não críticos
• Mozilla vence processo de neutralidade da rede
• Satya Nadella: o Windows não é mais uma área importante para nós
• Por que o Windows não é mais a prioridade da Microsoft. The Verge Analysis
• WSJ: Visa, Mastercard e outras empresas pensaram em abandonar o projeto de criptomoeda Libra do Facebook

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 .