Frontend Weekly Digest (9 a 15 de setembro de 2019)

Nesta semana, publicamos uma seleção realmente enorme de todas as notícias essenciais que você pode ter perdido no desenvolvimento do Front-end. Certifique-se de verificar as atualizações mais recentes em CSS, HTML e JavaScript.

Desenvolvimento Web

• ComponentsConf 2019, Austrália. 15 vídeos
• O 5G definitivamente tornará a Web mais lenta, talvez
• (Por que) Algum HTML é "opcional"
• Como contribuir para um projeto de código aberto
• X3D: 3D declarativo para a Web moderna
• Arquiteturas de front-end contemporâneas

• Ferramentas
  • Apresentando caniemail.com
  • Colaboração de dados de compatibilidade Caniuse e MDN
  • Movendo seu desenvolvimento JavaScript para o Bash no Windows
  • Minhas extensões favoritas para desenvolvimento web
  • Verificador de contraste de botão
  

• Efeitos
  • Incrível demonstração de demonstração # 8
  • Resumo dos sites inspiradores nº 8
  

CSS

• Como criar sites exclusivos e bonitos com CSS de vento de cauda
• Vulnerabilidades de segurança CSS
• Botões fantasma com reconhecimento direcional em CSS
• Dois navegadores entraram em uma barra de rolagem
• Operações lógicas com variáveis ​​CSS
• Como remover CSS não utilizado
• Grade CSS: layouts de revistas

Javascript

• Como encontrar erros no seu código JavaScript com o depurador
• Metrônomos em JavaScript
• Observabilidade do front end. Um guia prático para o monitoramento de erros de navegadores com window.onerror
• Machine Learning para desenvolvedores front-end com Tensorflow.js
• Um V8 mais leve
• Como depuro código Javascript que não escrevi
• ECMAScript-new-features-list - Uma lista abrangente de novos recursos de ES, incluindo ES6, ES7, ES8, ES9 e ES10 (2015-2019)
• O novo recurso mais destacado em Javascript que você precisa conhecer: Encadeamento opcional

• Teoria
  • Trata-se de dicas e truques úteis sobre JS!
  • 4 maneiras de acessar objetos aninhados com segurança em vanilla Javascript
  • Uma reintrodução à atribuição de reestruturação
  • Não é errado que "emoji" .length == 7
  

• Reagir
  • Menu de hambúrguer com ganchos laterais e componentes com estilo
  • Por que mudamos para reagir ganchos
  • Reagir ferramentas de desenvolvimento - depurar como um ninja
  

• Vue
  • Criando seu aplicativo com componentes estilizados no Vue.js
  • terça 3 | Examinando o Vueture: funções de composição. Natalia Tepluhina em ComponentsConf 2019
  • JSFoo: VueDay 2019
  • Alguns truques úteis do Vue.js.
  • Por que o Vuejs é tão impressionante?
  • Como testar aplicativos Vue com a popular estrutura Cypress
  

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

• Libs e plugins
  Css-dot-js-loader - Um carregador Webpack que permite gerar código CSS estático via JavaScript
  • check-imports - Verifique as importações nos arquivos JS e atualize as dependências package.json
  • Modo escuro no seu site com 1 linha de código
  • “Lazyload nativo” pelo Google oficialmente no Wordpress
  Js-fire - uma biblioteca para gerar automaticamente interfaces de linha de comando (CLIs) da maioria dos objetos js.
  • poético: Configurando ESLint, Prettier e Airbnb em 1 linha
  Js-noisy-gradient - lib pequena e rápida para suavizar faixas visíveis em fundos de gradiente linear.
  

Obrigado pela leitura! Sinta-se à vontade para enviar seus artigos ou novos conteúdos úteis que você deseja ver no próximo resumo.