O resumo de materiais frescos do mundo do front-end da última semana n ° 390 (18 a 24 de novembro 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 # 205 dos padrões da Web. Safari TP, trabalhadores de serviço, Node.js ESM, Async e Promise, Encadeamento opcional, propriedades personalizadas
• Frontend Weekend Podcast # 100 - O que mudou para Artyom Tsatsin e o próprio Podcast de todos os tempos (Anniversary Edition)
• UnderJS Podcast # 8 - Um binário para JavaScript?
• CSSSR Podcast: News 512 - predustanovka, RC desfile, novos recursos do Vue 3, CSS 8, Github para celular e Oracle vs Google
• CSSSR Podcast: Remote Talk # 09 - Jacob Fine e Anton Moiseev, Nova York x Samara, TypeScript e a importância dos livros em TI
• Podcast Frontend Youth (18+) # 115 Com um coração puro e um motor nu
• Podcast "Web Standards" No. 204. Cúpula do desenvolvedor do Chrome, GitHub, instantâneo da Web 2019, GSAP 3, Visual Studio
• Repozitorro # 35 - Portfólio Forte para Junior
• Conferência CSS-Minsk-JS 2019
• JS Party Podcast, Episódio # 101: O JavaScript precisa de reformulação? Hein? Não?

Desenvolvimento Web

• Como a Apple mata as tecnologias da Web
• SVG ou tela?
• Como implementamos o WebAssembly no Yandex.Maps e por que deixamos o JavaScript
• A interface do usuário do Firefox agora é executada em componentes da web
• Introdução à codificação de caracteres / texto na web
• Destaques com o Chrome Dev Summit 2019
• 6 padrões para microfrontas
• Seleção de sites de criação Resumo dos Sites Inspiradores # 10

• Desempenho
  • Download adaptável - Melhorando o desempenho da Web em dispositivos de orçamento
  • WebPageTest: exemplos de scripts avançados de teste de velocidade do site
  • Podcast novo do desempenho do planeta por Stoyan Stefanov
  

CSS

• Aprenda Web Design responsivo em 5 minutos
• Como tornar seu HTML responsivo adicionando uma linha de código CSS
• Pequenos truques de propriedades personalizadas (variáveis ​​CSS)
• Treine suas habilidades de CSS com jogos online
• Como você remove CSS não utilizado de um site?
• Layout de várias colunas e extensão de coluna no Firefox 71
• Métodos para criar um layout de jornal usando grade e bordas CSS entre elementos
• Entendendo a diferença entre resolução CSS e resolução de dispositivo
• Exemplo de interface do usuário: Estilos de acessibilidade para componentes de cartão
• Crie layouts complexos usando CSS Grid

Javascript

• Os 5 principais frameworks de JS para desenvolvimento de front-end em 2020: Parte 1 , Parte 2
• Deno: O tempo do Node.JS está se esgotando?
• Anunciamos suporte para os módulos ECMAScript no Node.js
Encadeamento opcional de desempenho em JavaScript
• Novos recursos úteis no ES2016 e 2017
• O que há de novo no ES2019?
• Introdução à pilha Express e JavaScript ES6 +
• Eu criei o mesmo aplicativo no React e no Svelte. Aqui estão as diferenças.
• jQuery Core: migrando dos módulos AMD para ES
• Como gerenciar com sucesso o repositório mono-JavaScript em larga escala, conhecido como megarepo

• Teoria
  • Introdução ao ECMAScript 2017 (ES8)
  • A diferença entre uma função assíncrona e uma função que retorna uma promessa
  Encapsulamento em JavaScript
  • Introdução à composição em Javascript
  • Apenas sobre composição, agregação e associação em JavaScript
  • 15 operações frequentes em matrizes em JavaScript (cheat sheet)
  

• Reagir
  • Reação iônica - primeiro olhar
  • Métodos de ciclo de vida do componente React
  • Crie uma opção para React como uso reutilizável
  • 4 ganchos personalizados para acelerar o seu aplicativo React
  • 11 Melhores ferramentas de desenvolvedor de reagentes para 2020
  • SWR - biblioteca React Hooks para recuperação remota de dados.
  • Texto datilografado e Redux. O meu conselho.
  • Reagir é superestimado?
  

• Vue
  • Notícias interessantes Vue 3
  • Como criar um aplicativo Web progressivo com o Vue.js
  • Pronto para a produção Vue SSR em 5 etapas fáceis
  • Suspense - Novo recurso no Vue 3
  • Criando um site de portfólio completo com Nuxt.js e Netlify: bonito, rápido e com 100% de otimização de SEO
  • Criei o mesmo aplicativo no Vue e no Svelte. Aqui estão as diferenças.
  

• Angular
  • Angular sem zone.js: desempenho máximo
  • SEO angular: como criar páginas amigáveis ​​para pesquisa
  • Promessas angulares versus observáveis
  • O mais recente tutorial sobre detecção de alterações angulares que você precisará.
  • Como eu escrevi a NgRx Store em 63 linhas de código
  • 9 idéias para Angular que os desenvolvedores geralmente ignoram
  

• Ember
  • Lançamento do Ember 3.14 (cont. De pré-visualização do octano)
  • Promessas e estados da interface do usuário no Ember.js
  • Você precisa de um EmberObject?
  • Ember-CLI-Mirage: vamos criar um servidor incrível e criar um banco de dados
  

• Libs e plugins
  • lite-youtube-embed - um elemento personalizado de Paul Irish que baixa vídeos 224 vezes mais rápido que o método original
  • Legra (Lego brick Graphics) é uma pequena biblioteca JS que permite desenhar usando tijolos do tipo perna na tela
  

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 .