O resumo de materiais frescos do mundo do front-end da última semana n ° 374 (29 de julho a 4 de agosto 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

---

Mídia

• CSSSR Podcast : Notícias 512 - Next.js, Guardian Design System, Teamlead Bootcamp, Novidades na integração com Slack e Githu
• Reagir Podcast de cinco minutos : TechTrain, Richard Stallman e Software Livre
• Podcast “devschacht” # 88: No limite da terra. Como a experiência anterior ajuda no trabalho.
• Podcast “Jovens de front-end (maiores de 18 anos)” # 101 Como comprar uma vila a caminho de uma cerveja
• UnderJS Podcast : # 1 - Piloto - Real Underground
• "Repozitorro" # 23 : Pss cara, um pouco de Vue.js não quer?
• “Pro Conf” # 24 PerfMatters: Web Performance Conference 2019
• "#PerfMatters Conference 2019"

Desenvolvimento Web

• Início rápido com WebComponents
• SVG na vida real. Relatório Yandex
• Guia de Desenvolvimento Baseado em Componentes
• Design de front-end, reação e ponte sobre a grande seção
• Opa, parece que nos tornamos desenvolvedores de pilha cheia
• Frontend na Coréia do Sul . Um tópico no reddit onde front-ends locais compartilham sua dor
• Crie um efeito de vidro realista com SVG

• Desempenho:
  • Recursos do Google PageSpeed: melhor classificação do site e classificação da pesquisa
  • Usei a Internet o dia todo com um orçamento de 50 MB . Experiência de sobrevivência na Internet
  • Tornando o Instagram.com mais rápido: parte 1
  

• Acessibilidade:
  • Estratégias de acessibilidade para sua equipe de conteúdo
  • A verdade sobre acessibilidade digital
  • Criando botões de opção personalizados acessíveis a partir do teclado
  

CSS

• Explore as propriedades de animação CSS com um gatinho mágico
• Usando atributos CSS personalizados gerados pelo JavaScript como um mecanismo de passagem
• 7 principais tendências de CSS para 2019
• Novos recursos de CSS no Firefox 68
• Qual é a especificidade das regras do @rules como @keyframes e @media?
• Flexbox e preenchimento
• Práticas recomendadas para organizar temas em CSS

Javascript

• Introdução à API do Screen Capture - Digitalize códigos QR em um navegador
• Programação JavaScript assíncrona (retorno de chamada, promessa, RxJs)
• Experiência na tradução de um grande projeto de Flow para TypeScript
• Usando inteligência artificial em um navegador com TensorFlow.js
• Dicas práticas para melhorar o código JavaScript
• Dicas para passar do jQuery para o vanilla JavaScript
• Escrevendo um aplicativo MVC simples em JavaScript simples
• Como não chupar javascript
• Svelte: primeiras impressões

• Teoria:
  • O que você é, Event Loop? Ou como o loop de eventos funciona no navegador Chrome
  Explicação da operação do EventLoop em JavaScript
  • Entendendo a confusão entre os métodos JavaScript slice (), splice () e split ()
  • Conceitos JavaScript: atribuição destrutiva
  • Promessas de JavaScript e Async / Await: o mais rápido possível
  

• Reagir:
  • React + Redux + Comlink = Off-main-thread
  • Reagir <Animated /> Tutorial
  • Obtendo dados no React usando o React Async
  • Por que os ganchos React?
  • O React substituirá os ganchos Redux?
  • Os ganchos do React substituem os HOCs (High Order Components)?
  • localize-react : uma biblioteca simples e leve para localização em aplicativos React sem dependências, construída com base no novo React Context Api
  • Solução eficaz para substituir Redux pelo contexto React e ganchos
  

• Angular:
  • Crie seu próprio classificador de imagens em Angular e Tensorflow.js
  • Melhores projetos de código aberto angular
  • Versão beta pública do Bit with Angular
  • Svelte para desenvolvedores angulares
  

• VueJS:
  • Criando rotas dinâmicas em um aplicativo Nuxt
  • Vue.js 3: Programação em perspectiva
  • Introdução ao Vuetify 2.0
  

• Brasa:
  • Roteiro da brasa 2019-2020
  • Museu dos componentes da brasa . Aprenda todas as maneiras pelas quais você pode usar componentes no Ember 3
  • Folha de dicas do componente Ember
  

Navegadores

• Configurar o Firefox no Linux
• Um experimento relacionado ao DNS sobre HTTPS será realizado no Firefox
• Lançamento do Chrome 76
• Lançamento do navegador da web Midori 9
• Microsoft anunciou a desativação do VBScript no Internet Explorer 11
• Novidades do DevTools (Chrome 77)
• Novos recursos de CSS no Firefox 68

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 .