O resumo de materiais frescos do mundo do front-end da última semana n ° 379 (2 a 8 de setembro 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 Notícias

---

Mídia

• CSSSR Podcast: News 512 - Chrome 77, Django 3.0, mais sobre ações do Github, CSS Grid Gantt e Apple Presentation
• Podcast “Frontend Youth (18+)”: # 106 Senior sabe o preço do govnokode
• Podcast do fim de semana do front-end # 97 : Vsevolod Rodionov sobre como construir uma carreira de desenvolvimento em vez da carreira de um marinheiro
• Podcast “Devshahta / Night Front End” # 94 : Pavel Malyshev defende e promove o Svelte

Desenvolvimento Web

• Acordeão, perguntas frequentes, spoiler e outros widgets suspensos
• Novos tipos de micromarcação para trechos interativos avançados
• Arquitetura de front-end: círculo intermediário
• A Apple acabou de lançar componentes da Web em produção, e você provavelmente perdeu

• As ferramentas
  • Tema personalizado no Chrome DevTools
  • Novidades do DevTools (Chrome 78)
  • Depuração de TypeScript no DevTools do Firefox
  • Webpack Boilerplate - mínimo Webpack 4 Boilerplate com Sass, ESLint, Hot Module Substituição e otimização de desenvolvimento / produção
  • 5 dicas para o Firefox DevTools - Inspetor de armazenamento
  • Chrome 77 - O que há de novo no DevTools
  • "Ferramentas de globalização - o estado da web". Novo vídeo no canal do desenvolvedor do Google com Andrei Sitnik como convidado
  

• Disponibilidade
  • Componentes inclusivos: mudança de tema
  • Então você está sendo processado por indisponibilidade
  

• Desempenho
  • Recursos do Google PageSpeed: melhor classificação do site e classificação da pesquisa
  • Lista de verificação de auditoria de desempenho da Web
  • Desempenho da Web: Minimizando a conversão de fluxo / layout DOM
  • Por que pré-carrego a fonte, mesmo que não seja necessário
  

• Efeitos
  • Como alterar dinamicamente as cores das imagens do produto usando o CSS Blend Mode e o SVG
  • Configurador para criar efeitos de distorção personalizados no WebGL
  • Seleção criativa de sites inspirados em sites criativos nº 8
  • Como criar o Webcam Audio Visualizer usando o Three.js
  

CSS

• Tudo o que você precisa saber sobre a margem CSS
• Ferramenta para comparar estruturas CSS
• Corte e perda de dados visuais em CSS
• Entendendo a especificidade do CSS
• Usando o PostCSS para automatizar seu fluxo de trabalho
• Vários métodos para expandir um retângulo enquanto mantém o raio da borda
• Meu CSS favorito hack
• Variáveis ​​CSS para IE11: Polyfill real para propriedades personalizadas no IE11
• O que os desenvolvedores de CSS estão fazendo e por que são necessários?

Javascript

• Animação de links na barra do navegador usando JavaScript e emoji
• Os 5 mandamentos do desenvolvedor TypeScript
• Como otimizar seu aplicativo JavaScript com o serviço dos trabalhadores
• O site deve funcionar sem JavaScript?
• Obfuscator caseiro simples do JavaScript
• Como funciona o JavaScript

• Teoria
  • Uso profissional do DOM
  • Como fazer linhas de corte em JavaScript (ES2019)
  • Como acelerar a declaração de propagação em JavaScript
  • JavaScript assíncrono: uma introdução às promessas de JavaScript
  • 8 hábitos a evitar ao desenvolver em Javascript
  • Iteradores e Geradores JavaScript: Iteradores Assíncronos
  

• Reagir
  • 14 dicas para escrever um código de reação limpa: Parte 1 , Parte 2
  • Teste baseado em modelo em reagir com autômatos de estado
  • Por que o React está fazendo isso?
  • Documentação e visualização de componentes ReactJS com JSDoc
  • Adicionando uma barra de progresso e notificações ao seu aplicativo React
  • Migrando do JavaScript para o TypeScript em um projeto React real
  • React Microfrontends e Monorepos: a combinação perfeita
  • Todos os relatórios com React Rally 2019
  

• Vue
  • Passagem de dados para o Vue.js - como funciona?
  • Ganchos no Vue.js versão 3.0
  • Componentes funcionais do Vue.js: o que, por que e quando?
  • Experiência de uso do Vue.js no "Edil": como usar e por que não escolheu React
  • Como trabalhar com o DOM no Vue
  • Carregamento lento de componentes individuais do Vue e de pré-busca
  • Marcadores SVG dinâmicos para o Google Maps no Vue.js
  • Como usar variáveis ​​de ambiente no Vue.js
  • Como usar o Google Maps em aplicativos no Vue.js
  • Vue PWA: um exemplo de aplicativo da Web progressivo com o Nuxt
  

• Angular
  • Guia para iniciantes do GraphQL com Angular e Apollo
  • Dicas de injeção de dependência angular
  • Como usar os criadores de formulários no Angular 8 para validar formulários reativos
  • Compartilhamento de componentes com Angular e Bit
  

• Ember
  • Simultaneidade da brasa
  • Commit Porto '19: Prosperidade através do ciclo publicitário: uma história do Ember.js (Ricardo Mendes)
  

• Libs e plugins
  • A história de como a popular biblioteca JavaScript começou a exibir anúncios no terminal
  • hashids.js - Uma pequena biblioteca JS para gerar identificadores semelhantes ao YouTube a partir de números.
  • O-GL - Estrutura WebGL minimalista
  • espaço-tempo: um utilitário para trabalhar com fusos horários
  • Crie avatares ao vivo (como o Animoji) usando o face-api.js
  

Navegadores

• lançamento do Firefox 69
• A atualização do Firefox reduzirá o consumo de energia dos dispositivos macOS em três vezes
• A Mozilla garante que as atualizações da API WebExtensions não danifiquem os bloqueadores no Firefox
• Mozilla começou a bloquear cookies para rastrear a atividade do usuário no Firefox
• Novo navegador Yandex lançado: músicas, notificações, pesquisa de páginas
• As campanhas publicitárias oferecem uma alternativa aos cookies em meio à proibição da Mozilla no rastreamento de usuários

Divertido

• Deepfake: como as redes neurais tiram celebridades e nos deixam loucos - e quão perigoso é
• Fatores de classificação do Google 2019 - um estudo de Rand Fishkin
• Tipos de aprendizado de máquina
• Em poucas palavras sobre fontes. Parte um
• O Google abriu um código de biblioteca para processamento de dados confidenciais
• A Apple criticou o relatório de vulnerabilidade do iPhone no Google e acusou a empresa de criar a ilusão de ameaça em massa
• Por que não escrever comentários no código?
A.

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 .