O resumo de materiais frescos do mundo do front-end da última semana n ° 356 (11 a 17 de março 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 sobre padrões da Web, edição nº 165 : Chrome 73, React Native 0.59, aninhamento de CSS, armazenamento KV, regiões ativas ARIA, componentes da Web, módulos ES condicionais.
• HardcodeFM Podcast Episódio 9 - ClojureScript Front End
• Podcast Frontend Youth (maiores de 18 anos) # 87 Não há aulas necessárias
• CSSSR Podcast News 512 - Edição nº 42 ( 11 a 17 de março )
• "Tudo vai para o front-end . " Nova música de Mikhail Malkov no frontend

Desenvolvimento Web

• A força e o poder dos componentes da web
• Frontend sem JavaScript
• Planejamento de imagem responsiva
• KV Storage: o primeiro módulo embutido na web
• Proposta para adicionar suporte ao carregamento diferencial de scripts na discussão do WHATWG no Github

• Desempenho:
  • Acelere um site com muitas imagens: um guia para o carregamento de imagens adiadas
  • Anunciadas as páginas Lite para Chrome: Download mais rápido para usuários de rede * muito * lentos. Opte pelo Google Data Saver para renderização mais inteligente no servidor e priorização de sub-recursos da página
  • Noções básicas sobre o Chrome Lite
  

• Ferramentas:
  • Webpack na prática: do zero para criar autotestes
  • Sublime Text 3.2 lançado, ainda rápido, com novo release - integração com Git
  • Como usar o Chrome como um IDE
  

• Acessibilidade:
  • Tudo o que você precisa saber sobre as Regiões ARIA Live
  • Informações sobre acessibilidade é a nova ferramenta de teste do a11y que fornece informações rápidas e úteis sobre problemas de acessibilidade em seus produtos.
  

CSS

• Pré-carregador flexível usando unidades em
• WebP em CSS - plugin PostCSS e pequeno script JS (128 bytes) para usar WebP como plano de fundo CSS
• Como começar com CSS Grid
• Projetando unidades para proporção em CSS
• A depuração de CSS é difícil
• Se expressões e loops em CSS
• Como manipular cores CSS usando JavaScript
• Redesenhando nossos documentos - Parte 4: Criando uma arquitetura CSS escalável
• Por que não consigo definir o tamanho da fonte do link visitado?
• Usando CSS-in-JS para estilizar elementos personalizados
• Introdução ao PostCSS em 2019
• Animação eficaz dos itens de navegação sublinhados no menu

Javascript

• Resolvendo uma tarefa de uma entrevista do Google sobre JavaScript: 4 maneiras diferentes
• Node.js Foundation e JS Foundation foram fundidas no OpenJS Foundation
• Usando JavaScript? 6 maneiras de visualizar HTML processado
• Entrevista para a posição de desenvolvedor de JavaScript: tarefas populares com análise de soluções
• Atualização sobre os recursos experimentais no Node.js
• GraphQL em Profundidade: o que, por que e como
• Como eu estraguei meu código JavaScript e ainda ganhei o Desafio de Codificação
• JavaScript em 14 minutos . Jeremy Thomas Tutorial interativo

• Teoria:
  • Entendemos fechamentos em JavaScript. Uma vez por todas
  • Quando "Zoë"! == "Zoë". Ou por que você precisa normalizar seqüências de caracteres Unicode
  • 7 truques usando objetos de propagação e descanso em JavaScript
  • Converter funções de retorno de chamada em promessas
  

• VueJS:
  • VueJS: Um pouco sobre 3.0
  • Como substituir o jQuery pelo Vue
  • Como configurar a interface de pesquisa no Vue.js
  • Vue a11y - O projeto da comunidade Vue.js. para melhorar a acessibilidade do site.
  

• Reagir:
  • Análise e otimização de aplicativos React
  • A documentação do React agora está disponível em russo
  • React Hooks: Como iniciar e criar seus próprios
  • Adicionando animação aos aplicativos React com React-Lottie
  • Estrutura ideal de arquivos para aplicativos React
  • Você não precisa de uma estrutura mod para usar o GraphQL com o React
  

• Angular:
  • Atualizando automaticamente os módulos carregados lentamente para Ivy
  • Implementação de upload de arquivo usando Nó e Angular
  • Criando aplicativos angulares e de reação com o Nx
  

• Libs e plugins:
  • Por que você não deve usar o Moment.js ...
  • promessa-utils: utilitários do tipo lodash sem dependências para as promessas nativas do ES6
  • foreach paralelo / serial assíncrono em JavaScript
  • lax.js - Plug -in javascript simples e fácil de baunilha para criar animações suaves e bonitas durante a rolagem
  

Navegadores

• Versão do navegador Chrome 73
• Por que o Brave pode ser uma alternativa digna ao Chrome
• O modo escuro no navegador Chrome já está disponível no Mac

Divertido

• A World Wide Web tem trinta anos - o que acontecerá a seguir?
• Inteligência artificial e criptografia - separamos o hype da realidade
• A efemeridade é uma mentira. Por que a criptografia não salvará sua privacidade
• Lookout - um aplicativo do Google que informa os cegos e deficientes visuais sobre o meio ambiente
• O ex-desenvolvedor da Rambler criou um servidor da Web, ultrapassou a Microsoft no mercado e vendeu a empresa por US $ 670 milhões: história da Nginx
• Mozilla apresentou o Firefox Send
• É hora de dizer adeus. O Google Allo messenger parou de funcionar, o próximo da fila - Caixa de entrada
• GitHub altera a política de privacidade e sanções
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 .