Resumo de materiais novos do mundo de front-end na última semana # 452 (25 a 31 de janeiro de 2021)

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

dfkbl

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

meios de comunicação

• Web Standards podcast nº 266: Chrome 88, flexes, método JS em, CSS cascade control, desenvolvimento de Smart TV, vídeo na web

• Notícias 512 do CSSSR: Firefox 85, GitLab 13.8, Node.js 15.7.0, nulo e indefinido , privacy GitHub Pages e Open Web Docs

• Podcast "Frontend Youth" # 171 Fique fora dos cursos de Vue enquanto bebe smoothies em seu espaço aberto

• Entrevista com Nikita Dubko de Yandex: habilidades atuais de desenvolvedor front-end

desenvolvimento web

• O que há de errado com o WebAssembly?

• 8 truques práticos para desenvolvedores da Web - aplique imediatamente!

• Componentes: lado do servidor vs. Lado do cliente

• Práticas recomendadas para gerenciar e manter segredos no desenvolvimento de front-end

• Por que você deve usar tag de imagem em vez de Img

• Gemas ocultas da plataforma da Web - API de status da bateria

• Criação de barra lateral

• Resumo de sites inspiradores criativos nº 22

• 
  
  • frontend-
  
  • Puppeteer Chrome DevTools
  
  • Developer Tools Edge VS Code - — VS Code Day
  
  • Cypress vs Selenium vs Playwright vs Puppeteer:
  
  • JS- Rollup.js
  
  

• 
  
  • ! Perceived Performance
  
  • - JavaScript Performance API
  
  • Yelp First Contentful Paint 45% Yelp Page Complete 25%, 15%.
  
  • -
  
  

• 
  
  • WCAG 3.0
  
  • ?
  
  • Amplitude
  
  • React «»
  
  

CSS

• O que @ font-face realmente é

• Como entender a propriedade clip-path em CSS

• Nova propriedade de proporção de aspecto CSS, compatível com Chromium, Safari Technology Preview e Firefox Nightly.

• Como selecionar elementos que não são filhos de outros elementos em CSS

• 5 jogos divertidos para aprender conceitos CSS

• Hora de dizer adeus às unidades de pixel

• Tamanho mínimo do conteúdo na grade CSS

• Animação para borda gradiente CSS

• Validação de formulário: você precisa de: não (: foco): inválido, não: inválido

• Modo escuro / claro selecionável com definição de preferência em 15 linhas de CSS

JavaScript

• Criamos nossas próprias regras para ESLint

• Entrevista para a posição de desenvolvedor Middle JavaScript: exemplos de tarefas e conhecimentos necessários

• 10 hábitos ruins de TypeScript que devem ser abandonados este ano

• O código JavaScript deve ser compilado?

• Fetch vs Axios: Qual biblioteca é a melhor para fazer solicitações HTTP?

• 
  
  • JavaScript: . 1, , 2,
  
  • JavaScript?
  
  • (…) Javascript
  
  • , .
  
  • undefined vs. null,
  
  

• React
  
  • React
  
  • Context « »
  
  • Aleph — React Deno
  
  • React Snapshot Testing Jest:
  
  • styled-components.
  
  • Tao of React — ,
  
  • Redux. 1:
  
  

• Vue
  
  • Suspense — Vue 3
  
  • Vue JS WordPress
  
  • Renderless Vue
  
  • WYSIWYG markdown editor Vue
  
  

• Angular
  
  • Angular Language Service 2021
  
  • Angular
  
  • RxJS
  
  • map pluck RxJS,
  
  • 45 AngularJS
  
  

• Ember
  
  • The Ember Times - Edição nº 172
  
  • E quanto ao Ember?
  
  • Como criar um componente de pesquisa com brasa
  
  

• Svelte
  
  • Por que eu gosto de Svelte
  
  

Navegadores

• Vivaldi 3.6 - Levando para o próximo nível

• Mozilla eliminou aplicativos da web progressivos no Firefox 85

• O que realmente acontece quando um usuário digita google.com no navegador

• Mozilla para de desenvolver projetos Voice Fill e Firefox Voice Resumo da



semana passada ...

Material preparado dersmoll e alekskorovin .