Frontend Weekly Digest (10-16 junho 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

• Apresentando o novo elemento HTML - bem-vindo <clippy>!
• Animação interativa em email HTML
• Quando você deve usar Web Workers?
• 7 verdades absolutas que eu desaprendi como desenvolvedor júnior
• Anatomia dos formulários acessíveis: campos obrigatórios do formulário

• API:
  • API de tela cheia: como acessar a tela cheia no iPad Safari
  • A API de instabilidade de layout . Detecte mudanças inesperadas no layout em JavaScript.
  • Petiscos JS - API MediaStream
  

CSS

• O estado do CSS 2019
• Estilo em aplicativos Web modernos
• Uma nova quebra de linha no estilo de terminal com texto CSS
• Os perigos do CSS funcional
• Por que a maioria dos desenvolvedores teme CSS
• Animação de linhas e colunas da grade CSS
• every-layout.dev - Reaprender layout CSS
• Desenho de nuvens realistas com SVG e CSS
• Dimensões do elemento DOM e transformações CSS
• Tornar as tabelas responsivas com CSS mínimo

Javascript

• JSConf Hawaii 2019 , 9 vídeos
• JSConf UE 2019 , 17 vídeos
Protocolo para comunicação entre iframe e a janela principal
• Tudo o que você precisa saber sobre data em JavaScript
• Áudio na Web para guitarra elétrica: como conectar um instrumento
• Lista de perguntas sobre JavaScript (avançado)

• Teoria:
  • Mutar ou imutar, eis a questão
  • O antipadrão de redução ({... spread})
  

• Reagir:
  • Um mergulho profundo no Redux
  • Anunciando componentes estilizados v5: Modo Besta
  • Usando o Cypress para escrever testes para um aplicativo React
  • Aprenda a reagir ganchos escrevendo seu primeiro gancho
  

• Angular:
  • Como usar o jQuery com angular (quando você absolutamente precisa)
  • Aprenda Angular e RxJS: Temporizador
  • Tudo o que você precisa saber sobre Ivy, o novo mecanismo Angular!
  • Vários aplicativos angulares em uma única página
  • Uma análise detalhada do modelo ng da Angular
  • Um guia para o carregamento diferencial do Angular 8
  

• Brasa:
  • Brasa em 2019: derrubando “nós e eles”
  • Melhorando seu DX no Ember, parte 1: vitórias rápidas
  • # EmberJS2019: minha lista de desejos
  • O guia de teste do Ember.js, que fiz para mim
  • Tipos estáticos em EmberJs?
  

• VueJS:
  • Vue 3.0: O que Evan You e Chris Fritz dizem que você deve esperar
  • Novidades do Nuxt JS 2.8.0
  

• Libs e plugins:
  Pinker.js Uma biblioteca JavaScript independente para renderizar diagramas de código / classe em sua página da web.
  • Javascript Library Boilerplate Basic - Minimal Library Starter Kit para seus projetos Javascript
  • Decoradores de macro - decoradores para macros getter / setter!
  • fuzzyjs é um algoritmo de busca difusa em javascript
  • Resize Observer - Um polyfill de alto desempenho e vida real para observar alterações nas dimensões do elemento.
  

Navegadores

• Firefox: a evolução de uma marca
Mozilla diz que o serviço de assinatura paga está chegando ao Firefox
• Chrome 76 Beta: modo escuro, pagamentos, novos recursos do PWA e muito mais
• Instalação da barra de endereço para aplicativos da Web progressivos na área de trabalho
• Reddit: AMA de desenvolvedores do Microsoft Edge

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