El resumen de materiales frescos del mundo del front-end para la última semana No. 339 (12 al 18 de noviembre de 2018)

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

• Frontend Weekend Podcast # 79 - Oleg Polyakov sobre la fundación de CodeDojo y cómo se convirtió en el principal lugar de trabajo
• Podcast de estándares web, número 147: Chrome Dev Summit, API de datos personales, HTTP / 3 para UDP, componentes web
• React Five Minute Podcast # 49 - bem-react-core
• Podcast de Devshahta: 57: Cómo Wrike usa el dardo
• Podcast "Frontend Youth (18+)" # 73 Tres costras de Eddie Osmani
• CSSSR Podcast: Noticias 512 - Número 29 (12.11 - 18.11)
• Vadim Makeev video blog 9. Menú para menús, cuadrículas o bootstrap, conveniencia
• KharkivJS # 9 2018 , 32 videos
• FrontTalks 2018 , 16 videos
• Chrome Dev Summit 2018 - Todas las sesiones

Desarrollo web

• Adios Electron. Hola escritorio PWA
• HTTP sobre QUIC se estandarizará como HTTP / 3
• Comenzando con WebAssembly usando solo 14 líneas de JavaScript
• Web.dev de Google : un nuevo recurso con información estructurada detallada sobre técnicas modernas de desarrollo web
• El poder de los componentes web
• 5 razones por las cuales los sitios estáticos gobiernan
• Aspectos destacados extraídos de Chrome Dev Summit 2018
• El DOM virtual es lento. Conoce el DOM memorizado

• Rendimiento:
  • PageSpeed ​​Insights de Google rediseñado
  • Google lanzó la aplicación de optimización de imagen Squoosh
  • Addy Osmani sobre navegadores, JS y su optimización
  • Medición, optimización y seguimiento . Addy Osmani sobre cómo invertir su energía en productividad
  • Resumen de informes de la conferencia performance.now () celebrada recientemente en Amsterdam
  • ¿En línea o en caché? Ambas opciones por favor!
  • Una retrospectiva del trabajo sobre el rendimiento en Mapbox Studio (una gran aplicación en React - Redux con renderizado en el lienzo WebGL con Mapbox GL)
  

• Herramientas:
  • Distribuir y conquistar: herramientas para crear y probar boletines
  • Desarrollo frontend en iPad Pro (2018)
  

• Accesibilidad:
  • Importancia de los niveles de las tecnologías de asistencia.
  • ¿Por qué es malo usar valores `tabindex` superiores a" 0 "?
  • Estilos de enfoque específicos del teclado
  

• Animación:
  • Diseño de volteo de página
  • efecto de linterna para casa embrujada
  • Concepto creativo de la página del desarrollador (diseño digital)
  

CSS

• Ejemplos de uso de flexboxes
• "C" en CSS: la cascada
• Cómo deshacerse de CSS no utilizado para facilitar archivos CSS
• Diferencia entre CurrentColor y Custom Properties
• Tirantes a píxeles . Un artículo detallado sobre alistapart sobre cómo el código CSS se convierte en píxeles en la pantalla
• Escalado de texto suave en JavaScript y CSS
• CSS Hardcore calc ()
• Un video corto sobre cómo el equipo de basecamp.com usa CSS Grid en producción

Javascript

• Google financiará la mejora de los marcos de JavaScript
• Juega Mortal Kombat con TensorFlow.js: transfiere entrenamiento y suplementa datos
• “Guía definitiva de TypeScript” : un libro en línea gratuito sobre Typecript
• Manejo de errores de JavaScript: una guía completa
• Las cadenas de promesa están muertas. Larga vida asíncrona / espera
• Creando tu propio sandbox interactivo de JavaScript
• Por qué la API de Facebook comienza con for loop
• Después de dos años de usar TypeScript, ¿valió la pena?

• NodoJS:
  • Node.js sleep, usleep, msleep . Cómo ralentizar una secuencia y pausar
  • Cómo usar NodeJS sin frameworks y bibliotecas externas
  • Documentación sin conexión para Node.js (PDF)
  

• Teoría:
  • Contexto de ejecución y pila de llamadas en JavaScript
  • Funciones de JavaScript que no conocía
  • Guía de JavaScript: parte 1: primer programa, características del lenguaje, estándares , parte 2: estilo de código y estructura del programa , parte 3: variables, tipos de datos, expresiones, objetos
  • JavaScript entretenido: sin llaves
  • Contexto de ejecución y pila de llamadas: ilustración visual de un pastel cortado
  

• Reaccionar:
  • Introducción a React Hooks
  • ¿Por qué reaccionar ganchos, y cómo llegaste a esto?
  • Conceptos que necesita saber en React.js (después de aprender los conceptos básicos)
  • Descripción general de los accesorios de renderizado en React
  • Crear una aplicación React To-Do con React Hooks (sin componentes de clase)
  • Cómo usar React.lazy y Suspense para cargar componentes perezosos
  • Enganchado en ganchos: cómo usar React useReducer ()
  • Hacer que React Reactive con ganchos
  

• VueJS:
  • Cómo configurar la instalación de las variables de entorno Nuxt.js en tiempo de ejecución, o Cómo hacer que todo no le guste a todos y no arrepentirse
  • Vista previa de Vue.js 3.0 por Evan You
  • Creando su primer proyecto Vue.js PWA
  • Cómo usamos Redux y Redux-Observable con Vue (v3.0 journal)
  • Aplicaciones sin conexión-First Vue con capucha y caja de trabajo
  • Diseño de una experiencia de usuario mejorada con transiciones y animaciones Vue.js
  • Explicación visual de Vuex
  

• Angular:
  • Optimización de manejo de eventos en Angular
  • Angular: todos los informes con AngularConnect para 2015-2018
  • Comenzar a usar Angular App y Angular CLI en pocos minutos
  

• Libs y complementos:
  • TensorSpace.js : marco para la visualización en 3D de redes neuronales, construcción de un modelo interactivo e intuitivo en navegadores, soporte para modelos de aprendizaje profundo pre-entrenados de TensorFlow, Keras, TensorFlow.js
  • TNG-Hooks : proporciona ganchos de uso StateState (..) inspirados en React para funciones independientes
  • enrutador: un enrutador JS simple para resolver una sola tarea sin los marcos de React, Angular o Vue
  

Navegadores

• Firefox comenzará a notificarle las visitas a sitios pirateados, así como los cambios de precios.
• Soporte de Wayland agregado a las versiones nocturnas de Firefox
• Mozilla está probando dos nuevas funciones en Firefox: Price Wise y Email Tabs
• Chrome está desarrollando una API para crear aplicaciones personalizadas completas

Entretenido

• Siete nuevos ataques al mecanismo de ejecución especulativo en la CPU
• Una división entre los disidentes: lo que sucedió con la cuarta criptomoneda de Bitcoin Cash en términos de capitalización
• Mirada interior: sobre la cultura alimentaria de Facebook
• Google abrirá para todos el dominio de nivel superior .dev
• Microsoft cultiva pepinos mejor que Tencent e Intel. La compañía fundada por Bill Gates parece haber encontrado finalmente su vocación.
• Estadísticas de Octoverse: principales lenguajes de programación en 2018
A.

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 .