O resumo de materiais frescos do mundo do front-end da última semana n ° 362 (22 a 28 de abril 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 "Web Standards" , Edição nº 172: Eventos do ano e Frontend Conf em Moscou, por que estar em um PC, relatórios e dispositivo do festival
• Make Me Beautiful Podcast , Edição nº 15 - Walim front-end e monopólio do Chrome
• Podcast “devschacht” # 77 - Benefícios do Timlid Mitaps e do Node.js 12
• Podcast devschacht # 76 - O que é design de som e como é ensinado na Finlândia
• CSSSR Podcast : News 512 - Edição No. 48 (20 de abril a 26 de abril)
• TODO O SEU HTML, # s2e11 : Animação Thanos no google.com.br
• proConf # 11 : Desenvolvedor Frontend Love 2019
• FrontSpot Show # 6 : Desenvolvimento de desenvolvedores JS

Desenvolvimento Web

• Web Components: 9 projetos que vale a pena conhecer em 2019
• Um desenvolvedor front-end deve ser capaz de escrever back-end?
• Tutorial do CORS: Guia de compartilhamento de recursos de origem cruzada
• Guia de envio de mensagens
• Cabeçalhos HTTP para desenvolvedores responsáveis
• Por que as estimativas de velocidade da página podem ser perigosas
• Nomenclatura adequada para maior acessibilidade

• Ferramentas:
  • Mudando de Gulp para Parcel
  • Usando o Parcel como empacotador para aplicativos React
  • Como configurar o VSCode para tudo
  • Os 5 principais IDEs on-line de JavaScript de 2019
  • bento-starter - Solução de desenvolvimento rápido de PWA de pilha completa de código aberto
  

CSS

• Grade ou Flexbox?
• Crie um widget usando propriedades CSS personalizadas: incorpore um link personalizado ao site da NHL
• Área de grade CSS incrível
• Como o preenchimento automático e o ajuste automático funcionam no CSS Grid
• Tutoriais CSSbattle . Ilya Streltsyn compartilha os segredos da vitória
• Você só precisa conhecer essas propriedades para começar a amar CSS.
• Referência CSS: Um Guia CSS Prático para Desenvolvedores
• CSS está finalmente chegando à maioridade?
• Como criar um componente de filtro em CSS puro
• Recipientes diagonais CSS
• CSS de vento de cauda: é o bootstrap de amanhã?
• Enriquecimento progressivo de fontes: repensando o desempenho da web
• Tamanho relativo com EM
• Nova documentação do Sass Docs

Javascript

• Usando o console JavaScript nos navegadores
• O Deno é o novo Node.js?
• Svelte 3: Repensando a reatividade
• O lançamento da plataforma JavaScript do lado do servidor Node.js 12.0
• Vulnerabilidade de poluição do protótipo corrigida pelo JQuery
• Como validar suas consultas GraphQL usando ESLint
• Como usar getters e setters em JavaScript
• Introdução ao livro de histórias: organizando como você cria componentes JS
• Como criar especificações JavaScript viáveis
• Jogo de Padrões de Design - Um jogo para testar sua propriedade dos padrões de design populares implementados em JavaScript.
• Eventos de campo de entrada mais rápidos com a primeira contribuição do Facebook para APIs do navegador

• Teoria:
  • Entrevista com Fibonacci
  • Preciso limpar as strings em JavaScript?
  • Funções de seta explicadas como um exemplo de uma descida de uma colina
  • Aprendendo a API MutationObserver
  • Armadilhas comuns em JavaScript
  

• Reagir:
  • Reagir em λambda
  • Reagir o ciclo de vida
  • Criando uma versão AMP do site usando React & Next.js
  • O lançamento do Create React App 3.0, juntamente com a nova funcionalidade que inclui suporte para ganchos
  

• Angular:
  • Construindo a estrutura de um projeto de nível corporativo no Angular
  • RxJS prático e angular
  • Angular 8: lançado o primeiro candidato a lançamento
  

• VueJS:
  • Aplicativo de fotos simples nas APIs Vue.js, Axios e Flickr: Parte 1 , Parte 2 , Parte 3
  • Pensamento de componentes no Vue.js
  • Descubra o poder dos fechamentos no VueJS
  

• Libs e plugins:
  • Como criar um bot de música usando o Discord.js
  • glicky: carregador de tarefas baseado em navegador para desenvolvimento web moderno
  • Uppy 1.0: seu melhor amigo para fazer upload de arquivos
  • faast.js: trabalho fácil com computação sem servidor de grupo
  • nova tentativa: dê uma segunda chance às suas funções
  

Navegadores

• Lançamento do Chrome 74
• A versão estável do Chrome 74 tem um design escuro e proteção contra detecção por sites no modo de navegação anônima
• Novidades do DevTools (Chrome 75)
• Novo no Firefox 66: Animação em grade CSS

Divertido

• Os funcionários da Microsoft deram suporte ao repositório GitHub, que pode ser fechado sob pressão das autoridades chinesas
• OpenAI introduziu AI Orchestra - rede neural MuseNet
Mozilla abandona o IRC como plataforma de comunicação
• O Google forneceu uma seleção de mecanismos de busca e navegadores para usuários europeus do Android
• Phishers usam o GitHub para transações fraudulentas
• Pior interface de controle de volume de som
• Por que desfocar mal oculta informações confidenciais
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 .