O resumo de materiais frescos do mundo do front-end da última semana n ° 317 (28 de maio a 3 de junho 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. 123: YaC e WWDC, novos itens do Chrome, Edge e Firefox, hackers de aninhamento, calc e CSS, como escrever código rapidamente, fontes variáveis, aguardar e módulos ES, existe um animal de estocagem completa, Yandex Desembarques.
• Frontend Weekend Podcast # 55 - Nikita Prokopov em ClojureScript, blogando e criando sua própria fonte
• Podcast “devschacht”: Front -end noturno nº 35 - RIT ++
• Frontend Youth (18+) podcast # 50 Mitos sobre configuração zero
• CSSSR Podcast: News 512 - Edição 8 (28/05 - 06/03)
• “ALL YOUR HTML” # 51: “Partículas conectadas em 3D”

Desenvolvimento Web

• Novos lançamentos: GSAP 2.0 , WordPress 15 , Anúncio Lighthouse 3.0 , Material-UI v1 , Jest 23 , Anúncio TypeScript 2.9
• Por que o desenvolvimento de front-end é tão instável?
• Culto à complexidade . Nota crítica de Jeffrey Zeldman sobre o estado atual do desenvolvimento da Web
• Crie uma imagem responsiva . Como criar um logotipo que corresponda à proporção
• 9 segredos surpreendentes do PWA
• Indicadores de Foco Disponíveis: Aspectos Específicos

• Desempenho:
  • prerender-loader! - pré-renderização universal para Webpack. Melhora a primeira pintura, geralmente mesmo sem alterar o código
  • O que é Dicas de Cliente e vale a pena usar?
  • Reduzindo o tamanho da imagem com amostragem de cores
  

• Ferramentas:
  • No fio e nas costas (às npm) novamente
  • Chrome 67 - o que há de novo no DevTools
  • Três etapas para implantar aplicativos Webpack no Heroku
  

CSS

• Álgebra em calc (), a nova especificidade dos seletores de nível 4 e outras inovações de CSS de maio
• Onde tudo é complicado com quebras de linha. Aqui estão todos os truques CSS e HTML para isso.
• Explique o Z-index: como posicionar elementos usando CSS
• Resolvendo problemas de vida com CSS
• critters - plugin Webpack para embutir CSS crítico e carregamento lento para o resto
• Como o CSS funciona: Compreendendo a cascata
• Estado de mudança de gradiente usando transições e animações CSS
• HSL () / HSLa () são ótimos para controle de cores de software

Javascript

Métodos úteis de matrizes e objetos em JavaScript
• #SmooshGate FAQ
• Propriedades do JavaScript moderno que você deve usar todos os dias para melhorar o desenvolvimento e quais problemas eles resolvem
• Práticas recomendadas para usar a sintaxe moderna do JavaScript
• Capturando e relatando erros de JavaScript usando window.onerror

• ES2015 +:
  • O que há de novo no ES2017: Recursos assíncronos, objetos aprimorados e muito mais
  • ES6 (ES2015) e Depois: Entendendo a Versão do JavaScript
  • ES6 em ação: literais de objetos aprimorados
  • Controle de fluxo no JS moderno: retornos de chamada para promessas para assíncrono / espera
  

• VueJS:
  • Construindo aplicativos modernos com Django e Vue.js
  • Gráficos em tempo real com Vue.js
  • Melhores recursos para aprender o Vue.js em 2018
  • Do VanillaJS ao Vue.js: uma história de refatoração
  

• Reagir:
  • Vamos nos apaixonar por React Fiber
  • O Reach Router é um novo roteador com ênfase na acessibilidade. Visão geral rápida de recursos e uso
  • Guia Next.js: SPA de comércio eletrônico com reação favorável ao SEO
  • react-ideal-image - um componente React quase perfeito para imagens
  • As lições mais importantes que aprendi após um ano trabalhando com o React
  • Entendendo o Redux: o guia para iniciantes mais fácil do mundo
  • Gerenciando o estado do aplicativo em React with Unstated
  

• Angular:
  • NgRx - Práticas recomendadas para aplicativos corporativos em Angular
  • Angular + Redux - a lição que aprendemos para você
  • 44 dicas rápidas para o desempenho do ajuste fino no Angular
  

• Libs e plugins:
  • proppyjs - Uma pequena biblioteca JS para a composição funcional de adereços. Suporta ReactJS, VueJS, PreactJS e ReactiveX
  • 11 bibliotecas Javascript que você deve conhecer em 2018
  • minipack é um exemplo simplificado de compiladores modulares modernos escritos em JS
  

Navegadores

• Versão do navegador Chrome 67
• O Firefox 63 apresentará um bloqueador de scripts de mineração de criptomoeda
• Vulnerabilidade no Chrome e Firefox ao longo do ano permitiu obter dados nos perfis do Facebook
• O Google Chrome introduziu suporte para autenticação sem senha em sites usando o padrão WebAuthn

Divertido

• Retorno de geeks a Habr
• Big Data Tesla Architect: nosso piloto automático é o SkyNet da Terminator
• Quais fontes são melhores para usar em dados complexos
• Como ensinar uma criança a programar
• O QWERTY é realmente um layout ruim e por que não podemos recusá-lo
• Microsoft está negociando a compra do GitHub
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 .