El resumen de materiales frescos del mundo del front-end para la última semana No. 322 (del 2 al 8 de julio 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

• Podcast "Web Standards", número 128: React es solo JS, anidando en CSS, sistema de sangría, captcha inaccesible, olvídate de las cuadrículas en IE, diseñador de diseño frente a visivig.
• Podcast de Frontend Weekend # 60 - Dmitry Rozhkov sobre la creación de Senior Software Vlogger, pasar el invierno en Tailandia y vivir en Hamburgo
• Podcast de Devschacht: Night Front End # 40 - GPC, Depression, WSD y Patreon
• Podcast de Frontend Youth (18+) # 55 ¿Quieres ser un desarrollador genial de React? ¡Escucha aquí!
• CSSSR Podcast: Noticias 512 - Número No. 13 (07/02 - 08/07)

Desarrollo web

• Almacenamiento en caché web como ejemplo de comprar leche en una tienda
• Sitio móvil o diseño adaptable: que es mejor desde el punto de vista del SEO.
• Cómo y por qué probar el diseño
• Publii: un nuevo CMS estático con GUI para crear sitios seguros, rápidos y elegantes
• Internet es complejo (pero no tiene por qué ser así) . Guía completa de desarrollo web

• Rendimiento:
  • Google: la actualización de velocidad del motor de búsqueda se lanzará en julio de 2018 , Google Speed ​​Update tendrá en cuenta incluso las mejoras menores en la velocidad de descarga
  • Auditoría de rendimiento: inmersión profunda en las herramientas de desarrollo de Firefox
  • Mejora del rendimiento: cambie el tamaño de las imágenes a pedido
  • Optimización de la velocidad del sitio web con Chrome DevTools . Blog actualizado de desarrolladores de Google
  • Componentes dependientes de la conexión . Use la API de información de red para adaptarse a diferentes velocidades: img para 2G / 3G, video para 4G
  • Reducción de la carga útil de JavaScript con Tree Shaking
  

• Accesibilidad:
  • stylelint-a11y : complemento para stylelint con reglas a11y
  • Carrusel económico con ARIA
  • Poder y peligro WAI-ARIA: más sobre reconocimiento de voz
  

• Espectacular web:
  • Copa Mundial generativa . Experimente con la API de estadísticas del Campeonato Mundial para generar plantillas abstractas para cada juego
  • Presentación de GaspTools de Ueno : una herramienta de animación simple
  • div que se ve diferente en todos los navegadores
  • Ratón fantasma siguiendo el cursor
  
  

CSS

• GitHub se está convirtiendo ... GitHub se está convirtiendo ... en un elegante Windows 95
• Trabajo efectivo sobre estándares - parte 1: entorno operativo , parte 2: el camino difícil para comprometerse
• Guía para la integración y estilización de sistemas de iconos: sprites SVG, caracteres SVG y fuentes de iconos
• Trucos CSS para revolucionar tus diseños
• Colocar texto en un contenedor
• Clearfix: una lección sobre la evolución del desarrollo web
• Cómo funciona CSS: creación de capas con índice z

• CSS Grid:
  • CSS Grid Level 2: y subgrid Came
  • CSS Grid en IE: descubriendo conceptos erróneos básicos sobre IE Grid
  • CSS Grid en IE: CSS Grid y el nuevo Autoprefixer
  • Cuadrícula CSS en IE: emulación de cuadrícula de colocación automática con espacios
  

Javascript

• Conceptos básicos de JavaScript para principiantes
• Desarrollando su propio marco y crecimiento profesional de un programador JS
• Cuándo (y por qué) debe usar las funciones de flecha ES6
• 15 métodos de elementos HTML de los que quizás nunca hayas oído hablar
• Por qué GraphQL: ventajas, desventajas y alternativas
• Variables de JavaScript var, let y const explicadas en la historia

• Reaccionar:
  • 16 herramientas de reacción para desarrolladores de interfaces
  • Los errores más comunes en su código React que usted (posiblemente) comete
  • Tutorial de reacción simple (al menos 99% ES2015).
  • Reaccionar es solo JavaScript
  • Los fundamentos de reaccionar sin NPM. Sin paquete web Sin Redux Aprenda los conceptos básicos de React creando un fractal animado directamente en el entorno limitado de su navegador.
  • 5 prácticas populares que puedes dejar de usar en React
  • Qué es Redux: Guía del diseñador
  • react-scrollbar-custom : el mejor componente React para crear barras de desplazamiento personalizadas
  

• VueJS:
  • Canal de idioma ruso de. comunidad vuetify.js en discordia
  • Vue Test Utils and Jest: cómo escribir pruebas unitarias simples para la interfaz
  • Cómo usar el enrutamiento en Vue.js para mejorar la experiencia del usuario
  • Crear una aplicación móvil usando Capacitor y Vue.js
  • El manual de Vue: una introducción detallada a Vue.js
  • Autenticación Vue y manejo de ruta con enrutador Vue
  • Las mejores plantillas de administrador para Vue.js en 2018
  

• Angular:
  • Hoja de ruta del desarrollador angular . Un proyecto cuyo objetivo es recopilar los conceptos más básicos / importantes que cualquier persona que quiera aprender para convertirse en un desarrollador angular debe aprender
  • Componentes web en Angular y AngularJS
  • Soluciones de componentes dinámicos en angular
  

• Libs y complementos:
  • shepherd : una biblioteca para crear un asistente visual en los elementos del sitio
  • Rete.js : marco de programación visual de JavaScript
  • itty.bitty : una herramienta para crear enlaces que contienen sitios pequeños
  

Navegadores

• Capturas de pantalla: menú principal actualizado de Microsoft Edge
• Google y Mozilla eliminaron el complemento del navegador de Stylish, que espió a los usuarios, de los directorios
• Comparación de rendimiento de varias implementaciones de WebAssembly
• Cómo usar Microsoft Edge para leer libros electrónicos
• Specter logró evitar la protección del navegador contra la vulnerabilidad

Entretenido

• ¿Blockchain es una palabra de moda o algo serio?
• ¿Por qué muchos quieren ser gerentes y esto no siempre es una buena idea?
• En el complemento del navegador Elegante, se ha revelado un código para enviar un historial de visitas
• El renacimiento de la virtualidad y la realidad aumentada.
• Clasificación del lenguaje de programación TIOBE de julio: TypeScript continúa creciendo en popularidad
• Introducción visual al aprendizaje automático.

PD: la próxima semana no habrá resumen, vacaciones y todo eso.

← Resumen de la semana pasada
Material preparado por dersmoll y alekskorovin