O resumo de materiais frescos do mundo do front-end da última semana nº 399 (20 - 26 de janeiro de 2020)

Chamamos a 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

Mídia

• CSSSR Podcast: Notícias 512 - Componentes com estilo 5.0, carregamento lento, layout multidirecional, ru Github
• Podcast # 123 Git com balalaica e ursos
• Podcast "Devshahta / Night Frontend" No. 109: Trabalho competente com erros. Mônada também.
• Podcast "Web Standards" No. 211. Soft skills, futebol e vida sem interface, componentes da Web, React, grades, desempenho, mergulhadores
• Make Me Beautiful Podcast, Edição nº 33 - Tendências de design, micronavegadores e estudos em desenvolvimento
• Podcast Frontend Youth (18+) # 122 Salário Justo para Plâncton

Desenvolvimento Web

• Renderização de site 101
• Adeus código limpo
• Novo no JAMstack? É tudo o que você precisa saber para começar.
• Web 2020: Extensibilidade e Interoperabilidade
• Seis dicas para trabalhar para internacionalizar aplicativos da Web
• Um guia completo para iframes
• Não há necessidade de odiar componentes da web
• Recriando um botão do Arduino usando SVG e elemento lit

• As ferramentas
  • Mais bonito em grandes projetos: gaste 20 minutos em configuração, esqueça a formatação para sempre
  • Otimização do tempo de construção do projeto
  • Conheça Yarn 2!
  • Playwright é a nova biblioteca Node da Microsoft para automatizar navegadores no Chromium, WebKit e Firefox. Criado por desenvolvedores do Puppeteer, o Playwright visa criar uma plataforma de automação da web entre navegadores, rápida e sempre-verde.
  • Configuração e práticas recomendadas do ESLint
  • Minha história sobre ferramentas, tecnologias e soluções de desenvolvimento web
  

• Desempenho
  • Microoptimização de desempenho e JavaScript
  • Google PageSpeed ​​Insights: a verdade sobre 100/100
  • Velocidade de mil cortes
  

• Disponibilidade
  • Disponibilidade no novo Microsoft Edge
  • Má disponibilidade significa baixa qualidade
  

• Efeitos
  • Percebemos o efeito visual do filme "The Matrix"
  • O efeito da implantação de uma imagem de um rolo usando o Three.js
  • Uma seleção de interfaces criativas "UI Interactions & Animations Roundup # 2"
  • Noite no Museu dos Bons Meninos
  

CSS

• Estilo RTL 101 - Um guia detalhado sobre o estilo CSS RTL
• A cascata de CSS. Ou como os navegadores resolvem o problema com estilos CSS concorrentes
• CSS Houdini: tudo o que você precisa saber sobre as APIs mais populares
• Noções básicas sobre palavras-chave CSS: Inicial, Herdar e Desativar
• Usando modificadores adaptáveis ​​para controlar alterações de layout em seus componentes
• Criando layouts bidirecionais
• Um pouco de CSS imaginário
• 4 layouts de CSS sem usar consultas de mídia
• Links de gradiente multilinha
• Gradientes mágicos do arco-íris com CSS Houdini e React Hooks
• Dimensões internas do CSS

Javascript

• Inovações do JavaScript ES2020 com exemplos simples
• Erros comuns ao usar o Promise em Javascript
• Lendo e processando arquivos usando a API JavaScript FileReader
• 10 estruturas JavaScript mais importantes da última década
• Svelte - uma receita para uma estrutura de sucesso?
• Por que estou gostando do Svelte
• Caros fãs do Loop: vamos usar métodos Array
• Visualização JavaScript: Geradores e Iteradores

• Reagir
  • Como usar a Inversão de controle em JavaScript e Reactjs para simplificar o tratamento de código
  • Visão geral do JSX com três exemplos sem reação
  • 10 conceitos de JavaScript que você precisa para dominar o React (+ cheat sheet)
  • Guia do Iniciante do React JSX Cycle
  • Crie formulários mais acessíveis com React Icons
  • Carregamento dinâmico de componentes React com ganchos
  

• Vue
  • O que esperar no Vue 3.0?
  • Como gravar um aplicativo Vue.js inteiramente no TypeScript
  • Como criar um aplicativo Web progressivo no Vue.js
  • Amor Vuetify? Conheça o PrimeVue, a nova e poderosa biblioteca de UI do Vue.
  • Carrosséis no Vue.js: suporte e desempenho de SSR
  

• Angular
  • Angular 9 e Ivy: carregamento lento de componentes
  • Guia prático de Angular: serviços e injeção de dependência
  • Como implementar a arquitetura de micro frontend com o Angular
  

• Ember
  • The Ember Times - Edição 131
  • The Ember Times - Edição Nº 132
  • Como alcançamos compilações "sempre-vivas" em um aplicativo corporativo no Ember.js
  • Metadados do RouteInfo (3.10)
  

• Libs e plugins
  • Biblioteca JS para verificar propriedades de JS, que são dados do formulário.
  • Reagir datas agradáveis: adaptável, com suporte a eventos por toque, uma biblioteca selecionadora de datas modular
  

Navegadores

• Micronavegadores estão por toda parte. Mas o que sabemos sobre eles?
• Pesquisadores acusaram o Opera de emitir microempréstimos a 438% ao ano, ignorando as regras do Google
• O Google está testando a nova interface do menu Compartilhar no Chrome - com ferramentas para criar códigos QR e capturas de tela
• Revisão da versão final do Microsoft Edge baseada no Chromium: um novo velho amigo
• A próxima versão do navegador Apple Safari será lançada sem o suporte do Adobe Flash
• Mozilla bloqueou 197 complementos do Firefox nas últimas duas semanas
• Edgium

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 .