O resumo de materiais frescos do mundo do front-end da última semana n ° 340 (19 a 25 de novembro de 2018)

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

• Podcast de fim de semana de front-end # 80 - Gordey Levchenko se muda para o Cazaquistão e desenvolve a comunidade de front-end em Astana
• Devshahta Podcast: # 58: UFADEVCONF, Node.js em 2018
• CSSSR Podcast News 512 - Edição nº 30 (19 a 25 de novembro)
• Vadim Makeev video blog 10. Skillbox, otimização gráfica, Squoosh e elemento de imagem

Desenvolvimento Web

• Rumo ao QUIC: O que está por trás do HTTP / 3
• Desenvolva seu navegador a partir do zero. Parte Um: HTML
• Trabalhadores da Web x Trabalhadores do serviço x Worklets
• Por que e como usar imagens da WebP hoje
• Explorando o DOM Shadow
• WebSockets - um mergulho profundo no conceito
• Reescrevendo a História do Git e as Fontes JS para Diversão e Benefício

• Desempenho:
  • Você não precisa de PWA ou AMP para acelerar seus sites
  • Cinco porquês sobre o desempenho do download de fontes da Web
  • Segundo conteúdo significativo: métrica de pior desempenho
  • Fontes rápidas do Google com trabalhadores do Cloudflare
  

• Ferramentas:
  • O JetBrains atualizou o WebStorm IDE para a versão 2018.3
  • Demoboard: uma caixa de proteção on-line para criar demos em JS e Markdown, que importa qualquer pacote com npm. Chega de se preocupar com package.json e node_modules
  • create-yo: use qualquer gerador Yeoman. Não instale.
  

• Acessibilidade:
  • Lei Europeia da Acessibilidade: negociações entre o Parlamento e o Conselho da UE
  • Acessibilidade à mídia: isso é importante?
  

CSS

• Cozinhando CSS Perfeito
• Flexbox Infografia de tecnologia
• Algumas dicas práticas de CSS
• Melhoria progressiva | Regra CSS @supports
• O estado atual da capacidade de estilizar barras de rolagem
• Separadores dentro de <selecionar>
• Esperamos que as exclusões de CSS pareçam flutuadores mais avançados e amigáveis ​​à grade
• Outra explicação do CSS Position Absolute
• Experimentos no modo de escrita CSS
• E novamente sobre a ordem das propriedades em CSS

Javascript

• Análise de mutação ou como testar testes
• 5 recursos do jQuery convertidos em JavaScript nativo
• 10 comandos do console para simplificar a depuração do código JavaScript
• O estado do JavaScript 2018
• A pesquisa State of JS é uma farsa
• Experimentando interfaces do cérebro para o computador em JavaScript
• Introdução à Imba: linguagem DOM compatível com JavaScript o mais rápido possível
• Dart for JavaScript Programmers
• Adicionando um operador de pipeline (pipelines) ao JavaScript
• 7 desculpas para não usar o TypeScript
• htm: Hyperscript Tagged Markup : alternativa JSX usando modelos de tags padrão com suporte ao compilador

• Teoria:
  • Noções básicas sobre memorização em JavaScript para melhor desempenho
  • Copiando tudo em JavaScript: como distinguir entre cópia superficial e profunda
  

• Reagir:
  • Idiomatic Redux: Histórico de implementação React-Redux
  • Como criar uma lista de tarefas com ganchos de reação
  • 5 maneiras de estilizar componentes do React em 2019
  • Reutilização fácil de código com ganchos de reação
  • Como criar um aplicativo de três camadas no React
  • Funcionalidade de reação de ponta a ponta usando componentes de alta ordem, adereços de renderização e ganchos
  • Comércio eletrônico para desenvolvedores de reação [w / Gatsby Tutorial]
  • Estado da reação (com base na pesquisa State of JavaScript 2018)
  • JSX é açúcar sintático
  • React Podcast 29: Não reescreva seu aplicativo para ganchos e suspense com Jared Palmer
  

• VueJS:
  • Vue para desenvolvedores de jQuery
  • Como criar SPA usando Vue.js, Vuex, Vuetify e Firebase
  • Criando infográficos interativos com o Vue.js
  • Digitando Vuex sem TypeScript
  • Baralho interativo de cartas com a capacidade de deslizar para Vue.js e interact.js
  

• Angular:
  • Crie listas interativas com a nova ferramenta Angular 7 Drag and Drop
  • Incrível GraphQL Angular - uma seleção de recursos
  • Tratamento de erros com o Angular 6 - Dicas e práticas recomendadas
  • Pesquisa State of JavaScript 2018 no contexto do Angular
  • Crie modelos pesquisáveis ​​no Angular
  

• Libs e plugins:
  • autoComplete.js - preenchimento automático simples em Javascript puro
  • Fazendo música com magenta.js
  • cms.js: gerador de site do cliente
  

Web espetacular

• Como trabalhar com matriz em filtros SVG
• Efeito de fogo em #codevember
• Efeito de transformação ao mudar os estados dos EUA
• Página interativa orano.group com uma combinação legal de efeitos e funcionalidade
• sites brutais

Navegadores

• O Firefox 65 redesenhará a interface de configuração de bloqueio de conteúdo
• Um ataque aos navegadores foi introduzido, permitindo definir um site em outra guia
• Microsoft e Google estão desenvolvendo uma versão do navegador Chrome para Windows no ARM

Divertido

• Preço humano Black Friday
• Aprendizado de máquina no Google: o que há de novo?
• Sites WordPress são atacados usando a vulnerabilidade do plugin AMP for WP
WWW: JPEG Archive - um conjunto de utilitários para a compressão ideal de fotos
• Mozilla introduziu sistema de síntese de fala LPCNet
• “Bendgate 2”: o novo tablet Apple iPad Pro pode ser facilmente deformado - mesmo em alguns dias de uso típico
• Como aumentar a produtividade - dicas de 9 CEO

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 .