O resumo de materiais frescos do mundo do front-end da última semana n ° 318 (4 a 10 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 do frontend Weekend # 56 - Dmitry Karlovsky sobre a criação de $ mol ou como escrever seu próprio nicho
• Podcast “devschacht”: Night Front End # 36 - Discutimos com Nikolai Matvienko a performance de Ryan Dahl na JSConf EU 2018
• Podcast # 51 do front-end da juventude Dan Abramov Gerente de pacotes
• “ALL YOUR HTML” # 52: “Paralaxe em um shader da antoni.de”
• Front-end da Fazenda Coletiva . Uma música que não deixará indiferentes desenvolvedores web modernos

Desenvolvimento Web

• Conformidade com fontes do Google e GDPR
• Novo no AMP: Q2, edição de 2018
• As WCAG 2.1 receberam o status oficial de “Recomendação W3C”
• Componentes inclusivos: um guia abrangente para fazer cartões acessíveis

• Desempenho:
  • O que é o tempo até o primeiro byte (TTFB) e o índice de velocidade?
  • Cultivando uma cultura de produtividade na Web
  • Mais de 15 especialistas compartilham dicas de desempenho na web para 2018
  • Google AMP e o problema dos sites de obesidade
  • Teste minha série de sites, parte 1 - Google Toolkit e Google Speed ​​Update
  

• Ferramentas:
  • JSFiddle - nova versão
  • JSUI - uma poderosa ferramenta de interface do usuário para organizar, criar e gerenciar projetos JS
  • 8 dicas do Emmet que você talvez não conheça
  • Google Font Downloader - ferramenta de CLI que permite baixar a fonte desejada do Google
  • A importação de fios agora usa package-lock.json
  

• Efeitos:
  • Seleção semanal de belos efeitos em CSS / SVG / JS # 79
  • Efeito de colapso do logotipo
  • Animando imagens e vídeos usando curtains.js
  

CSS

• Como começar com fontes variáveis ​​na Web
• Ataque de canal lateral em navegadores usando propriedades CSS3
• Simplifique a narrativa da página com a posição aderente
• Explorando as novas facetas da animação CSS
• Recriar os IDs dos cartões Vingadores em HTML e CSS
• Melhorando suas habilidades no seletor de CSS
• Combinando o poder das metodologias SEM e BIO para melhorar o CSS
• Especificidade em: not () ,: has () e: correspondências ()

Javascript

• Monitorando erros de JavaScript com window.onerror
• Métodos úteis de matriz e objeto em JavaScript
• Uma visão geral de alguns objetos JavaScript que possuem encapsulamento
• O JavaScript consumirá CMS monolítico?
• Prioridades para diagnosticar sites em JavaScript
• Depurando JavaScript na produção usando Mapas de Origem
• Criando um SPA sem uma Estrutura
• Presentation Luna - uma ferramenta para testes adequados em JavaScript
• Lançamento do Meteor 1.7 e sonho sempre-verde

• Teoria:
  • Uma rápida introdução aos proxies JavaScript
  • O que é "isso" em JavaScript?
  • Quando (e por que) você deve usar as funções de seta ES6 - e quando não deve fazê-lo
  

• VueJS:
  • Portando seu aplicativo Web do JavaScript puro para o Vue.js
  Aprenda como usar a CLI do Vue.js.
  • Substituindo jQuery pelo Vue
  • Acelere o desenvolvimento com prototipagem e Vue
  • Paginação Vuejs
  • Quadro Kanban em tempo real usando Vue.js e Hamoni Sync
  

• Reagir:
  • O ano passado com o React: conclusões e recomendações
  • Componentes de ordem superior usando recompor
  • 5 práticas comuns que podemos parar de fazer no React
  • React não é um novo jQuery
  • Como (e como NÃO) aprender o REACT?
  • Guia detalhado do material de reação
  • Jest, Reagir e Preact!
  

• Angular:
  • Angular cli 6: por que você precisa e como usá-lo
  • 3 dicas úteis para Angular
  • Arquitetura em projetos em Angular
  • Os benefícios da normalização de dados no Angular
  

• Libs e plugins:
  • O MapKit JS da Apple é uma ferramenta para incorporar o Apple Maps em um site.
  • 11 bibliotecas JS para animação em 2018
  • Contador de caracteres disponível curto e doce
  • LuminJS - biblioteca JavaScript para a seleção progressiva de qualquer texto na página
  

Navegadores

• Lançamento do projeto Fusion que une o Tor Browser e o Firefox
• O Google lançou o Chrome 68 Beta
• O Firefox está testando a capacidade de visualizar simultaneamente diferentes guias
• A participação do Firefox caiu abaixo de 10%, de acordo com as estatísticas do serviço Net Applications
• O Yandex.Browser possui um modo de economia de energia

Divertido

• O GitHub agora pertence oficialmente à Microsoft
• O novo chefe do GitHub disse o que esperar após a fusão com a Microsoft
• Seis alternativas ao GitHub para desenvolvimento colaborativo
• Google: bloquear uma página no robots.txt pode não funcionar se houver links para ela
• O Google publicou as regras para o uso de inteligência artificial
• Em resumo: o que a Apple falou na abertura da WWDC 2018
• Como os fundadores do WhatsApp brigaram com o Facebook e quanto custou
• O Facebook obrigou os desenvolvedores a usar HTTPS no login do Facebook
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