Frontend Weekly Digest (11-17 fev 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 | CSS Javascript

---

Desenvolvimento Web

• O HTML que nunca tivemos
• Um currículo de desenvolvimento front-end diário, com data e horário nº 100DaysOfCode
• HTML5 Boilerplate v7 lançado
• Bootstrap 4.3.0 (descartando o jQuery, movendo-se para Hugo)
• Fazendo interfaces futuras: SVG embutido
• Uma introdução ao WebBluetooth
• Guia completo - Como acelerar vídeos GIF

• Desempenho:
  • web de terceiros - Resumo de quais scripts de terceiros são os maiores responsáveis ​​pela execução excessiva de JavaScript na web
  • Priorização de recursos - Obtendo o navegador para ajudá-lo
  • Pré-carregamento de fontes e o quebra-cabeça de prioridades
  • estudo de caso de desempenho do DOM
  

• Ferramentas:
  • Introdução: pika / pack - criação de pacotes npm, reimaginada
  • Novidades do DevTools (Chrome 73)
  • Puppeteer é meu novo servidor de desenvolvimento
  

• Acessibilidade:
  • Sobrenatural A11y
  • Dicas para tornar os elementos interativos acessíveis em dispositivos móveis
  • Fazendo interfaces futuras: SVG embutido
  

• Web eficaz:
  • Efeitos de revelação em grade com Anime.js
  • Natureza morta pura em CSS - Água e limões
  • Efeitos de filtro SVG: conforme o texto com a textura da superfície com <feDisplacementMap>
  
  

CSS

• Anúncio da pesquisa #StateOfCSS 2019
• O lado sombrio da grade (parte 1)
• Uma nova abordagem para classes de utilidade de visibilidade com base em variáveis ​​CSS
• Um guia de 10 etapas para o Flexbox
• Folhas de estilo construtíveis: estilos reutilizáveis ​​sem costura
• O processo de implementação de um design de interface do usuário a partir do zero
Seletores CSS nível 4
• Introdução às métricas de fonte
• Grid ou Flex?
• Snap de rolagem CSS - como realmente funciona
Rápido! Qual é a diferença entre Flexbox e Grid?

Javascript

• Ember.js: O Documentário (Lançamento Oficial)
• Ciência da computação em JavaScript: listas duplamente vinculadas
• 5 maneiras de criar aplicativos em tempo real com JavaScript
• Como levar o JavaScript para além da Web em 2019
• JavaScript: as partes divertidas
• Como me livrei das novas postagens patrocinadas do Facebook.
• ES5 para ESNext - aqui estão todos os recursos adicionados ao JavaScript desde 2015

• TypeScript:
  • ReasonML vs TypeScript: comparando seus sistemas de tipos
  • Como usar o texto datilografado com React e Redux
  • clean-code-typescript - conceitos de código limpo adaptados para TypeScript
  

• Teoria:
  • O Guia Visual para Definições e Escopo de Variáveis ​​JavaScript
  • Noções básicas de definições de variáveis ​​e içamento de JavaScript
  • Aprenda funções puras com JavaScript
  

• VueJS:
  • Criando um SPA Vue.js para vender Tees de desenvolvedores
  • Transforme seus desenhos estáticos SVG em widgets e infográficos interativos com o Vue.js
  

• Reagir:
  • Por que estou empolgado com o React Hooks?
  • Criando um componente React Autocomplete from scratch
  • Animação em Reagir
  • A mágica dos formulários de várias etapas baseados em reagir
  • Tudo o que você precisa para criar um gancho de reação personalizado
  • Alcançando acessibilidade em aplicativos de reação
  • O que aprendi aprendendo Reagir em 2 noites após anos trabalhando com a Angular
  

• Angular:
  • Gerenciando pontos de interrupção de imagem com angular
  • Um tour pelo console angular
  • Dica com CDK angular