O resumo de materiais frescos do mundo do front-end da última semana n ° 339 (12 a 18 de novembro 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 Divertido

---

Mídia

• Frontend Weekend Podcast # 79 - Oleg Polyakov sobre a fundação do CodeDojo e como ele se tornou o principal local de trabalho
• Podcast sobre padrões da Web, edição nº 147: Chrome Dev Summit, API de dados pessoais, HTTP / 3 para UDP, Web Components
• React Five Minute Podcast # 49 - bem-react-core
• Devshahta Podcast: 57: Como o Wrike usa o dardo
• Podcast “Jovens de front-end (maiores de 18 anos)” # 73 Três crostas de Eddie Osmani
• CSSSR Podcast: News 512 - Edição No. 29 (12.11 - 18.11)
• Vadim Makeev video blog 9. Menu para menus, grades ou bootstrap, conveniência
• KharkivJS # 9 2018 , 32 vídeos
• FrontTalks 2018 , 16 vídeos
• Chrome Dev Summit 2018 - todas as sessões

Desenvolvimento Web

• Adeus, Electron. Olá PWA da área de trabalho
• HTTP sobre QUIC será padronizado como HTTP / 3
• Introdução ao WebAssembly usando apenas 14 linhas de JavaScript
• Web.dev do Google - um novo recurso com informações estruturadas detalhadas sobre técnicas modernas de desenvolvimento da web
• O poder dos componentes da web
• 5 razões pelas quais sites estáticos governam
• Destaques retirados do Chrome Dev Summit 2018
• O DOM virtual está lento. Conheça o DOM memorizado

• Desempenho:
  • O Google redesenhou o PageSpeed ​​Insights
  • Google lançou o aplicativo de otimização de imagem Squoosh
  • Addy Osmani sobre navegadores, JS e sua otimização
  • Medição, otimização e monitoramento . Addy Osmani sobre como investir sua energia em produtividade
  • Resumo dos relatórios da conferência performance.now () realizada recentemente em Amsterdã
  • Inline ou cache? Ambas as opções, por favor!
  • Uma retrospectiva do trabalho sobre desempenho no Mapbox Studio (um aplicativo grande no React - Redux com renderização em tela WebGL com o Mapbox GL)
  

• Ferramentas:
  • Distribuir e conquistar: ferramentas para criar e testar boletins
  • Desenvolvimento de front-end no iPad Pro (2018)
  

• Acessibilidade:
  • Importância dos níveis de cabeçalho para tecnologias assistivas
  • Por que usar valores "tabindex" maiores que "0" é ruim
  • Estilos de foco específicos do teclado
  

• Animação:
  • Layout da página invertida
  • efeito lanterna para casa assombrada
  • Conceito criativo da página do desenvolvedor (design digital)
  

CSS

• Exemplos de uso de caixas flexíveis
• "C" em CSS: The Cascade
• Como se livrar do CSS não utilizado para facilitar os arquivos CSS
• Diferença entre currentColor e Custom Properties
• Aparelho para Pixels . Um artigo detalhado sobre como alterar o código CSS em pixels na tela
• Escala de texto suave em JavaScript e CSS
• Hardcore CSS calc ()
• Um pequeno vídeo sobre como a equipe basecamp.com usa CSS Grid na produção

Javascript

• O Google financiará a melhoria das estruturas JavaScript
• Jogue Mortal Kombat com TensorFlow.js: transfira dados de treinamento e complemento
• “Guia Definitivo do TypeScript” - um livro on-line gratuito sobre Typescript
• Tratamento de erros JavaScript: um guia completo
• Cadeias de promessas estão mortas. Vida longa assíncrona / aguardar
• Criando sua própria sandbox JavaScript interativa
• Por que a API do Facebook começa com o loop for
• Após dois anos de uso do TypeScript - valeu a pena?

• NodeJS:
  • Node.js dorme, adormece, adormece . Como desacelerar um fluxo e pausar
  • Como usar o NodeJS sem estruturas e bibliotecas externas
  • Documentação offline para Node.js (PDF)
  

• Teoria:
  • Contexto de execução e pilha de chamadas em JavaScript
  • Recursos JavaScript que eu não conhecia
  • Guia JavaScript: parte 1: primeiro programa, recursos de linguagem, padrões , parte 2: estilo de código e estrutura do programa , parte 3: variáveis, tipos de dados, expressões, objetos
  • JavaScript divertido: sem chaves
  • Contexto de execução e pilha de chamadas - ilustração visual de um bolo cortado
  

• Reagir:
  • Introdução aos ganchos de reação
  • Por que React Hooks e como você chegou a isso?
  • Conceitos que você precisa conhecer no React.js (depois de aprender o básico)
  • Visão geral dos adereços de renderização no React
  • Criando um aplicativo React To-Do com ganchos React (sem componentes de classe)
  • Como usar React.lazy e Suspense para carregamento lento de componentes
  • Hooked on hooks: como usar o useReducer do React ()
  • Fazendo reagir reativo usando ganchos
  

• VueJS:
  • Como configurar a instalação das variáveis ​​de ambiente Nuxt.js em tempo de execução ou Como fazer tudo que não é de todo mundo e não se arrepender
  • Pré-visualização do Vue.js 3.0 por Evan You
  • Criando seu primeiro projeto VWA.js PWA
  • Como usamos o Redux e o Redux-Observable com o Vue (v3.0 journal)
  • Aplicativos Vue offline primeiro com capuz e caixa de trabalho
  • Projetando um UX aprimorado com transições e animações do Vue.js
  • Explicação visual Vuex
  

• Angular:
  • Otimização de manipulação de eventos no Angular
  • Angular - todos os relatórios com o AngularConnect para 2015-2018
  • Introdução ao Angular App e ao Angular CLI em alguns minutos
  

• Libs e plugins:
  • TensorSpace.js - estrutura para visualização 3D de redes neurais, construindo um modelo interativo e intuitivo em navegadores, suporte para modelos de aprendizado profundo pré-treinados de TensorFlow, Keras, TensorFlow.js
  • Ganchos TNG - Fornece ganchos useState (..) inspirados em React para funções independentes
  • router: um roteador JS simples para resolver uma única tarefa sem os frameworks React, Angular ou Vue
  

Navegadores

• O Firefox começará a notificá-lo sobre visitas a sites invadidos, bem como alterações de preços
• Suporte para Wayland adicionado às versões noturnas do Firefox
• A Mozilla está testando dois novos recursos no Firefox: Price Wise e Email Tabs
• O Chrome está desenvolvendo uma API para criar aplicativos personalizados completos

Divertido

• Sete novos ataques ao mecanismo de execução especulativo na CPU
• Uma divisão entre dissidentes: o que aconteceu com a quarta maior criptomoeda Bitcoin Cash em termos de capitalização
• Visão interna: sobre a cultura alimentar do Facebook
• O Google abrirá para todos o domínio de nível superior .dev
A Microsoft cultiva pepinos melhor do que a Tencent e a Intel. A empresa fundada por Bill Gates parece ter finalmente encontrado seu chamado
• Estatísticas octoversas: principais linguagens de programação em 2018
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 .