Resumo de materiais novos do mundo do front-end na última semana # 433 (14 a 20 de setembro de 2020)

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     |    Divertido

meios de comunicação

• Podcast "Padrões da Web" No. 248. Safari 14, Mission PostCSS 8, Moment.js Everything, React and Web Components, A Story of Two Color Pickers

• UnderJS Podcast # 26 - Delightful Release (React 18, GraphQL, RN 0.63)

• Frontend Youth (18+) # 155: TypeScript para um limão

• Podcast "Make Me Beautiful", edição nº 44: Não se preocupe, é seguro

• Podcast "Web Standards" 247. Edge, navegadores, AVIF, geradores estáticos, matemática para frontend, Habr, leitura, traduções

• Podcast CSSSR : Lançamentos de segurança NodeJS, Ruby 3, análise de AVIF, compilador Erlang JIT, Web Skills, Laravel 8

• Vadim Makeev's video blog # 34. Type.Today, base64, fonts e subsetting

desenvolvimento web

• API de criptografia da Web: estudo de caso

• Fatores de classificação do Google que afetarão a pesquisa em 2021: Core Web Vitals, EAT ou AMP?

• Uma seleção de sites criativos "Roundup # 18 de sites inspiradores"

• Ferramentas
  
  • Lançamento PostCSS 8.0 “President Ose”: nova API de plugin, tamanho de node_modules reduzido, suporte a mapa de origem aprimorado e melhorias no analisador CSS.
  
  • PostCSS 8.0: Guia de migração de plug-in
  
  • BGJar - gerador de fundo svg gratuito para seus sites
  
  • Recursos ocultos do Chrome DevTools
  
  • As ferramentas não devem ser apenas para especialistas - elas devem nos transformar nelas
  
  

• 
  
  • : , ,
  
  • instant.page
  
  • webpack
  
  

• 
  
  • HTML CSS ,
  
  • .
  
  • 5
  
  

CSS

• Centralização em CSS

• Como usar máscaras em CSS

• Como usar o recorte CSS

• Aprendendo CSS 3D Transforms e Perspectiva

• Introdução à Animação CSS

• Mín, Máx e Clamp

• Recursos de mídia de interação e seu potencial

• “Seletores / combinadores CSS são lentos, aulas - rápido ”- Eles mentiram para você!

JavaScript

• Trabalhamos com consultas de mídia via JavaScript

• Uma imagem que também é código Javascript

• Arrastar e soltar usando interpolação linear em JavaScript

• Programação prática reativa com RxJS

• Cheat Sheet do HTML5 Node: 21 APIs que você deve conhecer em 2020

• Como escrevemos o JavaScript UI Framework mais rápido, novamente

• Teoria
  
  • JavaScript e TypeScript: 11 construções compactas que você deve conhecer
  
  • Segredos da função JavaScript
  
  • JavaScript: escopo em palavras simples
  
  • Como usar Fetch with async / await
  
  • Dominando os símbolos ES6 do JavaScript
  
  

• React
  
  • React 17: ?
  
  • React Microsoft Office
  
  • WebGL React
  
  • React Query —
  
  • React Components
  
  • React Framer Motion
  
  • Wouter: React Router
  
  • Next.js
  
  • Next.js — Gatsby, Gridsome Nuxt?
  
  • 6 React Hooks
  
  

• Vue
  
  • Vue.js 3.0 «One Piece
  
  • Eleventy Vue — Netlify.com
  
  • Nuxt: Offline First PWA Tutorial
  
  • Vue Flow Form — , Vue.js
  
  • Virtual DOM
  
  • Nuxt SSR
  
  • Vue.js Global Live Online 2020
  
  

• Angular
  
  • 5 Angular
  
  • GraphQL Angular:
  
  • Cypress Angular
  
  • Angular route guards RouterTestingModule
  
  

• Ember
  
  • Construindo interfaces de usuário robustas em Ember.js com Statecharts
  
  • Progressive Web App usando Ember
  
  

• Svelte
  
  • Svelte <3 TypeScript
  
  • Componente Svelte reutilizável para seus layouts de página
  
  

• Libs e Plugins
  
  • Interrompa o desenvolvimento da biblioteca Moment.js, que tem 12 milhões de downloads por semana
  
  • Aprenda date-fns: uma biblioteca leve para trabalhar com datas em JavaScript
  
  

Navegadores

• Uma nova versão do navegador Safari 14 foi lançada com operação de abas aprimorada

• Vulnerabilidade no Firefox para Android que permite que você controle o navegador por Wi-Fi compartilhado

Divertido

• Mozilla interrompe o desenvolvimento do Firefox Send e Firefox Notes

• Mozilla lança serviço para rastrear “conteúdo ofensivo” nas recomendações do YouTube

• Hacking causa morte humana primeiro

• Por que a inicialização barulhenta do Slack se tornou chata - e tudo bem

• Sete mitos de programação

• Microsoft falou sobre os resultados do experimento com servidores subaquáticos

• Como a programação hoje é diferente da programação de 20 anos atrás?

• Fatores de classificação na pesquisa local do Google em 2020



Resumo da semana passada .

Material preparado por dersmoll ealekskorovin .