O resumo de materiais frescos do mundo do front-end da última semana n ° 334 (7 a 14 de outubro 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

• Podcast do fim de semana do front-end # 74 - Mikhail Bodnarchuk sobre como e por que um desenvolvedor deve testar seu código
• Podcast Devshacht / Night Front End: 53: DevOops 2018
• Vadim Makeev video blog 5. JPEG politécnico, mágico, forma desnecessária e ajuste de objeto no SVG , 6. Imersão no ajuste de objeto: cubra com polyfill e sem

Desenvolvimento Web

• Por que não adicionamos o elemento <wonderful> ao HTML?
• Como transformar uma pergunta difícil em uma pergunta fácil em uma entrevista de front-end
• Sobre geradores de sites estáticos
• A implantação de aplicativos front-end é uma maneira divertida.
• Usando a API de áudio da Web , informações atualizadas detalhadas sobre o MDN
• Técnicas avançadas para usar a API de áudio da Web: geração de som, sequência, sincronização e agendamento

• Desempenho:
  • Otimizamos a web com Vitaliy Fridman: velocidade de download, memória, CPU
  • Introdução a um orçamento de desempenho , um artigo detalhado de Addy Osmani sobre as nuances e aspectos do problema
  • Entrega de conteúdo adaptável usando JavaScript e a API de informações de rede . Outro artigo de Addy Osmani sobre a escolha de diferentes ativos, dependendo da velocidade da conexão
  • Melhores maneiras de melhorar o desempenho do download do front-end
  • Outra história de sucesso de PWA + AMP: como o Superbalist melhorou a velocidade de carregamento da página, aumentando assim as conversões em 26%
  

• Ferramentas:
  • Novidades do DevTools (Chrome 71)
  • O Favicon Checker é uma ferramenta on-line para comparar favicons em todos os principais navegadores, incluindo temas claros e escuros.
  • termtosvg - utilitário para gravar o que está acontecendo no terminal como SVG
  • página de remarcação - um script que transforma a remarcação em HTML em uma linha
  

• Acessibilidade:
  • Folha de dicas sobre acessibilidade
  • WordPress, Acessibilidade e Gutenberg
  • Deixei a posição de líder da equipe de acessibilidade no WordPress. E aqui está o porquê
  

CSS

• Recursos de conteúdo CSS
• O CSS Border-Radius pode fazer isso?
• Como eu lembro das propriedades da grade CSS
• O seu entrevistado entende layouts de CSS?
• Seletor CSS adjacente anterior e como emulá-los
• 5 coisas que você pode fazer no CSS-JS que você não sabia
• Editor de Caminho de Forma no Firefox

Javascript

• Guia prático do ES6 sobre como fazer uma solicitação HTTP usando a API Fetch
• Atalhos em JavaScript para iniciantes
• Visualizador de JavaScript - uma ferramenta para visualizar o contexto, flutuando variáveis, fechamentos, protótipos e outros conceitos básicos de JS para entender melhor como ele funciona
• Imersão profunda nisso em JavaScript: por que é tão crítico escrever um bom código
• 13 jogos em ≤ 13kB de JavaScriptJs13kGames 2018
• Vamos lidar com a confusão em torno dos métodos slice (), splice () e split () no JavaScript
• Novos lançamentos: Ember 3.4 , ESLint v5.7.0 , Aurelia-CLI v1.0.0-beta.1, Novo coletor Aurelia-CLI com rastreamento automático

• VueJS:
  • Usando o Barramento de Eventos para compartilhar acessórios entre os componentes do Vue
  • 12 empresas que usam o Vue.js para desenvolver seus aplicativos
  • App offline otimista primeiro com Vuex
  • Trabalhar em um aplicativo no Vue.js com TDD é um guia completo para pessoas que têm tempo, parte 1
  • O que você precisa saber sobre o Vue CLI 3
  

• Reagir:
  • Ignorância dos princípios básicos do React, que podem estar destruindo você
  • Cache do manipulador de eventos e melhoria no desempenho do aplicativo React
  • Como se tornar um desenvolvedor do React em 2018
  • React.js: a melhor visualização da biblioteca de interface do usuário mais poderosa já criada
  • OOP e RxJS: gerenciamento de estado em React with Akita
  • 11 caixas de areia para trabalhar com componentes do React UI
  • Como combinar Webpack 4 e Babel 7 para criar um fantástico aplicativo React
  • O que há de novo na série de vídeos Create React App 2.0
  • Você precisa saber sobre o React para ser um desenvolvedor do WordPress?
  • Testando aplicativos de reação com a biblioteca de teste de reação
  • Full Stack Radio: 99: Tim Neutkens - Criando aplicativos React com Next.js
  

• Angular:
  • 22 dicas para um desenvolvedor Angular. Parte 1 , Parte 2
  • Algumas dicas angulares
  • Anúncio da primeira versão estável do Angular Console - UI para Angular CLI
  • Formulários aninhados em Angular 6
  • Referência do Angular 6: Estilo , Roteador
  • Angular & Chart.js (com ng2-charts)
  • Criando um aplicativo de pilha completa usando Angular CLI e Nx
  

• Libs e plugins:
  • TensorFlow.js e clmtrackr.js: acompanhando a direção do olhar do usuário no navegador
  • Deity Falcon - biblioteca PWA de plataforma aberta de código aberto para criar sites de qualquer tipo
  • perfume.js - biblioteca JavaScript para medir a primeira pintura (com conteúdo), o tempo até o atraso interativo e a primeira entrada.
  • mb - acesso a atributos aninhados com valores nulos sem erros de exceção
  • Muze - criando visualizações compostas para a web, com foco nos dados
  

Navegadores

• Resultados de auditoria publicados do sistema de atualização do Firefox
• Os desenvolvedores da Mozilla adiaram o fim da confiança no certificado da Symantec
• Foi encontrada uma lacuna no Microsoft Edge que permite executar qualquer programa
• O Google Chrome em breve deixará de funcionar em dispositivos com Android 4.3 e inferior
• Chamadas entre JS e WebAssembly finalmente agilizam no Firefox

Divertido

• Candidato ao primeiro lançamento do Gutenberg 4.0 lançado
• A evolução da criptografia: da matemática à física
• Regulador da ICANN altera com êxito as chaves de nome de domínio
• Tradução visual O Google Translate também mudou para tecnologias neurais e recebeu suporte para 13 novos idiomas
• Tutorial do Windows PowerShell para iniciantes
• O Facebook revelou os detalhes do último hack: hackers receberam telefones e endereços de e-mail de 30 milhões de usuários
• Google+ fecha após vazamento de dados de 500.000 contas
• Yandex não pôde concordar com os detentores de direitos autorais em um novo acordo antipirataria
• Os usuários do Alexa confessaram seu amor por um assistente de voz mais de um milhão de vezes, mas foram rejeitados por ela
• Microsoft abriu 60 mil patentes para proteger o Linux de ações judiciais
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 .