O resumo de materiais frescos do mundo do front-end da última semana n ° 396 (30 de dezembro de 2019 a 5 de janeiro de 2020)

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 Divertido |

Mídia

• Podcast “Make Me Beautiful” Edição nº 32, visitando Artur Kenzhaev - O artigo mais estúpido e o mais difícil
• Podcast “Web Standards” No. 210: Console.log ou depuração, fontes variáveis, princípios a11y, promoções NG, código único
• CSSSR Podcast: News 512 - Edição especial de ano novo 2020
• Vídeo de PiterJS: # 37 (T-Systems) , # 38 (Nexign) , # 40 (DataArt) , # 41 (DINS) , # 42 (JetBrains)

Desenvolvimento Web

• Aplicações Web progressivas em 2020
• CI / CD para o front end: uma visão geral de ferramentas e práticas para automação de desenvolvimento
• Resultados de SEO de 2019: aposte em assessores
• Learning IndexedDB
• Desenvolvimento Web em 2020 - Um olhar para o futuro
• O que você pode fazer com um navegador em 2020
• O que lemos, 2019. Uma seleção de recursos nos quais você pode monitorar tendências de desenvolvimento da web
• O que é o CORS (Cross Source Resource Sharing)?
• Documentos do livro de histórias para novas estruturas
• Uma seleção de protótipos criativos de interfaces animadas "UI Interactions & Animations Roundup # 1"

• Desempenho
  • Otimização de upload de imagem
  • Comparação de desempenho de HTTP / 1.1, HTTP / 2 e HTTP / 2 + Server Push
  • Prototipagem de otimização com Cloudflare Workers e WebPageTest
  • Como otimizar o tempo de carregamento da página: outra olhada no índice de frustração
  • Como ler um diagrama em cascata no WebPageTest
  • Problemas de desempenho do JavaScript?
  

CSS

• Criando um layout de planejador diário com CSS Grid & Subgrid & Flexbox
• Noções básicas sobre CSS-in-JS
• Noções básicas sobre grade CSS: Criando um contêiner de grade
• Propriedade CSS poderosa z-index
• O seletor "é" é útil?
• 2 maneiras de criar um layout do Santo Graal no Flexbox
• Largura / altura mínima e máxima em CSS
• Ano novo, novo emprego? Vamos criar um currículo em grades!

Javascript

• JavaScript Weekly 2019: os links, artigos, tutoriais e vídeos mais populares de 2019
• 70 Perguntas da entrevista sobre JavaScript
• Chrome V8 versão 8.0 - V8, - o que esperar?
• Viés de amostragem, FDR e pensamentos sobre o estado de JS

• Teoria
  • De que é feito o JavaScript?
  • Modelos de seleção de banco de dados rápidos e suportados
  • Erros comuns da promessa de Javascript que todo novato deve saber e evitar
  • 5 funções JavaScript sem as quais não consegui escrever código
  • 11+ recursos de JavaScript que você provavelmente nunca usou
  • Recursos do ES7-ES9 # 8 Métodos de string
  

• Reagir
  • O poder de simplificar grandes componentes no React
  • Compare as bibliotecas de teste de reação
  • Trabalhando com links no Next.js
  • Redux VS React Context: qual escolher?
  • Revisão do Ano React 2019
  • Ganchos React-Redux com texto datilografado em 2020
  

• Vue
  • API Vue Composition: o que é e como usá-lo?
  • Fora da arquitetura de encadeamento principal com o Vuex
  • Vue Cheat Sheet Part 3 Advanced
  • Vue Apollo v4: primeiro olhar
  • Criando componentes da Web com o Vue.js
  • API de composição do Vue.js: use com a API MediaDevices
  • Solução Lazy Observable API Services com Vue.js
  • Revisão Vue Keep-Alive
  

• Angular
  • Angular: sobrecarregando o roteador
  • 15 melhores artigos angulares para 2019
  • Melhore o desempenho do SPA dividindo suas bibliotecas Angular em várias partes
  • compodoc - ferramenta de documentação de projetos em angular
  

• Ember
  • Usando TailwindCss com Ember
  • Promessas e estados da interface do usuário no Ember.js
  • Um dos motivos pelos quais você deve usar um URL
  

• Svelte
  • Crie um site responsivo com o Svelte em 30 minutos.
  • Como criar um componente da web no Svelte
  

• Libs e plugins
  • Como usar corretamente as bibliotecas de utilitários em JavaScript
  • IsoCity - Simulador isométrico de planejamento urbano em JavaScript
  • Como lançar uma biblioteca de código aberto em 2020
  

Divertido

• Os eventos mais importantes de 2019
• Runet autônomo, redes neurais, satélites Starlink, smartphones dobráveis: como a indústria de TI mudou no ano passado
• Samsung Galaxy Fold, escândalo de cartão de crédito da Apple e problemas da Boeing: falhas tecnológicas em 2019
• GIGANEWS. Todas as notícias de segurança mais importantes para 2019
• Redesenho do site ou como manter a posição e o tráfego nos mecanismos de pesquisa
• Nos anos 90 e agora: como o caminhão da Coca-Cola, o Google New Year doodles, as xícaras da Starbucks e outros símbolos mudaram
• Os cinco melhores livros de ciências em 2019, de acordo com a publicação científica Nature

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 .