Frontend Weekly Digest (8-14 abr 2019)

Nesta semana, publicamos uma seleção realmente enorme de todas as notícias essenciais que você pode ter perdido no desenvolvimento do Front-end. Certifique-se de verificar as atualizações mais recentes em CSS, HTML e JavaScript.

Desenvolvimento Web

• Manual do desenvolvedor front-end 2019
• Resultados da pesquisa do desenvolvedor
• SVG embutido ... Em cache
• Desenvolvimento Web, ilustrado.
• tipos de entrada móvel
• Javascript vs. CSS - Mais controle significa mais responsabilidade
• Usando a API do Web Speech para traduções multilíngues
• Não confie nos habitantes locais: investigando a prevalência de scripts persistentes entre sites do lado do cliente

• Desempenho:
  • Carregamento lento nativo e fallback baseado em js com vanilla-lazyload 12
  • O Google AMP reduziu a velocidade da página e não há escolha a não ser usá-lo
  • Como obter uma pontuação de desempenho de 100% do farol
  

• Acessibilidade:
  • Problema comum de acessibilidade: mover para uma seção da página sem alterar o foco do teclado
  • Acessibilidade em cores: ferramentas e recursos para ajudá-lo a projetar produtos inclusivos
  • As 5 principais perguntas dos treinamentos sobre acessibilidade
  

• Animações:
  • Como criar um efeito de imagem pegajosa com o Three.js
  • Separando SVGs com componentes WebGL reutilizáveis ​​usando React-three-fiber
  

CSS

• É 2019! Vamos terminar o debate sobre fontes de ícones vs ícones SVG
• Um guia para entender o CSS Houdini com a ajuda de desenhos animados
• Dicas e truques de batalha CSS
• Animando SVG com CSS
• Siga estas etapas para se tornar um Superstar CSS
• Obter um valor de Propriedade Customizada CSS com JavaScript
• Direção de arte para a Web usando formas CSS
• Usando um Mixin para tirar a matemática dos tamanhos de fonte responsivos
• Por que você deve usar CSS env ()
• TESTE: Bem apontado? Você conhece os seletores CSS?
• sassyfication: biblioteca com sass mixins para acelerar seu fluxo de trabalho em css.

Javascript

• Lançamento do jQuery 3.4.0
• Painel de fontes do Chrome DevTools: substituições x sistema de arquivos x trechos x página
• Cinco razões pelas quais Web Components podem complementar estruturas JavaScript
• Kyle Simpson: Esqueci mais JavaScript do que a maioria das pessoas já aprendeu
• 31 repositórios GitHub JS mais populares em abril de 19

• Teoria:
  • Truncamento de números em JavaScript
  • As armadilhas do Async / Await nos loops de matriz
  • Em defesa da declaração ternária
  • Melhore a programação assíncrona com promessas de javascript
  • Padrões de design no desenvolvimento moderno de JavaScript
  

• VueJS:
  • Por que sua empresa deve começar a usar o Vue.js
  • Apresentando um novo State-Management for Vue.js
  • Resumo da experiência e das palestras do VueJs Amsterdam 2019 (Parte 2)
  • Por que eu escolhi o Vue sobre Reagir
  • Buscando dados de uma API de terceiros com Vue.js e Axios
  • Torne seus aplicativos Web Vue.js detectáveis ​​- JavaScript SEO
  

• Reagir:
  • O que eu gostaria de saber quando comecei a trabalhar com o React.js
  • React95 - Uma biblioteca de componentes do React com a interface do usuário do Win95
  • Práticas recomendadas de estilo usando o React
  • A melhor extensão de reação para o código VS
  • Visão geral das bibliotecas CSS-in-JS populares para React
  • Gerenciamento de estado com ganchos de reação - sem Redux ou API de contexto
  

• Angular:
  • Contexto angular: ligação de dados fácil para árvores de componentes aninhadas e a saída do roteador
  • CLI angular - Desmistificando a área de trabalho
  • Angular avançado: implementando um componente de preenchimento automático reutilizável
  

• Libs e plugins:
  • fkit: um kit de ferramentas de programação funcional para javascript
  • Emulador de terminal jQuery - terminal baseado na web
  • Choices.js : um plug-in de baunilha JS personalizado / plug-in de entrada de texto
  

Navegadores

• O que esperar nos novos canais do Microsoft Edge Insider
• Opera apresenta o renascer 3, o primeiro navegador de desktop com web 3, VPN mais rápido e bloqueador de anúncios
• Edge Goes Chromium: o que significa para desenvolvedores front-end?

Obrigado pela leitura! Sinta-se à vontade para enviar seus artigos ou novos conteúdos úteis que você deseja ver no próximo resumo.