O resumo de materiais frescos do mundo do front-end da última semana n ° 342 (3 a 9 de dezembro 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 sobre padrões da Web, edição nº 150: o Edge agora é Chrome, Flutter for Web, Acessibilidade.
• Frontend Weekend Podcast # 82 - Maxim Salnikov sobre como mudar para Oslo e se tornar um especialista em desenvolvedor do Google
• Devshacht - podcast: 60: Preço da abstração
• Podcast Frontend Youth (18+) # 74 Chinês em três peças
• Vadim Makeev video blog: 12. Como inserir vinte vídeos do YouTube e não baixar um elefante
• Podcast My Story JavaScript: 088: Nicholas Zakas

Desenvolvimento Web

• Lançou o WordPress 5.0 (c Gutenberg on React), lançando as bases para uma nova plataforma
• Aplicativos da Web progressivos: exemplos e usos do PWA
• Introdução à busca em segundo plano
• Guia da API do Canvas HTML
• Protegendo o site, como se 1999 fosse agora
• Primeiro o modo off-line (série de vídeos)
• Por que você deve usar o GatsbyJS para criar sites estáticos
• Imagens responsivas usando SVG em vez de Srcset
• Efeito de repulsão interativo com Three.js

• Ferramentas:
  • 16 dicas e truques do DevTools que todo desenvolvedor de CSS deve saber
  • screenshoteer: tire screenshots e emule dispositivos móveis diretamente da linha de comando
  • Ferramentas de monitoramento de CI de front-end
  

• Acessibilidade:
  • Desenvolvimento de interfaces acessíveis
  • "D" no DOM
  • Ícones SVG disponíveis com sprites em linha
  • O que pode ser aprendido com a situação de disponibilidade em Gutenberg?
  • Deficiência é um espectro, não um valor binário
  • Guia de Acessibilidade ao Conteúdo da Web 2.1 - Para quem ainda não leu a atualização
  • Visão geral da acessibilidade - uma série de vídeos curtos de desenvolvedores da Microsoft, dedicados ao estudo da acessibilidade
  

Navegadores

• A Microsoft confirmou oficialmente que o Edge muda para o mecanismo Chromium
• Uma variedade de navegadores começa conosco
• Versão do navegador Chrome 71
• CEO da Mozilla critica mudança da Microsoft para o Chromium
• A Qualcomm, juntamente com a Mozilla, está trabalhando em um navegador Firefox para a plataforma Windows no ARM

CSS

• Lábios CSS indolor com stylelint
• Preenchendo a lacuna entre CSS e JavaScript: módulos CSS, PostCSS e o futuro do CSS
• Diagrama CSS Venn
• Criando botões de opção usando variáveis ​​CSS
• Programação CSS
• Como você nomeia variáveis ​​para cores?
• Uma seleção de sombras criativas para texto CSS com CodePen

Javascript

• Imba: linguagem compatível com JavaScript para um trabalho rápido com DOM
• Recursos JavaScript pouco conhecidos
• Este ano em JavaScript: uma revisão das previsões de 2018 e npm para 2019
• Os profissionais de ciência de dados devem aprender JavaScript?
• Aplicativos instáveis ​​da web

• Lançamentos:
  • A Microsoft implementou o IntelliCode para TypeScript / JavaScript e C ++
  • O Google anunciou o Flutter 1.0, a primeira versão estável da estrutura Dart
  • Babel 7.2.0 Release: Métodos de Instância Privada
  • O que há de novo no TypeScript 3.2?
  • Versão React-redux 6.0.0
  

• Teoria:
  • Sobre a composição da função em JavaScript
  • Guia de tratamento de erros JavaScript
  • Por que você precisa se desinscrever de Observable?
  • Você pode não saber JS: JavaScript Bible Ideas
  • Adeus Transform-Streams, vida longa aos geradores assíncronos ES9
  

• Nó:
  • Como proteger seu aplicativo Node.js de dependências maliciosas
  • Como usar o TypeScript para criar APIs de nó com o Express
  

• VueJS:
  • VueJS: Argumentos a favor , Argumentos contra . Novos vídeos de Ilya Klimov no canal JavaScript.Ninja
  • “Estamos testando um aplicativo Vue real” , - um relatório de Nikita Sobolev da Krasnodar Dev Days sobre como testar com facilidade e rapidez
  • eslint-plugin-vue - plugin oficial do ESLint para Vue.js
  • Vue development in 2019: o que você precisa saber
  • Como criar um aplicativo no Vue.js usando componentes de arquivo único, sem CLI.
  

• Reagir:
  • Criando aplicativos animados do React com o React Spring
  • 10 mais coisas que você não sabia sobre o Create React App
  • Dicas e truques para o seu aplicativo React-Redux
  • Como o React distingue uma classe de uma função?
  • Vinculando componentes no React usando a API de contexto
  • React Podcast - 31: Hooks são Mixins com Ryan Florence
  

• Angular:
  • Otimização de aplicações angulares
  • Como começar com o Angular no Windows
  • Metaprogramação, componentes de alto nível e impurezas com Angular Ivy
  • Console Angular: o que é e por que é valioso para você?
  • Aplicativos Web progressivos com Angular: Parte 2 - Download lento
  

• Libs e plugins:
  • sharp - processamento de imagem de alto desempenho no Node.js
  • 6 bibliotecas JavaScript para autenticação do usuário em 2019
  • Validador de objeto leve do ForgJs em javascript
  • Como preencher o banco de dados com milhares de usuários usando Knex.js e Faker.js
  

Divertido

• Como um garoto de 8 anos se tornou o YouTube mais bem pago em 2018
• O HackerOne introduziu "caixas de areia" para praticar habilidades de hackers
• Dilema chinês do Google: histórico de desenvolvimento do mecanismo de busca Dragonfly e protestos contra a "ameaça à Internet gratuita"
• Oficialmente: o Google fechará o Allo messenger em março de 2019 e se concentrará no desenvolvimento de Messages, Duo e Hangouts for Business
• Google personaliza extradição mesmo no modo de navegação anônima - pesquisa DuckDuckGo
• Status de UX em 2019
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 .