O resumo de materiais frescos do mundo do front-end da última semana n ° 343 (10 a 16 de dezembro de 2018)

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

---

Mídia

• Podcast “Web Standards”, Edição nº 151: Eventos e comunidade em Tver, Firefox, barras de rolagem e mecanismos, Quicklink e Dicas de recursos, off-line, formulários e tabelas.
• Podcast # 83 - Ilya Klimov sobre como e por que o projeto educacional JavaScript.Ninja foi criado
• Devshahta # 61: TypeScript e seu suporte no IDE JetBrains
• Podcast “Jovens de front-end (maiores de 18 anos)” # 75 mamas no teclado , # 76 Como atualizar a comunidade de front-end
• CSSSR Podcast Remote Talk # 03 - Alexey Volkov e Olesya Kozlova, Chelyabinsk
• “TODO O SEU HTML” # s2e1: “Texto de Satélite” (texto simples ao redor da foto), o primeiro fluxo da nova temporada

Desenvolvimento Web

• Como os navegadores funcionam - uma introdução à segurança de aplicativos da web
• Breve visão geral do desenvolvimento front-end em 2018
• Gerador de código GraphQL
• Criando um formulário de login animado para o TouchID

• Desempenho:
  • Padrão anti-desempenho: Codificação Base64
  • Medindo o impacto no desempenho das extensões do Chrome
  • Tudo sobre pré-busca
  • GoogleChromeLabs / quicklink - uma ferramenta que acelera o pré-carregamento da página, selecionando previamente os links na janela de visualização durante o tempo de inatividade
  

• AMP / PWA:
  • Caso: como o Pinterest mudou para o PWA e aumentou a atividade do usuário em 60%
  • Existe uma guerra fria entre o Android e o Chrome pelos PWAs?
  • Mais rápido que o AMP
  

• Acessibilidade:
  • JavaScript e direitos civis. Usando nossa tecnologia. habilidades para proteger direitos iguais de usuário
  • Não é uma estratégia de navegação antiga: é mais do que apenas uma tecla Tab
  • Usando aria-live
  • Tudo muda? O que poderia acontecer com a lei de acessibilidade do Reino Unido após o Brexit
  • O Firefox Accessibility Inspector agora mostra o contraste das WCAG, incluindo a faixa de valores para o fundo gradiente
  

CSS

• Basta usar estilos para: foco, inferno
• Introdução e Guia para o CSS Object Model (CSSOM)
• DebuCSSer - ferramenta de depuração CSS com nome impronunciável
• CSS-in-JS ou CSS-and-JS
• A propriedade visibilidade não se refere apenas à visibilidade do elemento
• Quando as pseudo-classes: hover ,: focus e: active se aplicam?
• Verifique se a entrada CSS está vazia
• Explorando propriedades de especificação CSS
• CSS Math

Javascript

• Sobre os benefícios da incorporação de CSS em JS
• Quem participou da pesquisa JavaScript 2018?
• Injeção avançada de JavaScript
• Blog de tecnologia Netflix: Nossos resultados após a implementação do GraphQL
• JavaScript: até onde chegamos
• O duelo decisivo entre as tendências da tecnologia: React vs Angular vs Vue
• Use esses recursos Javascript para tornar seu código mais legível.

• Node.js:
  • Machine Learning com Node.js usando a biblioteca Tensorflow.js
  • Inicie um drone usando React e Node.js! (100% JavaScript!) - Parte 1
  • 19 maneiras de melhorar para os desenvolvedores do Node.js. em 2019
  • APIs do Node.js e estruturas da web para 2019
  

• Teoria:
  • Recursos explícitos de JavaScript
  • Como o JavaScript funciona: uma visão geral do mecanismo, tempo de execução e pilha de chamadas
  • Herança JavaScript e a cadeia de protótipos
  • ECMAScript - tente algo do ES2019 (ES10)
  • Propriedades de classe pública e privada
  

• Reagir:
  • Antes de você - reagir ao aplicativo Web moderno
  • 9 Geradores de sites estáticos de reação para 2019
  • Renderizando listas usando o React Virtualized
  • Escrevendo código de reação mais rapidamente com trechos de reação simples
  • Dicas de otimização de reação
  • Reação assíncrona com roteador de reação e suspense
  • Reagir: Estado e adereços IRL
  

• VueJS:
  • Histórias, capítulos e parágrafos: Estruturando o conteúdo com Storyblok e Vue.js
  • Escolhendo um tema de mapa interativo usando o Vue.js
  

• Angular:
  • Escrevendo uma regra TSLint personalizada para Angular
  • Opção para herança de componentes em Angular, parte 1
  • Melhorando as bibliotecas angulares - parte 1
  • Migrando do AngularJS para o Angular - uma nova estratégia
  

• Libs e plugins:
  • matchit: analisa e compara URLs rapidamente
  • Rendora: renderização dinâmica do lado do servidor usando o Chrome sem cabeça para resolver problemas de SEO com as estruturas modernas React, Vue, Angular sem esforço
  • pika: pesquise pacotes modernos do npm. Obtenha construções JavaScript rápidas e leves.
  • Por que não uso mais o D3.js.
  

Navegadores

• Lançamento do Firefox 64 , detalhes para desenvolvedores na revisão de Marat Tanalin
• O novo Edge suporta extensões do Chrome
• A Opera lançou o primeiro navegador Android com suporte à Web 3 e a carteira criptográfica interna Ethereum
• Navegador corajoso concluiu a transição para o Chromium
• Uma seleção de comentários sobre a situação recente com navegadores e Edge

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 .