O resumo de materiais frescos do mundo do front-end nas últimas duas semanas n ° 330 (3 a 16 de setembro de 2018)

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 Divertido

---

Mídia

• Podcast “Web Standards”, Edição nº 138: 17 de setembro de 2018 : 10 anos do Chrome, que precisa de uma URL, o que é uma cascata, um cursor nos botões, micro-benchmarking, DOM nos trabalhadores, JS 2018
• Weekly Vue Podcast: Weekly Vue # 3 , Weekly Vue # 4
• Podcast do Frontend Weekend # 69 - Ruslan Kaimakov sobre como construir uma carreira como líder no mundo do desenvolvimento, # 70 - Gleb Mikheev no desenvolvimento de sua própria agência de produção e na preparação do Frontend Conf
• Reagir Podcast de cinco minutos # 47 - Elm 0,19
• Podcast "Devshahta / Night Frontend": 49: Vue.js 2,5 anos em produção - voo normal , 50: pythonist ausente: como e por que mergulhar em Python
• Podcast Frontend Youth (18+) # 63 O que aconteceu com o WSD
• CSSSR Podcast, Notícias 512 - Edição nº 21 (10 de setembro a 16 de setembro)
• Vadim Makeev video blog: Nº 1. Piloto, análise, respostas e viver , nº 2. CSS-Minsk-JS, mitaps, o futuro do frontend e a página principal

Desenvolvimento Web

• BEM não deveria existir
• Usando SVG com consultas de mídia
• Elementos HTML, prepare-se! As habilidades de Voltron no contexto de uma combinação de elementos

• Desempenho:
  • Otimização da Web: a mais importante
  • Melhorando o desempenho do cliente . Folha de dicas para técnicas básicas de otimização
  • Lista de verificação para download de fontes
  

• Ferramentas:
  • Novos recursos de solicitação de recebimento adicionados à extensão GitHub para Atom
  • Solicitações pull do GitHub no código do Visual Studio
  • 6 dicas para dicas do VSCode ... em 60 segundos (por Paul Lewis)
  

• Acessibilidade:
  • A maneira mais fácil de manter seus aplicativos Web acessíveis: basta usar texto
  • Como você se inscreve para um acordeão?
  • A importância do teste manual de disponibilidade
  • Personalização de botões de opção sem abrir mão de sua disponibilidade
  

CSS

• iOS CSS da morte
• Guia de início rápido de variáveis ​​CSS (casos de uso, sintaxe e exemplos)
• Efeitos aprimorados com o modo de mesclagem da camada de segundo plano CSS
• O campo de upload de arquivo que merecemos
• Ruim, mas meu: como escrever CSS realmente horrível
• Ninguém conhece CSS: a especificidade não é uma cascata
• Novo no Chrome 69: crie uma barra de progresso circular usando gradientes cônicos
• Como usar os recursos de transformação 2D em CSS
• Introdução ao Trashy.css - Uma maneira fácil de navegar na estrutura da página
• Guia completo de CSS Scroll Snap
• O abandono do CSS é uma exceção, não uma tecnologia
• : vazio e: em branco
• Criando um efeito deslizante usando a posição adesiva

Javascript

• Recursão para inexperientes
• Princípios fundamentais da programação orientada a objetos em JavaScript
• State Of JavaSript 2018 , uma pesquisa recente entre desenvolvedores de JS sobre o estado da indústria
• Comemorando 10 anos de V8
• Removendo o jQuery do front end do GitHub.com
• 12 coisas a considerar ao avaliar qualquer nova biblioteca JavaScript
• Eu criei o mesmo aplicativo no React e no Vue. Parte 2: Angular
• Maneira 100% correta de dividir seu código com o Webpack
• Linting e formatação de Javascript com ESLint, Prettier e Airbnb
• O que torna o ReasonML tão legal?
• Superfície em JavaScript moderno - let, const e var

• VueJS:
  • Como criar SPA usando o Vue.js
  • Criando aplicativos VueJS com TypeScript
  • Estrutura genérica do código do aplicativo no Nuxt.js
  • Vuesax - nova estrutura de componentes para o Vue.js 2
  • Carregamento lento de imagens com as diretivas Vue.js e IntersectionObserver
  

• Reagir:
  • Uma maneira conveniente de testar os componentes do React
  • Reagir, Webpack e Babel do zero
  • Introdução ao uso de elementos de formulário no React
  • Como implementar o melhor Arrastar e Soltar no seu aplicativo React
  

• Angular:
  • Referência do Angular 6: Templates , Kernel
  • Bombeamos a web usando o PWA . Aplicativos Web progressivos + Angular = amor
  • Guia do Angular 6: Novos recursos com novos recursos
  • Comparação de Angular e React, bem como seus principais idiomas
  

• Libs e plugins:
  • low.js - Porta Node.JS para dispositivos incorporados
  • sqorn - biblioteca Javascript para criar consultas SQL
  

Navegadores

• Modo Imagem em Imagem no Chrome 69
• Google quer matar URLs
• Lançamento do Firefox 62: novas ferramentas de segurança e interface de configurações , além de detalhes técnicos para desenvolvedores no blog de Marat Tanalin
• O Chrome 69 saiu com um novo design, gerenciador de senhas aprimorado e omnibox
• O navegador Chrome tem 10 anos
• A Microsoft tentou uma maneira mais agressiva de promover o Edge
• O Google cancelou a ocultação dos subdomínios www, mas pretende padronizar seu status especial
• O Firefox suportará a tradução de páginas usando o Google Translate
• Chrome 70 beta: detecção de forma, autenticação da web e muito mais
• Uma visão interna de um navegador moderno: Parte 1 , Parte 2
• Redesign do Chrome: Entrevista com o Lead Chrome Designer

Divertido

• Python também recusa parcialmente os termos mestre / escravo
• Compilador Facebook Glow recebe suporte da Intel, Marvell e Qualcomm
• O Google abriu a API do Google Fotos para desenvolvedores terceirizados
• A pessoa não é tão importante quanto seus dados!
• Ranking de setembro das linguagens de programação da TIOBE: Python alcançou o 3º lugar
• Como parar de enfurecer outros desenvolvedores
• Quais são alguns dos erros de programação típicos que os novatos cometem - os especialistas respondem

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 .