O resumo de materiais frescos do mundo do front-end da última semana n ° 324 (23 a 29 de julho 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

• O podcast Web Standards, edição nº 131: Chrome 68, HTTP perigoso, React ou jQuery, você não conhece blocos embutidos, flexões ilustradas, cursos de inglês, predefinições perigosas de Babel, navegadores interferem no JS
• Podcast do fim de semana do front-end # 63 - Alexander Pershin sobre como e por que criar uma escola de educação on-line na Rússia
• CSSSR Podcast News 512 - Edição No. 16 (07.23 - 07.29)
• Podcast "Devshahta / Night Frontend": No. 43 - Novamente sobre Jenkins, ChaosConstructions 2018, ndb e SRI
• Podcast do Frontend Youth (18+): # 58 Por que o jQuery demitido do GitHub

Desenvolvimento Web

• Noções básicas progressivas sobre aplicativos da Web
• 3 lista de verificação importante para desenvolvedores da web
• Títulos de página disponíveis no aplicativo de página única
• Maneira inteligente de “pilha mínima mínima” . Do SPA simples ao PWA multifuncional

• Imagens:
  • Converta imagens para WebP . Trecho do livro "The WebP Manual"
  • Às vezes, `tamanhos 'nas imagens é muito importante.
  • Por que o WebM é melhor que o GIF para vídeo (comparação)
  • 8 dicas para otimizar seu vídeo para downloads mais rápidos
  

• Desempenho:
  • Lista de verificação de desempenho de front-end . Tradução russa de uma lista de verificação popular
  • Frontend News # 1: Dicas para equilibrar fontes da Web e velocidade da página
  • Tamanho do site: o tamanho médio da página é superior a 2 MB - o tamanho médio da página dobrou nos últimos 3 anos
  • Como se livrar de bloquear a renderização de JavaScript e CSS
  • A velocidade agora é um fator para as páginas de destino Pesquisa e anúncios do Google
  • Relatório: a atualização de velocidade para celular do Google não afetou as métricas comuns para celular
  

• Ferramentas:
  • Montamos um projeto conveniente da NPM para nós e para a equipe ou um pouco sobre as modernas ferramentas de front-end
  • Depurando com o Chrome DevTools: Dicas rápidas de front-end
  • Terminalizer - grave a operação do seu terminal em um gif animado
  • História do Github - Extensão para navegador - modelo de descrição de solicitação pull no Github
  

CSS

• Como prototipar aplicativos rapidamente com uma grade CSS e variáveis ​​CSS
• CSS-in-JS - mitos e realidade (componentes estilizados como exemplo)
• Inline-block incrível e desconhecido
• Por que o CSS Grid é melhor que o Bootstrap para layout
• Frustração com formas CSS e exclusões CSS
• Resolvido com CSS! Estilo lógico com base no número de itens recebidos.
• Magia específica das margens flexbox e auto
• Criando um sistema de design, parte 2: grade e layout
• 5 novas propriedades CSS e como usá-las

Javascript

• Github.com se recusa a usar jQuery e alterna para JavaScript puro
• Criando um sistema de gerenciamento de estado em JavaScript puro
• Por que o novo V8 é tão rápido
• CSS em JS na vida real

• Frameworks
  • Sim, você deve aprender o Vanilla JavaScript antes da moderna estrutura JS.
  • Como melhorar seu conhecimento sobre JavaScript escrevendo sua própria estrutura
  • Reagir vs. Vue (vs. Angular)
  

• Teoria:
  • Sobre geradores no JavaScript ES6 e por que é opcional estudá-los
  • Aventuras do operador de oleoduto em babel @ 7
  • Usando promessas em JavaScript
  • Tutorial em JavaScript para iniciantes
  • Vamos falar sobre o ponto e vírgula em JavaScript
  • Mônadas com estado em JavaScript: Parte 1 , Parte 2
  • Retornos de chamada - aprimore seu conhecimento sobre APIs baseadas em retorno de chamada, aprenda seu comportamento e padrões em JavaScript
  • Como parar de usar retornos de chamada e começar a viver
  

• Reagir:
  • React Basics (livro didático, 2ª edição)
  • Aprendendo renderização por exemplo
  • Truques e dicas para Reactjs SSR
  • Máquinas de estado finito em React
  

• Angular:
  • O Angular v6.1 tornou-se disponível - TypeScript 2.9, Posicionamento de rolagem e muito mais
  • Mecanismo de ligação de valor unidirecional angular
  • Compreendendo um grande aplicativo angular escalável com @ngrx
  • Transformando o Angular 6 em um aplicativo Web progressivo
  

• Libs e plugins:
  • ndb - depuração aprimorada do Node.js. ativada por meio do Chrome DevTools
  • excel4node - um módulo para o Node que simplifica a criação de arquivos do Excel
  • jsQR - biblioteca para leitura de códigos QR em imagens sem dependências
  • tabela de dados simples - biblioteca fácil e simples para trabalhar com tabelas sem dependências
  • AddThis já está disponível para AMP
  

Navegadores

• Novidades do DevTools no Chrome versão 68
• Por que abrir o YouTube no Firefox ou Edge pode demorar 5 vezes mais do que no Google Chrome
• Lançamento do navegador Chrome 68
• Um sistema aprimorado de bloqueio de conteúdo aparecerá no Firefox 63
• A Mozilla planeja remover o suporte para RSS e Live Bookmarks do Firefox
• Google Chrome incentiva a transição para HTTPS
• Uma extensão real da carteira Metamask foi removida acidentalmente da Chrome Web Store, em vez de uma falsa
• O bug crítico corrigido em maio no IE exigiu novos patches e causou um vazamento de memória

Divertido

• Retrogosto da Apple: executivos, desenvolvedores e designers estão prontos para abandonar o Macbook em favor de outros laptops
• Verifique o site para "piolhos"
• Quando os programadores ficam estranhos: projetos divertidos com o github
• Os desenvolvedores do Google introduziram dongles USB da Titan Security Key para autenticação segura
• Google Docs introduz verificação gramatical usando tecnologias de aprendizado de máquina
• O Windows 10 introduzirá o aprendizado de máquina para evitar reinicializações imprevisíveis do sistema devido a atualizações

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 .