O resumo de materiais frescos do mundo do front-end da última semana n ° 361 (15 a 21 de abril de 2019)

Trazemos à sua atenção uma seleção com links para novos materiais da área de front-end e em torno dela.

Desenvolvimento Web | CSS Javascript

---

Desenvolvimento Web

• O que é GraphQL
• Mozilla apresenta WebThings
• Otimização do tamanho da montagem do webpack
• Como enviar o PWA para a Google Play Store
• Validando campos de entrada usando HTML5 e expressões regulares
• Um arquivo SVG incorporado declarativa e assincronamente em HTML

• Desempenho:
  • O AMP Stories recebeu uma seção separada nos resultados de pesquisa do Google
  • Três maneiras de verificar se Rel = preconnect Resource Hints estão funcionando
  • Otimização de desempenho com dicas de recursos
  • Cloudflare Anuncia AMP Real URL
  

• Animação:
  • Como criar e animar sobreposições giradas
  • Demonstração visual criativa de Notre Dame com animação de rolagem no WebGL
  

CSS

• Mystical inline-flex e o que faz
• Notícias e demonstrações do CSS Subgrid
• CSS e acessibilidade
• Alvenaria CSS com flexbox: nth-child () e order
• CSS pairando sobre elementos vizinhos
• A introdução oficial do CSSBattle - o primeiro jogo de golfe CSS
• Bordas de pixel: SASS mixin para adicionar uma borda pixelizada para elementos, com configurações para tamanhos, cores e layout

Javascript

O trabalho foi iniciado na tradução do javascript.info para russo e ucraniano (o russo atual está disponível em todos os conhecidos learn.javascript.ru ). A equipe ativista está procurando voluntários para ajudar a traduzir os artigos do livro.

• Trabalhadores da Web em JavaScript: um guia para iniciantes
• Renderização dinâmica para aplicativos JS - JavaScript SEO
• Este terrível polifílico em JavaScript universal
• 7 truques úteis sobre JavaScript
• Como usar o console JavaScript além do console.log ()
• Introdução ao Javascript - as ferramentas e os recursos certos (entrevista em vídeo com Christian Heilmann)
• Quando usar o TypeScript - Um guia detalhado para scripts comuns
• Simulação de mouse

• Teoria:
  • Desenvolvimento de JavaScript responsável, parte 1
  • Acelerando o JavaScript usando o tipo de dados Definir
  • Funções anônimas em JavaScript
  • 12 conceitos que bombeiam seu JavaScript
  • Noções básicas de JavaScript: dominando objetos
  • Como otimizar seus aplicativos JavaScript com loops
  • JavaScript para gatos
  • ES6 e além>
  • Explorando o potencial oculto de matrizes em JavaScript
  

• VueJS:
  • Escrevendo um aplicativo de uma página com Flask e Vue.js
  • Como armazenar em cache páginas por URL usando o Vue, o Vue Router e o Keep Alive
  • Otimize o desempenho do aplicativo Vue usando componentes assíncronos
  • Como criar um funil de vendas no Vue.js
  • O poder das transições nomeadas no Vue
  

• Reagir:
  • ReactRussia # 1 @ OK , vídeo de três relatórios
  • Obtemos 60 quadros por segundo para animação no React
  • Escrevendo um Middleware Simples do Redux para React Hooks
  • useReducer vs useState em React
  • Uma análise mais detalhada dos ganchos do React Memoize: useRef, useCallback e useMemo
  • Do Redux ao Hooks: um estudo de caso
  • Novo estilo de escrita React Redux sem ganchos seletores
  • React sheet de dicas de gancho: soluções para problemas comuns
  

• Angular:
  • Noções básicas sobre o Angular Ivy: DOM incremental e DOM virtual
  • Trabalho correto com SEO em Angular no lado do servidor
  • Mergulhe rapidamente em como tudo se encaixa no Angular
  • Por que e como fazer o carregamento lento da biblioteca no Angular
  • "Carregamento Diferencial" - um novo recurso no Angular CLI v8
  • PWA em Angular: SwPush e SwUpdate
  

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 .