O resumo de materiais frescos do mundo do front-end nas últimas duas semanas n ° 323 (8 a 22 de julho 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 "Web Standards", Edição No. 130: Classes inconvenientes e qualquer JS, manifesto em tempo real, grades com erros, aterrissagem ruim de bom SRI , Edição No. 129: Vírus em npm, por que Feature Policy, caso em Atom, código morto, separação responsabilidade, flecha ou dedo
• Podcast do Frontend Weekend: # 62 - Andrei Sitnik sobre se mudar para Nova York, viajar e pornô no Twitter , # 61 - Andrei Melikhov sobre trabalhar para a Yandex.Money, Night Frontend e assumir o poder no devSchacht
• Podcast “Devshahta / Night Front End”: # 42 - CI / CD de automação , # 41 - Procurando uma boa revisão de código
• Podcast Frontend Youth (18+) # 56 Comunidade tóxica
• CSSSR Podcast News 512 - Edição 15 (16 a 22 de julho)

Desenvolvimento Web

• O que um desenvolvedor web deve se lembrar de fazer SEO-Feng Shui
• Extensões para o Visual Studio Code que levarão o processo de desenvolvimento para um novo nível
• Componentes da Web em 2018
• Santo Graal de componentes reutilizáveis: elementos personalizados, DOM de sombra e NPM
• Detalhes da criação da interface da web do Google Fotos
• Anatomia de scripts maliciosos: como um site pode dominar seu navegador
• Acessibilidade para equipes - um guia rápido para integrar práticas de acessibilidade e inclusão ao processo de desenvolvimento da equipe
• O futuro do WebAssembly - Um olhar sobre os próximos recursos e sugestões
• Animando SVG com SVGator

• Desempenho:
  • Avaliação de desempenho com o modelo RAIL, metas e diretrizes do Google para criar páginas rápidas (atualizado em 2018)
  • Criando uma cultura de produtividade em sua equipe
  • O que são profissionais de serviço e como eles podem melhorar a produtividade
  • Como a otimização de imagem reduziu o peso da página em 62%
  • Lista de verificação de desempenho de front-end
  

• PWA / AMP:
  • PWACompat: manifesto do aplicativo da Web para todos os navegadores
  • Pinterest: PWA retrospectiva para o ano
  • Acompanhe o desenvolvimento do AMP no novo painel do AMP Roadmap com filtros e categorias
  • PWA para WordPress , o plugin oficial
  

CSS

• Da direita para a esquerda. Como ativar a interface do site em RTL
• API de pintura CSS
• CSS: um novo tipo de JavaScript
• CSS CSS de química
• Guia completo do Flexbox ilustrado
• Os 9 maiores erros do CSS Grid
• DSS - versão final da primeira versão beta do Deterministic Style Sheets, um análogo de módulos CSS com compilação automática em classes CSS atômicas para pequenos pacotes
• Coisas estranhas que fontes variáveis ​​podem fazer
• Como corrigir problemas de layout CSS?
• Coisas úteis que você pode fazer com eventos de ponteiro CSS
• Devo usar a versão IE do Grid Layout em 2018?
• Eu tentei CSS funcional e é uma merda
• Como melhorar a escrita de CSS

Javascript

• Comparação de estruturas JS: React, Vue e Hyperapp , Re: “Comparação de estruturas JS: React, Vue e Hyperapp”
• JavaScript ES6: Fraquezas
• Metaprogramação JavaScript
• 15 métodos de elementos HTML dos quais você provavelmente nunca ouviu falar
Matriz de Competências Fullstack JS Developer
• Introdução à API JavaScript MutationObserver
• Javascript ES6 - Você realmente não precisa aprender geradores
• Anúncio TypeScript 3.0 RC

• VueJS:
  • Como criar componentes Vue, como um profissional
  • Vue-UI - primeiro olhar
  • Carta de amor para Vue
  • Curso gratuito para aprender o Vue.js
  • Criando um componente Vue “sem renderização”
  • A melhor explicação para a reatividade do JS
  

• Reagir:
  • O caminho para aprender a reagir . Sua jornada para dominar o React usual, mas pragmático. Tradução de um livro popular para o russo
  • Noções básicas sobre JavaScript antes de aprender a reagir
  • Styling React Components
  • Crie facilmente animações de interface do usuário complexas no React
  • Quão rápido você pode aprender a reagir?
  

• Angular:
  • O que há de novo no Akita for Angular: adicionamos os recursos mais solicitados
  • Melhorando o desempenho angular de aplicativos com detecção local de alterações
  • Você não conhece o Angular - Guia de projeção angular
  

• Libs e plugins:
  • Como criar um painel de controle moderno no NVD3.js
  • coolHue - uma ferramenta para selecionar gradientes e criar suas próprias paletas
  • draxt - pacote semelhante ao NodeList / jQuery para sistema de arquivos (node.js)
  • O Popbox.js é um pequeno plug-in para criar janelas modais em camadas. Plugin sem dependências e totalmente personalizável
  • Pushbar.js é um pequeno plugin para criar painéis de saída em aplicativos da web.
  

Navegadores

• O WebRender foi adicionado às versões noturnas do Firefox, usando a GPU para renderizar páginas da web.
• O projeto Browsh está desenvolvendo um navegador de console baseado no Firefox
• As versões do Firefox ASan começaram a identificar problemas de memória
• Três novos recursos interessantes no Chrome DevTools

Divertido

• Tanto conhecimento, tão pouco tempo
• Seja um especialista multidisciplinar, mas se anuncie como especialista em uma área
• Velocidade do Linux no Windows 10 . Ode ao terminal bash no Windows Subsystem para Linux.
• 6 abordagens para priorizar tarefas. Experimente o Readdle, MacPaw, Grammarly e EduNav
• Google, Microsoft, Twitter e Facebook montam um projeto de portabilidade de dados
• O software malicioso que copia parâmetros de autenticação foi introduzido no popular módulo NPM
• Algoritmos salvam pessoas: como um algoritmo correspondente salva vidas
• Intel falou sobre suas 10 principais conquistas em 50 anos
• A Check Point apresentou uma análise das ameaças cibernéticas no primeiro semestre de 2018: crescimento duplo de mineradores de criptografia e uma mudança no vetor de ataques às nuvens
• AMD, Microsoft, NVIDIA, Oculus e Valve estão desenvolvendo o padrão VirtualLink, que permitirá conectar capacetes VR a um PC usando um único cabo USB-C
• Padrão escuro: como os serviços da Web fazem os usuários cometerem erros em suas ações
• Como o cego usa o iPhone, MacBook e Apple Watch
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