Frontend Weekly Digest (15-21 abr 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

• Anunciando o URL real do AMP
• Como obter um aplicativo Web progressivo na Google Play Store
• Inline um arquivo SVG em HTML, declarativamente e de forma assíncrona!
• Validação de entrada de formulário usando apenas HTML5 e Regex
• Novidades do DevTools (Chrome 75)

• Desempenho:
  • Três maneiras de verificar rel = dicas de recursos pré-conectar estão funcionando
  • Otimizando o desempenho com dicas de recursos
  

• Animações:
  • Como criar e animar sobreposições giradas
  • Uma apresentação rolável do WebGL que visualiza por que a Notre-Dame teve a certeza de pegar fogo.
  

CSS

• CSS Subgrid Notícias e demonstrações
• CSS e acessibilidade
• Alvenaria CSS com flexbox: nth-child () e order
• Desvanecendo irmãos ao passar o mouse em CSS
• Apresentando CSS Battle - o primeiro jogo de golfe com códigos CSS
• Bordas de pixel: um mix SASS para adicionar bordas pixeladas aos elementos HTML, que podem ser personalizados para diferentes tamanhos, código de cores e bordas inseridas.

Javascript

• Renderização dinâmica para aplicativos da web JavaScript - JavaScript SEO
• Este polyfill em JavaScript universal
• 7 truques úteis sobre JavaScript
• Como usar o console JavaScript: indo além do console.log ()
• ️ Introdução ao Javascript - As ferramentas e os recursos certos (Entrevista em vídeo)
• Quando usar o TypeScript - Um guia detalhado sobre cenários comuns
• Simulando o movimento do mouse

• Teoria:
  • Fundamentos de JavaScript: dominando objetos
  • Como otimizar seus aplicativos JavaScript usando Loops
  • JavaScript para gatos
  • ES6 e além>
  • Explorando o potencial oculto das matrizes JavaScript!
  

• VueJS:
  • Sim, é assim que as páginas são armazenadas em cache por URL com o Vue, o Vue Router e o Keep Alive
  • Otimize o desempenho de um aplicativo Vue com componentes assíncronos
  • Como criar um funil de vendas com o Vue.js
  • O poder das transições nomeadas no Vue
  

• Reagir:
  • Obtendo animações de 60fps no React
  • Escrevendo middleware simples semelhante a Redux para React Hooks
  • useReducer vs useState em React
  • Um olhar mais atento sobre React Memoize Hooks: useRef, useCallback e useMemo
  • Do Redux ao Hooks: um estudo de caso
  • Novo estilo de codificação React Redux com ganchos sem seletores
  • Folha de dicas do React Hooks: Desbloqueie soluções para problemas comuns
  

• Angular:
  • SEO angular bem feito com renderização no servidor
  • Um rápido mergulho em como as coisas se encaixam no Angular
  • Por que e como carregar preguiçosamente bibliotecas angulares
  • Carregamento Diferencial - Um Novo Recurso da CLI Angular v8
  • PWA da Angular: SwPush e SwUpdate
  

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