O resumo de materiais frescos do mundo do front-end da última semana n ° 350 (28 de janeiro a 3 de fevereiro 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 Navegadores Divertido

---

Mídia

• Podcast “Web Standards”, Edição nº 159: Três anos no ar, Eventos, desenvolvedores de JS para TV, Chrome, Safari, PWA, Safari e JS Core, CSS vs JS, ES2019
• "FrontSpot Show" # 1. Dan Abramov é um impostor? Fluxo não é uma bóia? E quem é ele - o rei de nishtyakov?
• RadioJS Podcast Edição 55: Node.js no back-end - back-end real?
• Devschacht Podcast: 68: Perguntas inconvenientes para o GraphQL
• Frontend Youth (18+) podcast # 82 Como o lodash mudou o javascript
• Torneio: “Melhor Web Feature 2018” (PARTE 1)

Desenvolvimento Web

• Como escrever código bom e claro
• HTML, CSS e pontos de entrada do setor em fuga
• Tutorial do GraphQL para iniciantes
• CSS e JS em guerra: como impedi-lo
• HTML é, e sempre foi, o objetivo da compilação - podemos fazer algo a respeito?
• Google Play Store agora aberto para aplicativos Web progressivos
• "Backendification" do desenvolvimento front-end
• Uma visão geral das ofertas mais interessantes para a plataforma da web relacionadas aos componentes da web

• Desempenho:
  • Otimização da velocidade da página: métricas, ferramentas e melhorias
  • Melhorando o desempenho da fonte da Web com exemplos
  

• Ferramentas:
  • tris-webpack-boilerplate - webpack-boilerplate para criação de sites estáticos, que possui todas as ferramentas modernas necessárias e ferramentas de otimização integradas.
  • 11 extensões JavaScript para código do Visual Studio
  • Novidades do DevTools (Chrome 73)
  • Novo no Firefox DevTools 65
  

• Acessibilidade:
  • Usando inteligência artificial para criar texto alternativo em imagens
  • Ferramentas e estratégias para o desenvolvimento de aplicativos da Web acessíveis
  • Como você usa o elemento figura?
  

• Animação:
  • Desconstrução do Taotajima.jp WebGL
  • Criando animações do Wave no Three.js
  • Efeitos personalizados para o cursor
  

CSS

• Como a posição: pegajosa em CSS realmente funciona
• Uma olhada nos wrappers CSS em 2019
• Muitas maneiras de alterar o preenchimento flutuante do SVG (e quando usá-los)
• CSS-in-JS e renderização estática
• CSSans Pro - Nova fonte de cor criativa

• Demonstração Codepen:
  • CSS WordArt
  • Grade CSS: planilha do Excel
  • Animação CSS: Mapa do Maroto
  

Javascript

• Composição Javascript Preço
• EcmaScript 10 - JavaScript este ano
• Por que o TypeScript está no centro de todos os novos aplicativos da web do PayPal?
• Novidades do JavaScript 2019
• Futuro JavaScript: o que mais está faltando?
• Estático vs Unidade vs Integração vs E2E para aplicativos front-end
• React vs Angular: uma comparação detalhada
• Mais três maneiras de renderizar o estado do JavaScript
• Novos lançamentos: TypeScript 3.3 , Babel 7.3 , Jest 24

• Teoria:
  • JavaScript: campos de classe pública e privada
  • Como dominar a sintaxe assíncrona / aguardar: um exemplo real
  • Como trabalhar com assíncrono / aguardar em loops JavaScript
  • Uma breve história dos recursos assíncronos do Javascript
  • Mergulhe mais fundo no JavaScripts . Um olhar mais atento sobre os identificadores de objeto JavaScript
  

• VueJS:
  • 7 problemas que você pode evitar usando o Nuxt.js para o seu próximo aplicativo Vue
  • Otimização de desempenho de aplicativos Vue.js: Parte 1 - Introdução à otimização de desempenho e download atrasado.
  • Dominando propriedades computadas no VueJS
  • Como criar um monitoramento simples de redes sociais no NodeJS, GraphQL e Vue
  • Usando o Vue.js para criar um painel climático interativo com API
  • O que o Vue 3.0 significa para desenvolvimento web?
  

• Reagir:
  • (Novo) Reagir os métodos do ciclo de vida em um idioma simples e disponível
  • Reagir como um UI Runtime , uma nova postagem de Den Abramov
  • Crie aplicativos da web progressivos com o React. Parte 1
  • addimated é uma biblioteca de animação declarativa interruptível para o React.
  • React Custom Scroll 4.0 - um pequeno componente personalizado para criar rolagem personalizada
  • 5 maneiras de animar os aplicativos ReactJs em 2019.
  • Por que o Gatsby é tão rápido
  

• Angular:
  • Apresentando o NG-VDOM: uma nova maneira de escrever aplicativos angulares
  • Crie o PWA pronto para produção com Angular e Firebase
  • Tutorial Angular 7 | 6: Criando e enviando formulários
  • DI angular: Apresentando o Ivy NodeInjector
  

• Libs e plugins:
  • flexsearch - Biblioteca de pesquisa de texto com texto completo nos navegadores e no Node.js
  • readability.js é uma versão separada da biblioteca usada para o modo leitor no Firefox
  • webaudio-synth: sintetizador polifônico da Web Audio API
  

Navegadores

• Em 2020, a Microsoft deixará de oferecer suporte ao Internet Explorer 10
• Lançamento do Firefox 65 , além de detalhes para desenvolvedores da web no blog de Marat Tanalin
• WebRender para placas gráficas AMD / Intel e proteção contra ataques MITM no Firefox
• Mozilla introduziu outro navegador móvel
• Os usuários reclamam de problemas de certificado após instalar o Firefox 65
• O que acontecerá com os bloqueadores de anúncios após a atualização da API do Chromium: opiniões do Yandex Browser, AdGuard e Adblock Plus

Divertido

• Respostas para as perguntas mais populares sobre Gutenberg
• A desconexão completa do Google+ para usuários regulares está agendada para 2 de abril, a empresa alerta para a exclusão completa de dados
• JavaScript ultrapassou Java no ranking de preferências de desenvolvedores HackerRank
• Como a negociação virtual de artefatos de jogos pode afetar a vida real
• O que é um computador quântico e como ele funciona
• Estado da inteligência artificial em 2019
A.

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 .