Resumen de materiales frescos del mundo frontend de la última semana # 433 (14 al 20 de septiembre de 2020)

Traemos a su atención una selección con enlaces a nuevos materiales del área de frontend y alrededor de ella.

Medios     |    Desarrollo web     |    CSS     |    JavaScript     |    Navegadores     |    Entretenido

Medios de comunicación

• Podcast "Estándares web" No. 248. Safari 14, Mission PostCSS 8, Moment.js Everything, React y componentes web, una historia de dos selectores de color

• Podcast de UnderJS n. ° 26: lanzamiento encantador (React 18, GraphQL, RN 0.63)

• Frontend Youth (18+) n. ° 155: TypeScript por un limón

• Podcast "Make Me Beautiful", Número 44: No te preocupes, es seguro

• Podcast "Estándares web" 247. Edge, navegadores, AVIF, generadores de estática, matemáticas para frontend, Habr, lectura, traducciones

• Podcast CSSSR : Lanzamientos de seguridad NodeJS, Ruby 3, análisis de AVIF, compilador Erlang JIT, Web Skills, Laravel 8

• Vadim Makeev's video blog # 34. Type.Today, base64, fuentes y subconjuntos

desarrollo web

• API de criptografía web: estudio de caso

• Factores de clasificación de Google que afectarán la búsqueda en 2021: ¿Vitales web principales, EAT o AMP?

• Una selección de sitios creativos "Resumen de sitios web inspiradores n. ° 18"

• Herramientas
  
  • Lanzamiento de PostCSS 8.0 “President Ose”: nueva API de plugin, tamaño reducido de node_modules, soporte mejorado para mapas de origen y mejoras en el analizador CSS.
  
  • PostCSS 8.0: Guía de migración de complementos
  
  • BGJar - Generador de fondos svg gratuito para sus sitios
  
  • Funciones ocultas de Chrome DevTools
  
  • Las herramientas no deben ser solo para expertos, sino que deben convertirnos en ellos
  
  

• 
  
  • : , ,
  
  • instant.page
  
  • webpack
  
  

• 
  
  • HTML CSS ,
  
  • .
  
  • 5
  
  

CSS

• Centrarse en CSS

• Cómo usar máscaras en CSS

• Cómo usar el recorte de CSS

• Aprender las transformaciones y la perspectiva 3D de CSS

• Introducción a la animación de CSS

• Mínimo, máximo y abrazadera

• Funciones de medios de interacción y su potencial

• “Los selectores / combinadores de CSS son clases lentas - rápido ”- ¡Te mintieron!

JavaScript

• Trabajamos con consultas de medios a través de JavaScript

• Una imagen que también es código Javascript

• Arrastra y suelta usando interpolación lineal en JavaScript

• Programación reactiva práctica con RxJS

• Hoja de trucos del nodo HTML5: 21 API que debes conocer en 2020

• Cómo escribimos el marco de interfaz de usuario de JavaScript más rápido, nuevamente

• Teoría
  
  • JavaScript y TypeScript: 11 construcciones compactas para conocer
  
  • Secretos de funciones de JavaScript
  
  • JavaScript: alcance en palabras simples
  
  • Cómo usar Fetch con Async / await
  
  • Dominar los símbolos de JavaScript ES6
  
  

• 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
  
  • Creación de interfaces de usuario sólidas con Ember.js mediante Statecharts
  
  • Aplicación web progresiva mediante Ember
  
  

• Svelte
  
  • Svelte <3 TypeScript
  
  • Componente Svelte reutilizable para sus diseños de página
  
  

• Libs y complementos
  
  • Detenga el desarrollo de la biblioteca Moment.js, que tiene 12 millones de descargas por semana
  
  • Aprenda date-fns: una biblioteca ligera para trabajar con fechas en JavaScript
  
  

Navegadores

• Se ha lanzado una nueva versión del navegador Safari 14 con un funcionamiento mejorado de las pestañas

• Vulnerabilidad en Firefox para Android que le permite controlar el navegador a través de Wi-Fi compartido

Entretenido

• Mozilla detiene el desarrollo de Firefox Send y Firefox Notes

• Mozilla lanza un servicio para rastrear "contenido ofensivo" en las recomendaciones de YouTube

• El ataque de piratería causó primero la muerte humana

• Por qué el inicio ruidoso de Slack se volvió aburrido, y eso está bien

• Siete mitos de programación

• Microsoft habló sobre los resultados del experimento con servidores submarinos

• ¿En qué se diferencia la programación actual de la programación de hace 20 años?

• Ranking de factores en la búsqueda local de Google en 2020



Resumen de la semana pasada .

Material preparado por dersmoll yalekskorovin .