Resumo de materiais novos do mundo do front-end na última semana # 468 (17 a 23 de maio de 2021)

Chamamos sua atenção para uma seleção com links para novos materiais da área de front-end e em torno dela.

Mídia     |    Desenvolvimento Web     |    CSS     |    JavaScript     |    Navegadores

meios de comunicação

• Web Standards podcast nº 282: Rome, CloudFront Functions, cross-browser, has () e outros CSS modernos, monitoramento, GDE

• Frontend Yunost podcast nº 187: Bootstrap é mais legal do que todos os frameworks

• Callback Hell podcast: CSS-in -Desempenho JS, linguagens de programação lógica, OOP no frontend moderno

• CSSSR News 512: Angular 12, Deno 1.10, monitoramento, teste de IU ,: has (), curso git, Rome + $, TypeScript 4.3 RC

• Podcast "Callback Hell" - Suporte para várias versões principais, capital de risco em código aberto e retorno do thin client

• Goose & Duck Podcast p (s) lote - Babel, dinheiro, dois gansos

• podcast "proConf" nº 96: DeveloperWeek 2020

• Podcast "Zinc Prod" nº 113: site do filho de um amigo da mamãe

desenvolvimento web

• O W3C enviou uma versão preliminar do padrão WebGPU

• O Google AMP está morto! As páginas AMP não são mais uma prioridade na pesquisa do Google

• Regeneração estática incremental: crie sites estáticos aos poucos

• Teste de aplicativos de front-end - o quê, onde, como?

• 
  
  • Harold — , Handlebars Markdown.
  
  • Sublime Text 4
  
  • 5 CI/CD
  
  • svg-loader: SVG
  
  

• 
  
  • Core Web Vitals ( )
  
  • 5 -
  
  

• 
  
  • « ». .
  
  • ,
  
  

• 
  
  • «UI Interactions & Animations Roundup #16»
  
  • CSS-
  
  

CSS

• Truques de CSS que o tornarão um ninja de layout

• Uma olhada no Tailwind CSS

• Nova capacidade de resposta: Web design no mundo dos componentes

• Não, classes de utilitários não são iguais ao estilo inline

• Como criar texto neon com CSS

• Como qualquer estilo campo de entrada - dicas e técnicas

• 82% dos desenvolvedores falham neste teste de CSS de 3 linhas

• Aprenda CSS - Referência e curso de CSS atualizado continuamente para melhorar seu conhecimento de estilo da web

• proporção da imagem

JavaScript

• The Swiss Knife of JavaScript Debugging

• Trassi ... o quê? Yandex Talk

• Eventos DOM - Explorando o sistema de eventos DOM com exploração visual

• ES12 torna sua vida mais fácil

• Referência de array JavaScript - Técnicas de array JS com exemplos

• Entendendo recursos assíncronos com ganchos assíncronos

• Demonstrações óticas 2D em Javascript

• API JavaScript para reconhecer pessoas e bots no Chrome

• React
  
  • Next.js
  
  • , DOM React
  
  • Next.js Auth0
  
  • React .
  
  • (WYSIWYG)
  
  • 5 bundle splitting React
  
  • use-change — React- , «keep it stupid simple»
  
  

• Vue
  
  • Vue
  
  • - Lit Vue
  
  • Vue
  
  • composable Vue 3
  
  • Vue Router 4: , , Navigation Guards, Composition API
  
  

• Angular
  
  • Angular tslint eslint. Nx eslint.
  
  • Angular DevTools
  
  • Angular - devTools!
  
  • Angular: 10 -API, JavaScript
  
  •
  
  • Bindon: Angular
  
  • , Angular ? Brotli
  
  

• Ember
  
  • The Ember Times — Issue No. 180
  
  • route splitting 3,5
  
  • EmberJS:
  
  

• Svelte
  
  • Svelte React
  
  • Data binding Svelte
  
  

• Libs & Plugins
  
  • lightGallery — , JavaScript. React.js, Vue.js, Angular TypeScript.
  
  

• A Microsoft descontinuará o suporte para Internet Explorer 11 no Windows 10 a partir de junho de 2022

• Rastreamento entre navegadores com base no processamento de força bruta de protocolos externos

• No Chrome experimentando suporte a RSS, limpeza do User-Agent e alteração automática de senhas

• Mozilla introduziu um modo de isolamento forte de sites para Firefox

• Nyxt 2.0.0 Reconfigurable Web Browser Lançamento do resumo da



semana passada .

Material preparado dersmoll e alekskorovin .