O resumo de materiais frescos do mundo do front-end da última semana n ° 365 (13 a 19 de maio de 2019)

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

Mídia | Desenvolvimento Web | CSS Javascript

---

Mídia

• Podcast de padrões da Web , 176. Podcasts de desenvolvimento da Web, notícias do Google I / O e Microsoft Build
• Make Me Beautiful Podcast Edição nº 17 - Você não precisa do SPA, do Google Notícias e da Microsoft
• Podcast Frontend Youth (maiores de 18 anos) # 93 Grumbling Front End
• CSSSR Podcast : Notícias 512 - Pode Overclock
• CSSSR Podcast : News 512 - Edição especial de maio
• Podcast “Devshahta / Night Frontend” nº 80: versões móveis corretas e o que há no Facebook
• Repozitorro # 14 : Existem projetos diferentes, mas isso ...
• “TODO O SEU HTML” # s3e2: “Física com Cannon.js”
• Vídeo de SmashingConf SF 2019
• Web no Google I / O 2019 , 24 vídeos

Desenvolvimento Web

• Fotos na web 2019
• Tendências da Tecnologia de Desenvolvimento Web 2019
• Componentes SVG para IoT e dispositivos (parte 2)
• Introdução ao JAMstack: Arquitetura Moderna da Web
• Por que o desenvolvimento com o JAMstack é legal?
• Tudo o que você queria saber sobre o modo de entrada
• Pug Newbie Guide
• Compreendendo um dispositivo JPEG

• Desempenho:
  • Usando o WebAssembly 20x Web Application Accelerated
  • Melhor Priorização HTTP / 2 para Aceleração da Web
  • Imersão profunda no carregamento lento e nativo de imagens e molduras
  • Relatório da Reunião do Comitê Consultivo AMP
  • Otimização de imagem: entendendo o impacto exato no Índice de desempenho do Google para melhorá-lo em 2019
  • A 'dobra' (a área de tela inicial do site) ainda é importante na cultura moderna de rolagem de sites?
  • 3Pweb é um visualizador online que mostra visualmente quanto tempo leva em média para executar scripts de terceiros
  

• Ferramentas:
  • Recursos das Ferramentas do desenvolvedor do Chrome que você não conhecia (PARTE 1)
  • Desenvolvimento remoto usando código VS
  • Depuração de JavaScript mais rápida e inteligente no Firefox DevTools
  

• Acessibilidade:
  • Uma nova (e fácil) maneira de implementar acessibilidade para conteúdo oculto
  • Status da disponibilidade: GAAD 2019
  • Introduzido o Microsoft Web Template Studio para desenvolvimento em pilha completa
  

• Animação:
  • Integração de bibliotecas de animação de terceiros no projeto
  • Como criar um gráfico de pizza no SVG
  

CSS

• Seletor: has () estará disponível para registro?
• Esta é uma armadilha trap-ezoid: CSS Shapes não é o que você espera
• Animações de linhas e colunas da grade CSS
• Subgrid . Novo artigo sobre documentos de desenvolvimento MDN
• Verificação de CSS: a maneira mais rápida de verificar e copiar CSS
• A função CSS para limitar o texto de múltiplas linhas às reticências foi implementada no Firefox
• Depuração da grade CSS: Parte 2: O que é Fr (ação)?
• O Google Fonts agora suporta exibição de fonte!
• Regras CSS para facilitar sua vida
• Grade de janela chinesa e CSS

Javascript

• Primeira contribuição para a API do navegador do Facebook
• Cloudflare, Mozilla e Facebook estão desenvolvendo o BinaryAST para acelerar os downloads de JavaScript.
• Introdução ao Svelte 3
• Javascript funcional
• TypeScript 3.0: tipo desconhecido

• Teoria:
  • O que é isso aqui? Operação interna de objetos JavaScript
  • Guia prático do proxy JavaScript
  • Mecanismos JavaScript: como eles funcionam? De uma pilha de chamadas a uma promessa, (quase) tudo o que você precisa saber
  

• VueJS:
  • Postagens de validação de formulário disponíveis usando ARIA e Vue.js
  • Introdução ao desenvolvimento orientado a teste com Vue.js
  • Introdução ao Vue - Visão geral e explicação passo a passo
  • Galeria com suporte a gestos no Vue.js e Tailwind
  

• Reagir:
  • Reakit 1.0: um novo kit de ferramentas para criar aplicativos da web acessíveis com base no React
  • Como converter facilmente classes React-Redux em React Hooks
  • unform - biblioteca ReactJS para criar estruturas de formulário não controladas com campos aninhados, validações e muito mais
  • Animação da interface do usuário no React
  • ReactQ - Kit inicial universal para React + GraphQL: React 16, Apollo 2, MobX, Emotion, Webpack 4, Gerador de código GraphQL, React Router 4, PostCSS, SSR
  • Padrões de design de ganchos de reação chave
  • Docking React App
  • Criando sua própria biblioteca de validação de reagentes: o básico (parte 1)
  • O que fazer quando o aplicativo React parecer lento
  

• Angular:
  • Angular: criando e publicando uma biblioteca
  • Apresentando o CLI Builder
  • Criando uma loja online usando ngrx / store e Angular
  • Minhas dicas e truques angulares favoritos
  • Herança de componentes em Angular
  • Facilitando a acessibilidade com o Angular CDK. Listas de navegação do teclado
  

• Libs e plugins:
  • Conheça o Storeon , um gerenciador de estado minúsculo para aplicativos modernos que têm espírito semelhante ao Redux, implementado em um único arquivo com 173 bytes
  • ola - biblioteca de animação para média / interpolação de números em tempo real
  • reLift-HTML - uma pequena biblioteca para visualização (3 KB) que permite criar componentes da web, elementos personalizados, o que ajuda a tornar qualquer página HTML reativa sem poluição com grandes estruturas
  

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 .