O resumo de materiais frescos do mundo do front-end da última semana n ° 336 (22 a 28 de outubro 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

---

Mídia

• O podcast Web Standards, Eventos em Berlim, componentes da Web, PWA na área de trabalho, Styleguidist e JSS, CSS-in-JS.
• Frontend Weekend Podcast # 76 - Ivan Botanov sobre como e por que ele começou a ensinar desenvolvedores angulares
• CSSSR Podcast News 512 - Edição 26 (22/10 - 28/10)
• Podcast Frontend Youth (18+) # 70 Capitão Gancho e o gato
• Radiojs Podcast, Edição 53: Propostas, propostas, propostas ou resultados de workshops
• Devshahta Podcast: # 54: O que ouvir no HolyJS 2018 Moscow
• Vadim Makeev video blog №7. KFC, SVG e base supérflua64, disponibilidade de tipo prejudicial
• JavaScript Jabber 336: “A origem do ESLint” com Nicholas Zakas
• React Podcast # 26: Relaxe e ouça com Brad Frost
• Nó Ucrânia 2018 - conversações , 8 vídeos
• WSD em Kiev, 2018 , gravação de transmissão on-line
• React Conf 2018, 28 vídeos

Desenvolvimento Web

• Arquitetura de front-end de nível superior. Palestra Yandex
• Distribuir e conquistar: layout agora e agora
• Regras pragmáticas de acessibilidade da Web que permanecem em sua mente
• Site típico em 2018 , demonstração irônica, edição codepen , edição site

• Ferramentas:
  • Usando o Inspetor de animação nas ferramentas para desenvolvedores do Chrome
  • 10 truques de console para depuração profissional
  • Webpack anotado 4 Config para desenvolvimento de front-end
  • Siteaudit: audite seu site (Pagespeed, Lighthouse, A11y) diretamente do terminal
  

CSS

• Formas geradas usando gradientes de fundo CSS.
• Crie interfaces proporcionais
• Associe-se ao DNA HTML usando atributos do seletor CSS
• Do comum ao extraordinário, com animações CSS
• Simplifique o estilo com CSS funcional
• Você está usando <em> incorretamente
• Usando o Modo Escuro no CSS com o MacOS Mojave
• Uma lista incompleta de erros de design CSS
• Desafio CSS de 100 dias

Javascript

• ES2018 - finalmente promete método
• API ReportingObserver: uma análise do código das páginas da web sob uma nova perspectiva
• Node.js 11.0 com suporte ao mecanismo V8 7.0 foi lançado
• O estado do JavaScript . Entrevista com Addy Osmani sobre o estado atual do JavaScript na web
• Como reduzir o impacto do JavaScript no tempo de carregamento da sua página
• Como criar marcadores personalizados para o Google Maps usando HTML e CSS, classes e fechamentos ES6
• 3 erros de desempenho do JavaScript que você deve parar de cometer
• GraphQL: História de sucesso do PayPal Checkout
• Jogue Mortal Kombat com TensorFlow.js. Transferir aprendizado e aumento de dados
• A API Intl.RelativeTimeFormat - processando datas e horas relativas ao momento atual

• Teoria:
  • Funções de Currying JavaScript
  • 100 palestras em vídeo sobre programação
  • typeof Tudo e mal-entendidos pato
  • Compreendendo a verificação de tipo com typeof
  • Just About JavaScript: uma introdução honesta a zombaria, stubbing e interfaces
  • Noções básicas sobre funções de alta ordem em JavaScript
  

• Reagir:
  • O que há de novo no React 16.6
  • React 16.6: React.memo () para controle de renderização de componentes funcionais
  • Introdução ao React Hooks
  • Usando o React Profiler for Performance
  • Quebrando o desempenho da reação com o Redux
  • Componentes funcionais puros no React
  • Noções básicas sobre adereços de renderização e HOC
  • Reação funcional. Isso é possível? Aprendendo técnicas de programação funcional no HOC
  • Criando componentes do esqueleto com o React
  

• Angular:
  • Rolagem angular 7 e virtual
  • O Angular v7 saiu, mas o 7.1.0 está a caminho
  • Formas angulares reativas no mundo real
  • Internacionalização em aplicações angulares e de reação - Comparação
  • Isolar roteamento em um aplicativo angular usando as APIs de roteamento HERE
  

• VueJS:
  • Shards dashboard vue
  • Usando mutações do GraphQL no Vue.js
  

• Libs e plugins:
  • pincel preguiçoso - desenho suave de linhas com o mouse, dedo ou qualquer dispositivo com um ponteiro
  • percollate: uma ferramenta de linha de comando que transforma páginas da Web em PDFs formatados
  • IronDB - keystore de backup para o navegador
  

Navegadores

• Firefox 63: nova API de componentes da Web, editor de fontes e supressão de CSS
• O Firefox pode ser monetizado com o complemento de VPN pago incorporado
• O navegador Firefox 63 possui o recurso Enhanced Tracking Protection para aumentar a privacidade na navegação
• A Mozilla integrará uma assinatura ProtonVPN ao Firefox e a um preço mais alto do que diretamente através do site do serviço
• Novidades do Microsoft Edge no Windows 10 Atualização de outubro de 2018

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 .