Frontend Weekly Digest (4-10 de fevereiro 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 | CSS Javascript Navegadores

---

Desenvolvimento Web

• Onde você aprende HTML e CSS em 2019?
• PWAs no iOS 12.2 beta: o bom, o ruim e o "ainda não tenho certeza se é bom"

• Desempenho:
  • Renderização na Web
  • GTMetrix - Como usar o GTMetrix para analisar e aumentar a velocidade do site
  • Como o tempo de carregamento da página afeta a receita do site?
  • Tornando as fontes do Google mais rápidas
  

• Acessibilidade:
  • Pare de criar formulários inacessíveis (e como corrigi-los)
  • Revisitando o elemento abbr
  • Os links que não vão a lugar algum devem ser botões
  • Evangelina Ferreira - O "C" é para acessibilidade
  

• Ferramentas:
  • Novos recursos no Webpack 5
  • git-history: Navegue rapidamente pelo histórico de qualquer arquivo do GitHub
  

• Animações:
  • Efeitos de distorção de texto usando Blotter.js
  • Resumo dos Sites Inspiradores nº 1
  • Animar um blob de texto com SVG e recorte de texto
  

CSS

• Um guia para suporte a CSS em navegadores
• Usando a função CSS pouco conhecida () para criar um navegador Minimap
• Letras CSS puras, uma idéia ruim e divertida
• Como criar um coração pulsante com CSS puro para seus namorados
• A única razão pela qual seu CSS falha

Javascript

• Novos recursos de JavaScript que mudarão como você escreve o Regex
• Como vencer 5 desafios comuns da entrevista com JavaScript
• Reagir vs. Vue (Exato Todo App) por exemplo
• 7 mecanismos de modelagem de JavaScript com exemplos de código
• Primeiras reflexões sobre Deno, o tempo de execução JavaScript / TypeScript
• Javascript ofuscado, e-mails fraudulentos e American Express

• Prática:
  • Estimativa precisa do tempo de leitura para artigos do Medium em JavaScript
  • Como detectar uma sequência de pressionamentos de tecla em JavaScript
  • Animar seus dígitos como Robinhood
  

• Teoria:
  • Ainda precisamos de estruturas JavaScript?
  • Rendimento! Rendimento! Como os geradores funcionam em JavaScript.
  • Assistente de JavaScript: O que há com 'this'?
  

• VueJS:
  • Vue 2.6 lançado
  • O que os ganchos significam para o Vue
  • Produtividade no Vue - Parte 2
  • Vuethereum: a biblioteca Vue Ethereum merece
  • Um pouco de experiência em módulos JavaScript
  • Otimização de desempenho do aplicativo Vue.js.: parte 2 - rotas de carregamento preguiçosas e antipadrão de pacote de fornecedores.
  

• Reagir:
  • Reagir v16.8: Aquele com ganchos . Com o React 16.8, os Ganchos do React estão disponíveis em uma versão estável!
  • Como carregar dados no React com redux-thunk, redux-saga, suspense e ganchos
  • Como começar com ganchos de reação: formulários controlados
  • Criando um painel de varejo on-line no React
  • Reagir como um tempo de execução da interface do usuário
  • Gerenciamento de estado global sem clichê no React
  

• Angular:
  • Um plano para a versão 8.0 e Ivy
  • A necessidade de velocidade: módulos não roteáveis ​​de carga preguiçosa em angular
  • Liberte o poder dos Formulários com as Formas Reativas da Angular
  • Como implementar a localização no Angular usando as ferramentas i18n
  

• Libs e plugins:
  • MiniSearch - Minúsculo, mas poderoso mecanismo de pesquisa de texto completo para navegador e Nó
  • uppy é um carregador de arquivos JavaScript elegante e modular que se integra perfeitamente a qualquer aplicativo.
  • horário-fns: funções úteis de data e hora para trabalhar com horários
  • x-spreadsheet: uma planilha JavaScript baseada na Web
  

Navegadores

• Firefox 66 para bloquear a reprodução automática de áudio e vídeo audíveis
• VPN do navegador Opera chegando ao Android
• O modo escuro do Google Chrome no Windows 10 e no macOS respeita a configuração em todo o sistema com a versão mais recente do Canary
• Chefe de segurança da Microsoft: o IE não é um navegador; portanto, pare de usá-lo como padrão
• [Atualizado] O Google está testando um "modo nunca lento" para o Chrome