O resumo de materiais frescos do mundo do front-end da última semana n ° 380 (8 a 15 de setembro de 2019)

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 CSSSR: 512 Notícias - WSL 2, Webpack 5 Alpha, V8 Lite, REST e Tarifa
• Podcast de padrões da Web, nº 192. Firefox 69, desempenho, API de arquivos, âncoras, chat Chatix e tradução de tela
• Podcast “Jovens de front-end (maiores de 18 anos)”: # 107 Desejos Secretos de Richard Stallman Pro Unlimited
• Podcast “A Arte da Programação” - Nº 197 Frontend in Action
• Make Me Beautiful Podcast, Edição 24 - Reactgate, 7 verdades e a maior pintura de conteúdo
• 15 vídeos de ComponentsConf 2019 Australia
• FrontSpot Show # 11: Anya Selezneva sobre garotas em TI, abraços e diversidades.

Desenvolvimento Web

• Arquitetura moderna de front-end
• O 5G definitivamente tornará a web mais lenta, provavelmente
• (Por que) Algumas construções HTML são "opcionais"
• Como contribuir para projetos de código aberto
• X3D: 3D declarativo para a Internet moderna

• As ferramentas
  • Conheça caniemail.com - um serviço on-line onde você pode ver o suporte a HTML e CSS para vários clientes de email
  • Caniuse e MDN anunciam colaboração e compartilhamento de dados
  • Portamos o desenvolvimento de JavaScript no Bash no Windows
  • Minhas extensões de navegador favoritas para desenvolvimento web
  

• Disponibilidade
  • Por que seu aplicativo precisa de acessibilidade
  • Button Contrast Checker - uma ferramenta online para verificar automaticamente o contraste dos botões
  

• Web espetacular
  • Uma seleção de demos criativos "Awesome Demos Roundup # 8"
  • Resumo dos sites inspirados # 8 Sites inspirados
  

CSS

• Variáveis ​​CSS e tema de cores para o site em várias linhas
• Menu rápido, conveniente e adaptável para 1075 categorias (36000 produtos)
• Como criar sites únicos e bonitos com CSS de vento de cauda
• Vulnerabilidades CSS
• Botões de foco transparente com efeito de foco
• "Dois navegadores entram na barra de rolagem." Zach Leatherman sobre o comportamento e as possibilidades de personalizar barras de rolagem
• Operações lógicas com variáveis ​​CSS
• Como remover CSS não utilizado
• Grade CSS: Uma seleção de layouts típicos de revistas

Javascript

• Uma rápida introdução ao Svelte do ponto de vista do desenvolvedor Angular
• Usando módulos JavaScript na produção: o estado da arte: parte 1 , parte 2
• Primeiro conhecimento do ReasonML
• Como encontrar erros no código JavaScript usando o Depurador
• Metrônomos JavaScript
• Guia de instruções para monitorar erros do navegador usando window.onerror
• Aprendizado de máquina para desenvolvedores front-end com Tensorflow.js
• V8 mais leve. Sobre as técnicas de otimização de memória usadas ao trabalhar no V8 Lite
• Como depurar código Javascript que não escrevi
• ECMAScript-new-features-list - uma lista completa dos novos recursos do ES, incluindo ES6, ES7, ES8, ES9 e ES10 (2015-2019)
• O novo recurso mais destacado em Javascript que você deve conhecer: Encadeamento opcional

• Teoria
  • As 5 coisas mais novas do JavaScript não entendem
  • Usamos truques da programação funcional para melhorar nosso código JavaScript
  • Como o JavaScript funciona
  • Copiando objetos em JavaScript
  • Outro tutorial do JS
  • 4 maneiras de acessar objetos aninhados com segurança em baunilha Javascript
  • Reintrodução da Reestruturação
  • Não há nada de errado com emoji .length == 7
  

• Reagir
  • Três erros comuns de segurança que todo desenvolvedor de reagentes deve conhecer
  • Desenvolvimento de testes automatizados para React
  • Criando um menu lateral de hambúrguer com ganchos de reação e componentes com estilo
  • Por que mudamos para React Hooks
  • React Dev Tools - Depuração no estilo Ninja
  

• Vue
  • Aplicativo da Web no Kotlin + Spring Boot + Vue.js
  • Passando a configuração para o Vue.js
  • Injeção de dependência usando Vue.js
  • Criando um aplicativo usando componentes com estilo no Vue.js
  • Alguns truques úteis para o Vue.js
  • Por que vujes são tão legais?
  • Como testar aplicativos no Vue usando a estrutura Cypress
  • «Vue 3 | Examinando o Vueture: funções de composição ". Report by Natalia Teplukhina em ComponentsConf 2019
  • JSFoo: VueDay 2019
  

• Angular
  • Como criar aplicativos da Web internacionalizados e amigáveis ​​para os mecanismos de pesquisa com o Angular Universal e o ngx-translate
  • Adicionando internacionalização (i18n) a um aplicativo Angular
  • Configurando um Projeto CLI Angular Usando o GraphQL
  • Novidades após o Angular 8
  

• Libs e plugins
  • css-dot-js-loader - Carregador de Webpack que permite gerar CSS estático usando JavaScript
  • check-imports - uma ferramenta CLI que analisa as importações e adiciona automaticamente dependências ao package.json, removendo as desnecessárias
  • Como adicionar suporte a temas pretos em uma linha
  • Plug-in Lazyload oficial nativo do Google adicionado ao Wordpress
  • js-fire - biblioteca para criar automaticamente a CLI da maioria dos objetos js
  • poético: configure rapidamente ESLint, Prettier e Airbnb em uma linha
  • js-noisy-gradient - uma pequena biblioteca para suavizar bordas visíveis em gradientes
  

Navegadores

• O Chrome 77 aprendeu a encaminhar guias de um dispositivo para outro
• O Chrome 77 quebra as páginas de login dos dispositivos Netgear
• No Chrome 78, os experimentos começarão com a inclusão de DNS sobre HTTPS
• Navegador Vivaldi lançado na plataforma Android
Mozilla lança Firefox Private Network como uma extensão do navegador

Notícias

• O tribunal dos EUA legalizou totalmente a raspagem de sites e proibiu-o de obstruir tecnicamente
• O Google mudou as regras para links nofollow
• Yoast: o Google não precisou alterar sozinho a abordagem de processamento rel = nofollow
• O WordPress adicionará suporte ao novo atributo rel = ugc na próxima versão
• Comparação do desempenho do driver de rede em opções em 10 linguagens de programação
• O Google altera os algoritmos para classificar as notícias na pesquisa, é dada prioridade às fontes originais de conteúdo original
• O Google começou a agir em subdomínios alugados

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 .