El resumen de materiales frescos del mundo del front-end para la última semana No. 401 (3 al 9 de febrero de 2020)

Traemos a su atención una selección con enlaces a nuevos materiales del área frontend y sus alrededores.

Medios de comunicación     |    Desarrollo web     |    CSS     |    Javascript     |    Navegadores     |    Entretenido     |    

Medios de comunicación

• Podcast “Web Standards” No. 215: Rendimiento primero o posterior, trabajadores, sin conexión, sin JS, CSS limpio y resultado sucio
• Podcast “Frontend Youth (18+)” No. 124: Historias de realidad paralela
• UnderJS Podcast # 14 - UnderHTML - versión piloto
• Podcast CSSSR: Noticias 512 - Reunión TC39, archivo de código abierto para la posteridad, transición de Ir a óxido a Discrord
• Reunión de febrero de SPB Frontend (2020)

desarrollo web

• ResizeObserver: una nueva herramienta poderosa para una web receptiva
• Profesión: desarrollador front-end
• Trabajamos con audio: carga de archivos, sonido, progreso, visualización
• Node.js, Tor, Puppeteer y Cheerio: raspado web anónimo
• Cómo reescribir el front-end de un proyecto cargado y no perder lo más importante
• ¿Dónde obtiene target under ”= _ _ blank?
• Cómo convertirse en un desarrollador web de pila completa en 2020
• 11 conceptos erróneos populares sobre microfrontes
• ¿Qué debe aprender un desarrollador en 2020? Respondido por Ilya Klimov

• 
  • Chrome, , ,
  • Playwright — Microsoft
  • VS Code:
  • 5 Chrome DevTools
  • PWABuilder
  

• 
  •
  • -
  •
  • ?
  

• 
  •
  • - «Awesome Demos Roundup #13»
  

CSS

• CSS-2020: ¿otra "instantánea" o especificación número 1 de CSS moderno?
• CSS antiguo, CSS nuevo
• CSS4 es una mala idea
• Aprenda el posicionamiento CSS. Guía interactiva de posicionamiento CSS
• Creación de un diseño de collage usando CSS Grid y Clip-path
• Selección de un elemento con un atributo no vacío
• Tarjetas mágicas: resolver un problema de tamaño conocido
• Usar la propiedad CSS de altura de línea para mejorar la legibilidad
• Mover ( o no) usando CSS Motion Path
• Implementación rápida y fácil del modo oscuro usando propiedades CSS personalizadas
• Implementación del modo oscuro con TailwindCSS
• Estilos personalizados para la entrada utilizando características modernas de CSS
• Neumorphism.io - generador de código CSS para sombras
• ¿Por qué debería usar colores HSL en CSS?
• Cómo recreé la cámara Polaroid usando solo gradientes CSS
• Icono favorito de luz y oscuridad en SVG usando la función de medios CSS prefiere el diseño de color
• Crear un triángulo de Sierpinski con un div

Javascript

• 70 preguntas de JavaScript para prepararse para la entrevista
• ¿Qué puede indexar Google? Pruebas SEO JavaScript
• 20+ proyectos web Vanilla JavaScript
• Formateo de fecha en JavaScript usando Intl.DateTimeFormat
• Electron 8.0.0 lanzado
• Pequeñas características de ECMAScript que ayudan mucho
• Comprender la especificación ECMAScript, parte 1

• Svelte
  • Svelte:
  • - Google Tabletop.js
  • Svelte,
  • Elm vs. Svelte
  • Svelte React:
  

• React
  • 12 React, 2020
  • React Leaflet
  • React
  • TypeScript React
  • React
  • React Context
  • JavaScript React
  

• Vue
  • Axios VueJS
  • Vue
  • 10 Vue JS,
  • Vue
  

• Angular
  • Angular 9 — Ivy
  • 10 Angular,
  • ( Angular)
  • Angular: (Shallow testing)
  • Angular-
  • 9 , , Angular React
  • Angular 9 — 10
  • Angular 9 — ? ? Maximilian Schwarzmüller
  

• Ember
  • Ember Octane:
  • Ember Octane
  • The Ember Times — Issue No. 134
  

• Libs & Plugins
  • Sharect — JS , ( Medium)
  • Moment.js. , moment.js + ESLint Plugin
  • Baretest — Jest
  

• Se ha lanzado el navegador Chrome 80 con innovaciones en el procesamiento de cookies que pueden interrumpir los sitios.
• Chrome pronto bloqueará las descargas y anuncios de video intrusivos a través de HTTP.
• Se agregó soporte para complementos al navegador móvil Firefox Preview.
• 8 navegadores basados ​​en Chromium: no solo en Google Chrome
• Cambie a Firefox Brad Frost comparte su experiencia
• ¿Por qué los navegadores web son gratuitos?

Entretenido

• Björn Straustrup: lo que había que hacer de manera diferente en C ++, por qué los principiantes deberían aprenderlo y aconsejarlo
• 15 años en Google Maps: un nuevo logotipo y una aplicación
• Cómo el coronavirus afectó la velocidad de Internet en China
• ¿Qué son los mini-ups en WeChat y cómo? úselos para hacer crecer su proyecto de comercio electrónico
• Robochronicles AI: un chatbot de Google, una película de 4K Lumiere Brothers y algoritmos en guardia del Día de la Marmota
• Fallo completo: 10 bloqueos épicos y paradas de centros de datos

Nos disculpamos por cualquier error tipográfico o enlaces rotos / duplicados. Si nota un problema, escriba un correo electrónico personal, intentaremos solucionarlo rápidamente.

Resumen de la semana pasada .
Material preparado dersmoll y alekskorovin .