Frontend Weekly Digest #287 (28 de novembro a 4 de dezembro de 2022)

Dec 05 2022
Desenvolvimento Web • A anatomia dos componentes temáticos do sistema de design • Melhores APIs para desenvolvedores • Entidades HTML, sinais diacríticos e emojis • Astro: uma nova abordagem para o desenvolvimento frontal • Portanto, o hgroup está de volta ao HTML 5 e mais burro do que nunca! • Entenda os diagramas de chama na guia Desempenho por exemplo • 8 trechos de CSS e JavaScript para criar efeitos legais de cursor • FabUnit: uma maneira inteligente de controlar e sincronizar erros de digitação e espaço • Indo mais fundo nas consultas de estilo de contêiner • Formatos de cores em CSS • Os grandes , pequenas e dinâmicas unidades de viewport • Controle deslizante de imagem giratória circular e infinita em CSS • Compreensão de colunas-modelo de grade em CSS JavaScript • Desenvolvimento de aplicativos JavaScript mais rápidos:

Desenvolvimento web

• A anatomia dos componentes temáticos do sistema de design
• Melhores APIs para desenvolvedores
• Entidades HTML, marcas diacríticas e emojis
• Astro: uma nova abordagem para o desenvolvimento frontal
Portanto, o hgroup está de volta ao HTML 5 e mais burro do que nunca!
• Entenda os gráficos de chama na guia Desempenho por exemplo
• 8 trechos de CSS e JavaScript para criar efeitos legais de cursor

  • Ferramentas
    • O que há de novo no DevTools (Chrome 108)
    • Usando a consulta npm para um melhor gerenciamento de dependências
    • Apresentando o Turbopack: um sucessor baseado em Rust para o webpack
    • Como engenheiro front-end: 8 técnicas úteis de codificação Npm que você deve usar
  • Acessibilidade
    • Fornecer muita informação pode prejudicar a acessibilidade na Web
    • Shadow DOM e acessibilidade: o problema com ARIA

• FabUnit: uma maneira inteligente de controlar e sincronizar erros de digitação e espaço
• Indo mais fundo nas consultas de estilo de contêiner
• Formatos de cores em CSS
• As unidades de viewport grandes, pequenas e dinâmicas
• Controle deslizante de imagem giratória circular e infinita em CSS
• Compreendendo colunas de modelo de grade em CSS

JavaScript

• Desenvolvendo aplicativos JavaScript mais rápidos: o guia definitivo para trabalhadores da Web
• Como trabalhar com strings em JavaScript — dicas para uma concatenação eficiente de strings
• Uma introdução aos mapas JavaScript
• 5 maneiras de tornar seu JavaScript mais funcional

  • React
    • Internacionalizando e localizando um aplicativo React: i18n facilitado
    • Funções de limpeza no gancho UseEffect do React — explicadas com exemplos
    • Implementando validação e verificação de e-mail em nosso site
    • Variáveis ​​CSS para desenvolvedores React
    • Usando o método de depuração da biblioteca de testes React
    • O React está funcionando qualquer lugar?
  • Vue
    • Migrando de Nuxt 2 para Nuxt 3
    • Migrando de Vue 2 para Svelte
  • Angular
    • Guia de estudo do Angular 15
    • O ngFor do Angular não serve apenas para arrays
    • Angular 16 para melhorar a renderização do lado do servidor
  • Libs e plug-ins
    • gpu-io — Uma biblioteca de computação acelerada por GPU para simulações físicas e outros cálculos matemáticos
    • Acelerando o ecossistema JavaScript — uma biblioteca por vez
    • Comparando Wayne.js com Express.js para roteamento de service worker