O resumo de materiais frescos do mundo do front-end da última semana n ° 353 (17 a 24 de fevereiro de 2019)

Chamamos a 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

---

Mídia

• Podcast Web Standards, Edição nº 162: Npm para empresas, prioridades de download de JS, preço de scripts de terceiros, JS diretamente em CSS, disponível por TodoMVC, caixas de seleção personalizadas e alinhamento de texto.
• Devschacht Podcast # 70: Como o TypeScript muda nosso pensamento
• CSSSR Podcast News 512 - Edição nº 39 (18 de fevereiro a 24 de fevereiro)
• Podcast “Jovens de front-end (maiores de 18 anos)” # 84 Cada um de nós já viu o pior
• Vídeo blog de Vadim Makeev: “13. Viva com as respostas " , 14. Caixas de seleção personalizadas corretamente
• MinskJS Meetup # 5 - 3 vídeos

Desenvolvimento Web

• Desenvolvimento WebAssembly: rake real e exemplos
• BEM conveniente
• Páginas AMP e Turbo: prós, contras e resultados da implementação
• AMP aumenta o tráfego de busca orgânica - estudo
• 30 práticas essenciais para escrever HTML5 moderno e eficaz
• Slides de Alexandra Shinkevich do MK interno sobre o teste da interface para desenvolvedores
• Experimente o GraphQL! Guia Interativo do GraphQL

• Ferramentas:
  • Um novo olhar para aprender e documentar o código fonte
  • Como o tamanho do código depende do minificador, coletor e idioma. Atualização inesperada do webpack
  • 10 dicas de segurança para npm
  • ICONSVG - uma ferramenta para simplificar o processo de busca e geração de ícones populares para o seu projeto
  • 7 sandboxes javascript em 2019
  

• Acessibilidade:
  • Dicas para tornar os elementos interativos acessíveis em dispositivos móveis
  • Componentes inclusivos: lista de tarefas
  • O que significa a norma europeia de acessibilidade EN 301 549 para organizações dos EUA?
  • Vídeo sobre como os leitores de tela usam a web
  

• Web espetacular:
  • Efeitos de filtragem SVG. Parte 6. Criando texturas com feTurbulence
  • Crie animações que dão vida ao seu site.
  • Como criar um efeito de imagem 3D falso usando o WebGL
  • Blobs!
  • SPA SVG
  

CSS

• Por que estou escrevendo CSS em JavaScript
• Desenho em CSS puro . As 5 principais propriedades CSS nas quais eu confio ao criar arte CSS
• JS-in-CSS - um worklet que será criado diretamente do CSS (como parte do experimento CSS HOUDINI)
• 21 maneiras de otimizar seu CSS e acelerar seu site
• Como o @supports funciona
• Uso adequado da grade CSS
• Grade de alinhamento automático Flexbox compatível com IE10
• Variáveis ​​CSS + calc () + rgb () = Alto contraste de cores
• CSS: Animações FLIP

Javascript

• FunES # 8: Math.pow não é igual a **
Manipulações DOM em JavaScript puro
• Introdução ao jQuery (versão 2019)
• Guia completo dos recursos do ES10
• Prioridades de carregamento do JavaScript no Chrome
• Análise de soluções JavaScript em questões algorítmicas gerais (parte 1)
• 12 ideias para melhorar suas habilidades em JavaScript
• XMLHttpRequest ou Fetch API: qual é o melhor para o Ajax em 2019?

• Teoria:
  • JavaScript: O grande poço inteiro Por que
  • Como começar a internacionalização em JavaScript
  • Campos de classe pública e privada
  • Tente / pegue / finalmente . Tarefas de entrevista e muito mais
  • Guia de herança de classe de protótipo JavaScript
  • É hora de falar sobre JavaScript orientado a objetos
  • Evitando o bloqueio do DOM no JavaScript
  

• VueJS:
  • 26 dicas para economizar tempo ao trabalhar com o Vue
  • Criando um aplicativo moderno usando Nest.js, MongoDB e Vue.js
  • Otimizando o desempenho do aplicativo no Vue.js: Parte 3 - Carregamento lento dos módulos Vuex
  

• Reagir:
  • Uma coleção de 2.200 recursos para tudo relacionado à reação - do Next.js, Gatsby e JSX à animação, Apollo GraphQL e podcasts
  • Anúncio beta de reação iônica
  • Reagir ganchos, primeiras impressões
  • Usando ganchos Git pré-confirmação e pré-envio em um projeto React
  • Reagir: a relação entre componentes
  • Reação progressiva . Deseja tornar seu site do React mais produtivo? Aqui está uma lista de verificação rápida
  • Crie aplicativos da web progressivos com o React. Parte 2
  

• Angular:
  • Como criar aplicativos angulares com o Bootstrap
  • Recuperação de posição de rolagem reativa usando RxJS
  

• Libs e plugins:
  • Descoberta NSFW do lado do cliente por meio do JS Tensorflow
  • Estudar, projetar ou documentar uma base de código colocando migalhas de pão no código fonte
  

Navegadores

• O CERN lançou o navegador da Internet dos anos 90 em homenagem ao 30º aniversário da World Wide Web
• O Yandex começou a testar bate-papos públicos com pessoas próximas no Yandex.Browser mobile
• 31% dos complementos do Chrome usam bibliotecas com vulnerabilidades conhecidas
• Microsoft Edge secretamente permite que o Facebook use conteúdo em Flash
• No Firefox, um modo imagem em imagem e um gerenciador de complementos reprojetado serão exibidos

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