Frontend Weekly Digest (29 de abril a 5 de maio de 2019)

Nesta semana, publicamos uma seleção realmente enorme de todas as notícias essenciais que você pode ter perdido no desenvolvimento do Front-end. Certifique-se de verificar as atualizações mais recentes em CSS, HTML e JavaScript.

Desenvolvimento Web

• Criando componentes da Web para diferentes contextos
• Um guia prático para SVG e ferramentas de design
• As bilhões de maneiras de exibir um SVG
• As maneiras mais simples de lidar com HTML incluem
• Como configurar a verificação de rosto da maneira mais fácil usando HTML5 + JavaScript
• Uma conspiração para matar o IE6

• Desempenho:
  • AMP no WordPress, o WordPress Way
  • Resumo de notícias do AMP: AMP como serviço, trocas assinadas, Bento, agitação da árvore CSS
  • Melhorando o desempenho da web de terceiros no The Telegraph
  

• Ferramentas:
  • packtracker.io - analise seu pacote webpack, em todos os commit
  • Como configurar o depurador para a extensão do Chrome no Visual Studio Code
  

CSS

• Escavando a propriedade de exibição: geração de caixa
• Revisitando a consulta de mídia de movimento reduzido, prefere movimento reduzido
• Oh, as muitas maneiras de fazer fitas de pão ralado triangulares!
• Implementando uma maquete: layout CSS passo a passo
• Criando triângulos arredondados em CSS com clip-path
• Crie um layout de grade responsivo sem consultas de mídia, usando CSS Grid
Combinando CSS Grid com Bootstrap Grid

Javascript

• Novos lançamentos: Babylon.js 4.0 , Electron 5.0.0 e jQuery 3.4.1 com acionamento de eventos de foco no IE e localização de elementos raiz no iOS 10
• As muitas maneiras de inserir dados em gráficos
• Construindo o novo facebook.com com React, GraphQL e Relay
• Introdução do desenvolvedor JavaScript ao Crypto
• Otimizando o desempenho de aplicativos JavaScript com trabalhadores da Web

• NodeJS:
  • Node.js v12 - Novos recursos que você não deve perder
  • Publicações automáticas fáceis npm
  • dotenv: carrega variáveis ​​de ambiente de .env para projetos nodejs
  • 4 soluções para executar vários comandos Node.js ou NPM simultaneamente
  

• Teoria:
  • Uma introdução ao assíncrono do JavaScript e aguarda
  • Compreendendo profundamente o JavaScript assíncrono e aguarde com exemplos
  • Introdução ao Javascript para programadores experientes que poderiam usar uma forte dose de fundamentos
  • Javascript Array.push é 945x mais rápido que Array.concat
  

• VueJS:
  • Mudando do jQuery para o Vue
  • Testando seu aplicativo Vue com Jest e Travis CI
  • Modos de construção personalizados com o Vue CLI 3
  • Gerenciamento de estado Apollo no aplicativo Vue
  • Compreendendo Mixins no Vue JS
  • Manipulando erros no Vue.js
  • Entenda a implementação da reatividade Vue passo a passo
  

• Reagir:
  • Reagir: JSX e renderização
  • Como identificar e resolver renderizações desperdiçadas no React
  • 5 coisas que você não sabia sobre o React DevTools
  • create-react-app v3, O que há de novo?
  • Esqueleto carregando páginas com reagir
  

• Angular:
  • O Angular está morrendo por causa do React?
  • Compreendendo módulos angulares
  • Angular: problemas recorrentes que enfrento como consultor front-end
  • O que é o console angular e por que você deve se importar
  • Teste e falsificação de dependências angulares
  

• Libs e plugins:
  Shimport: use módulos JavaScript em todos os navegadores, incluindo importações dinâmicas
  Jquery-csv: um plug-in analisador jQuery CSV
  • aria-progress-range-slider: barra de progresso leve e totalmente acessível / componente slider de intervalo
  

Obrigado pela leitura! Sinta-se à vontade para enviar seus artigos ou novos conteúdos úteis que você deseja ver no próximo resumo.