El resumen de materiales frescos del mundo del front-end para la última semana No. 355 (del 4 al 10 de marzo de 2019)

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

Desarrollo web | CSS | Javascript | Navegadores | Entretenido

---

Medios de comunicación

• Podcast "Web Standards", edición n . 1664 : 11 de marzo de 2019: autor de JS-intensives, scroller incorporado en Chrome, desarrollo de SVG y & en CSS, Preact y tecnologías intensivas, JS para navegadores e iteradores más antiguos, módulos e importación sin Webpack.
• Podcast de Frontend Youth (18+) # 86 : Tom Dale ganó un Oscar por Wolverine con Dan Abramov
• Devschacht Podcast # 72 : Representación del servidor - Conceptos básicos
• Vadim Makeev video blog # 16 : Clasificación de estrellas ️️️️️
• FrontSpot Show # 3 : ¿Necesito saber ES5, nuevos muelles React, código de revisión, cuestionario CSS, GraphQL

Desarrollo web

• Cómo abordar el desarrollo de pila completa hoy si dormiste diez años
• Componentes web en el mundo real
• Cómo ahorrar recursos en el navegador y no romper la web. Informe Yandex
• Estado y características de la API de Houdini. Worklets y un poco sobre Event Loop.
• WebAuthn sin contraseña se ha convertido en el estándar web oficial
• Verdadera virtualidad: conectar cosas reales con la realidad virtual utilizando tecnologías web
• Extraiga texto del contenido utilizando la ranura HTML, la plantilla HTML y el DOM de sombra
• Estado de analítica web
• HTML, CSS y JS en ADD, OCD, los mundos bipolar, disléxico y autista
• Secretos de DevTools: lanzamiento, red y rendimiento

• Animación:
  • Una selección de sitios inspiradores # 2
  • Desplazamiento de desplazamiento
  • Creador de minifiguras CSS LEGO
  

CSS

• Google ignora el spam en CSS
• 8 trucos para trabajar con CSS: paralaje, pie de página adhesivo y otros
• Cree diseños robustos con unidades de contenedor
• Cómo combinar funciones de color SASS y variables CSS
• Mapeo: Curso intensivo
• Fuentes Variables
• RFS (Responsive Font Size) es un motor de tipografía que calcula automáticamente el tamaño de fuente apropiado en función del tamaño de la ventana del navegador.
• Cómo convencer a tu equipo para que use CSS Grid

Javascript

• Refactorización a través de clases: limpiamos nuestro código JavaScript
• Guía ideal para hackear entrevistas de JavaScript (desde la perspectiva de un desarrollador)
• Errores del rendimiento de JavaScript en V8
• Soporte para grandes aplicaciones de JavaScript . Lecciones aprendidas de proyectos a largo plazo
• ¿Cuándo importa JavaScript SEO? . Segundo episodio de la serie JS SEO
• TypeScript vs PureScript
• Convenciones de nomenclatura de JavaScript: cómo y cómo no

• Teoría:
  • Acerca de lanzar a JS y magia. Parte 2 ¿Qué más necesitas saber en 2019?
  • Comprensión de la memorización en JavaScript
  • Conceptos básicos de JavaScript: ¡Domina el DOM! Parte 1 , Parte 2
  • Clases JS y herencia en ES6, ES5
  • Promesas: una guía completa . Descubre por qué apestan: /
  • Cómo usar los métodos apply (), call () y bind () en JavaScript
  • Símbolos JavaScript: ¿Pero por qué?
  

• Reaccionar:
  • Gatsby.js en detalle
  • useTypescript - Guía completa de React Hooks y TypeScript
  • ¿En qué se diferencian los componentes funcionales de las clases?
  • Crear React App demasiado hinchada
  • Representación de listas grandes con react-window
  • Prueba unitaria Reaccionar componentes
  • Mi intuición sobre cuándo usar ganchos de reacción personalizados
  

• VueJS:
  • Diez consejos para aumentar la productividad al escribir código Vue.js
  • Vue.js: cómo crear su primer paquete y publicarlo en NPM
  • Point of Vue - Parte 3 - Choque con React
  • Shoptalk Show # 350: "Vue.js Support" como invitado invitado - Evan You
  

• Angular:
  • Cómo maximizar el rendimiento de sus aplicaciones angulares
  • Angular 8 Beta: nuevo esquema de actualización para Ivy en Angular 8.0.0-beta.7
  • Las 10 mejores formas de usar interceptores en angular
  

• Libs y complementos:
  • ThanosJS : reduzca el tamaño del archivo de su proyecto al 50% eliminando accidentalmente la mitad de los archivos.
  • Handtrack.js: seguimiento manual en el navegador usando Tensorflow.js y 3 líneas de código.
  • iro.js - Selector de color SVG personalizado basado en dependencias
  

Navegadores

• Nuevo códec AV1: acelere la carga de video en un navegador
• En las primeras capturas de pantalla, el nuevo navegador Microsoft Edge en el motor Chromium parece un clon de Google Chrome
• Mozilla corrigió un error hace 8 años en Firefox, reduciendo el consumo de memoria
• Vulnerabilidad no autorizada en Chrome atacada por atacantes.
• Google disipó las especulaciones sobre la vulnerabilidad de 0 días en Chrome
• El nuevo navegador Edge solo estará primero en Windows 10 de 64 bits
• Novedades de DevTools (Chrome 74)

Entretenido

• Las páginas AMP han recibido una serie de mejoras.
• La seguridad de las aplicaciones web en 2018 se ha deteriorado gravemente
• Opinión: por qué los datos no son petróleo nuevo
• 50 errores graves de programación y diseño que cuestan vidas, tiempo y dinero
• Estadísticas publicadas de sitios comprometedores en 2018
• Microsoft ha actualizado la versión web de Skype: ahora solo funciona en Chrome y Edge
• Microsoft ha publicado el código fuente de Windows Calculator en GitHub
• La nueva vulnerabilidad de spoiler afecta a todas las generaciones de procesadores Intel Core

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 por dersmoll y alekskorovin