O resumo de materiais frescos do mundo da interface da última semana n ° 377 (19 a 25 de agosto 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

• CSSSR Podcast : News 512 - RoR 6, módulos JS nativos, API Vue Composition, animação e carregamento de imagens de otimização
• Podcast de fim de semana de front-end, controle remoto nº 1 : Nikita Dubko (conferências, síndrome do impostor, relatórios)
• Devschacht Podcast # 91 : Artigos muito curtos e REST vs. GraphQL
• Podcast “devschacht” # 92 : Sobre fita isolante e fita adesiva
• Podcast “Make Me Beautiful”, Edição nº 23 : Away Sergey Frolov e Sergey Rubanov - Conferências de Tubos, Desenvolvimento 10x e WebAssembly
• SPA Meetup # 5 em Avito

Desenvolvimento Web

• Agora você pode adicionar JavaScript personalizado às páginas AMP
• O que o HTML6 (padrão de vida) realmente precisa
• HTML opcional: tudo o que você precisa saber

• Desempenho:
  • Carregamento de imagem mais rápido com visualização de imagem integrada
  • Usando rel = ”preconnect” para conectividade e desempenho de rede iniciais
  

• Ferramentas:
  • Como fazer amigos para um designer, designer de layout e “Figma” usando um sistema de design, pé de cabra e algum tipo de mãe
  • Anúncio do NodeGUI e React NodeGUI - criando aplicativos de desktop personalizados usando JavaScript e CSS
  

• API:
  • Converter texto em fala em um navegador usando a Web Speech API
  • API do sistema de arquivos nativo: simplificando o acesso aos arquivos locais
  

• Acessibilidade:
  • O que aprendi sobre acessibilidade no Tumblr
  • Os 5 principais recursos de acessibilidade da Web
  • Relatório da ADA sobre acessibilidade à Web e aplicativos . "O número de ações movidas nos tribunais federais em relação à disponibilidade de sites e aplicativos é atualmente de uma por hora, ou seja, 8 por dia, 40 por semana, e espera-se que mais de 2.000 ações sejam reexaminadas este ano".
  

• Prática:
  • Tic Tac Toe para múltiplos usuários usando o GraphQL
  • Como criar um jogo multiplayer em tempo real com VR (parte 1)
  • Crie um favicon animado
  
  

CSS

• De onde vieram os nomes das cores no CSS?
• Lista das melhores bibliotecas CSS no frontend
• Como ver os estilos de impressão aplicados diretamente no navegador?
• Elemento de rejeição CSS
• CSS pode fazer isso ... E é horrível!

Javascript

• Inovações em JavaScript: Resultados do Google I / O 2019: Parte 1 , Parte 2
• Módulos de injeção de dependência, JavaScript e ES6
• Esta palavra-chave em JavaScript. Manual completo *
• Trabalhando com iteração assíncrona no ECMAScript 2019 usando for-of
• Use as funções de gerador de JavaScript para reduzir o uso de memória
• Usando módulos JavaScript nativos na produção
• Debouncing e Throttling em JavaScript
• JS: o que aprender a se tornar um Senior

• Reagir:
  • Reagir: Criando um componente de FAQ acessível
  • 5 dicas para evitar reagir armadilhas de ganchos
  • Localização com React
  • Usando requestAnimationFrame com ganchos de reação
  • Teste moderno de reação, parte 2: Jest e enzima
  • Estado semântico JSX
  

• VueJS:
  • Qual é a diferença entre objetos e dados no Vue. js
  • Como carregar facilmente imagens dinâmicas no Vue e Nuxt
  • Roteador Vue.js de desempenho
  • Como usar o Vuetify no Vue.js
  • Evite violar os princípios do SOLID nos aplicativos VueJS
  

• Angular:
  • Noções básicas de layout em Angular com Redux e Nx. Parte 1. Cabeçalho do Layout e Navbar.
  • 7 maneiras de tornar seu aplicativo Angular mais acessível
  • Pesquisa angular e paginação
  • Por que você nunca deve usar chamadas de função em expressões de modelo angular
  

• Brasa:
  • Ember.js e React.js: comparando alguns recursos avançados
  • O Atlas de brasas - um local para brasas: processos, práticas recomendadas, guias de atualização e muito mais
  • Criando um aplicativo Electron usando o Ember JS
  • Commit Porto '19: Prosperidade no ciclo da campanha publicitária: uma história do Ember.js (Ricardo Mendes)
  

Navegadores

• Microsoft Edge Insider: comece a testar as "Coleções", contas de trabalho e outras melhorias
• No Firefox, Chrome e Safari, o "certificado nacional" introduzido no Cazaquistão é bloqueado

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 .