Resumo de materiais novos do mundo de front-end na última semana # 438 (19 a 25 de outubro de 2020)

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

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

meios de comunicação

• Podcast "Make Me Beautiful" Issue # 46: Texto Dactilografado e Layout Resolveram Todos os Seus Problemas (Você Não resolveu )

• Podcast "Frontend Youth (18+)" # 160: Black Cardinal Front End Pro Ilimitado

• CSSSR Podcast: MobX ou Redux , Flexbox ou CSS Grid, Angular DI, Lighthouse, Declarative Shadow DOM, MDN Web DNA 2020 Pro Unlimited

• Podcast IT Way: Sobre frontend para iniciantes, como o Aviasales funciona (e em que funciona). Episódio 46 de 24/10/2020

desenvolvimento web

• Componentes da Web: um guia para iniciantes

• Como executar scripts em HTML. A tag de script e os atributos async, defer, module, nomodule e src

• Um guia para os diferentes tipos de armazenamento no navegador

• O atributo lang: navegadores mentem, mentiras doces.

• Maneiras mais inteligentes de criar estrutura HTML com aninhamento profundo

• Ferramentas
  
  • Configurando Webpack 5 a partir do zero
  
  • Novidades no DevTools (Microsoft Edge 87)
  
  • Adicionando Chromium Edge PWAs (Progressive Web Apps) à Microsoft Store
  
  

• 
  
  • - (WCAG) 2.1
  
  •
  
  • inert
  
  

• 
  
  • «Inspirational Websites Roundup #19»
  
  • clip-path
  
  

CSS

• Estado do CSS 2020 . Uma pesquisa anual sobre o estado atual do CSS com a capacidade de avaliar seu nível de conhecimento com base nos resultados de sua conclusão

• Como faço para estruturar meu CSS

• Escolhendo o layout CSS - Grade ou Flexbox?

• Criando formatos CSS com Emoji

• Pensando fora da caixa com CSS Grid

• CSS em 3D: Aprendendo a pensar em cubos, não retângulos

• “O seletor CSS genérico é lento e deve ser evitado” é outra mentira!

• Variáveis ​​em Sass, CSS e Variáveis ​​de Tema Semântico

• Design de Altura Responsivo

JavaScript

• Usando "global" await em JavaScript

• Opções de programação orientada a objetos (em JavaScript)

• Renderização do lado do cliente vs Renderização do lado do servidor vs Geração de site estático

• Resolvendo um problema bobo com JavaScript

• API do Observer em JavaScript - Parte II

• 6 avançado Funções JavaScript que você pode usar hoje

• Como criar um componente de acordeão progressivamente aprimorado usando vanilla JS

• Versões
  
  • Versão do Node.js 15.0 JavaScript Server Framework
  
  • Criação do React App 4.0 Versão
  
  • Babel 7.12.0 Versão TypeScript 4.1, strings como nomes de importação / exportação e blocos estáticos de classe
  
  

• React
  
  • React
  
  • Rockpack — , React create-react-app
  
  • Styled-Components React
  
  • Create React App 4
  
  • React v17.0
  
  • Next.js
  
  

• Vue
  
  • Vue SVG
  
  • 10 Vue
  
  • Vue.js , React
  
  

• Angular
  
  • TypeScript — Angular
  
  • Angular — function-like HTML
  
  • @ngrx/component-store selector debouncing
  
  

• Ember
  
  • The Ember Times — Issue No. 166
  
  • Ember 3.22
  
  • ember-cli-deploy
  
  • React Hooks Ember.js
  
  

• Svelte
  
  • Svelte Actions
  
  • Svelte
  
  

• Libs e plug-ins
  
  • Pare de usar Moment.js para datas e horas em JavaScript
  
  • nsfwjs - Uma biblioteca JavaScript simples para ajudá-lo a identificar rapidamente imagens obscenas no lado do cliente
  
  • Lucia é uma pequena biblioteca JS (compatível com UMD) que pode substituir jQuery e aplicativos em JavaScript vanilla.
  
  • fingerprintjs - Gera ID de visitante do site a partir da impressão digital do navegador
  
  

Navegadores

• Versão do Firefox 82

• Microsoft Edge para Linux - a versão beta do navegador se tornou disponível para todos

• O navegador Chrome agora tem uma função de pesquisa para guias abertas

• Agora JScript no Internet Explorer pode ser desativado

Divertido

• O Photoshop recebeu muitos recursos de IA: substituição inteligente do céu, filtros avançados, etc.

• Em todos os lugares há hiperlinks e colunas azuis: como eram os sites da Apple, Google e Amazon em 1999

• Como o Cloudflare gera chaves criptográficas usando uma parede de 100 lava de entropia lâmpadas

• O Facebook criou uma IA que será capaz de traduzir textos em 100 idiomas diretamente





do Digest da semana passada .

Material preparado dersmoll e alekskorovin .