O resumo de materiais frescos do mundo do front-end da última semana n ° 368 (3 a 9 de junho de 2019)

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. 178: W3C + WHATWG, SEO, Desempenho, Ember.js, Elm, Apresentador de marionetes
• Podcast de fim de semana de front-end # 92 - Artyom Kobzar sobre ensino, Kharkov e coisas que um desenvolvedor júnior deve saber
• Devschacht Podcast 83: Conversa sobre a Ember
• Reagir Podcast de cinco minutos : MSK VUE.JS MEETUP
• Frontend Youth (18+) Podcast # 95 Como se tornar um CTO
• CSSSR Podcast : News 512 - WebAssembly no eBay, içamento moderno, Chrome 75 e outros lançamentos, batalhas da Huawei
• CSSSR Podcast : News 512 - Novamente sobre Svelte, Doe no Github, Patterns for React Hooks e um documentário sobre Ember.js
• Frontreview # 12 : “O que Junior deve pedir uma entrevista”
• proConf # 15 : ng-conf 2019 | ngRx pelo exemplo de uma banana | grades de moda | voos para marte
• "Repozitorro # 17 : Suspeita de que o código de outra pessoa ...
• JSHeroes 2019 , 20 vídeos

Desenvolvimento Web

• Como usar a API de compartilhamento da Web
• Requisitos de SEO para um novo site

• Desempenho:
  • Desempenho do front end: analisando métricas importantes
  • Extrair CSS crítico . Aprenda como melhorar o tempo de renderização com a técnica crítica de CSS.
  • Aumente efetivamente o desempenho do seu site (móvel)
  

• Acessibilidade:
  • Criamos o site mais inacessível com uma classificação ideal
  • Apontando o foco para melhorar a acessibilidade.
  • Anatomia de formulários disponíveis: problema com espaços reservados
  • Acessibilidade de formulário: um guia prático
  • Acessibilidade da Web em contexto . Como os navegadores e HTML suportam os leitores de tela hoje?
  

• Animação:
  • Uma seleção de sites inspiradores Roundup # 5
  • Seleção de demonstração criativa Roundup # 5
  

CSS

• CSS Flexbox no Bootstrap 4
• Impedir a rolagem da página ao abrir uma janela modal
• Animação do movimento de uma janela modal ao longo de um determinado caminho
• Mentalidade CSS
• Arquitetura CSS - Estrutura de pastas e arquivos
• CSS Grid Level 2 - Subgrid Brevemente no Firefox
• Fontes variáveis ​​e eixos personalizados
• Mantendo seu CSS em JS limpo

Javascript

• Preparando-se para 2020: 8 tendências no desenvolvimento de JavaScript do cliente que você precisa conhecer
• Diretrizes para escrever código JavaScript limpo
• O que há de novo no nó 12
• Como controlar músicas usando o PS4 DualShock e JavaScript
• Ativar JavaScript moderno no npm
• JavaScript: refutação dos mitos de SEO
• JAVASCRIPT SEO ESTÁ MORTO! O que agora

• Teoria:
  • Matrizes em JavaScript : de [0] a ['H', 'E', 'R', 'O']
  • Transdutores JavaScript mágicos e místicos
  

• Reagir:
  • Criando animações usando o React Spring
  • As 5 principais habilidades de aprendizado para desenvolvedores júnior de JavaScript
  • Como fiz minha inscrição no React 4 vezes mais rápido.
  • Qual é o significado dos ganchos React?
  • Cache Reagir ouvintes de eventos para obter melhor desempenho.
  

• Angular:
  • Angular 8
  • Angular & RxJS: Mergulho Profundo em Tubo Assíncrono
  • Viagem à animação angular
  • Sob o capô da CLI Angular - desmistificação de construtores
  • Angular: a jornada de uma das ferramentas front-end mais populares no mercado de trabalho atual
  

• VueJS:
  • Tutorial: Como criar um controle deslizante interativo animado no Vue.js
  • Armadilhas do Vue.js. Correções comuns para problemas principais
  • Construindo um diagrama de árvore dinâmico usando SVG e Vue.js
  

• Brasa:
  • Podcast Crash Log : lançamento do Product Hunt, velocidade vs. qualidade, integrações
  • Podcast “EmberMap”, Ep. 64 - O código aberto não é gratuito
  • React Response Hot Loading
  

Navegadores

• A Mozilla classificou a distribuição de pacotes da web assinada digitalmente como "ruim"
• lançamento do Chrome 75
• Mozilla planeja lançar um serviço pago Firefox Premium
• Novo recurso de ferramentas de desenvolvimento do Firefox informando por que a propriedade CSS não tem efeito

Divertido

• “Haverá uma revolução musical agora”: histórico de lançamentos do iTunes e motivos para fechar o serviço
• Fotografia de computação . O futuro da fotografia é código.
• 19 grandes redes neurais gratuitas
• Questões morais e legais: a sociedade está pronta para confiar-se à inteligência artificial
• Ex-diretor técnico da NPM desenvolve repositório de pacotes distribuídos entrópicos
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 .