> For the complete documentation index, see [llms.txt](https://weekly-essay.mikey.wang/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://weekly-essay.mikey.wang/es/2023/w06-thoughts-after-attending-the-2023-qcon-beijing-frontend-frontier-session.md).

# W06-Impresiones de la sesión de nuevas fronteras del frontend en QCon Pekín 2023

* El primer tema fueron las animaciones web. El sector ha pasado de campañas sencillas, como sorteos o ruletas, a grandes experiencias parecidas a juegos de PC, con una competencia cada vez más intensa. Es el resultado de acumular iteraciones en mecánicas, marketing y capacidad expresiva, y plantea nuevos retos al frontend.
  * Frente a los requisitos habituales de negocio, en una campaña con animaciones complejas la colaboración con las etapas anteriores de la entrega es mucho más difícil que con las posteriores. El diseño tradicional necesita UI y UX; una gran campaña requiere ilustración conceptual, modelos 3D, animación y efectos, y el frontend debe intervenir en profundidad en todas esas disciplinas. Se parece al desarrollo de videojuegos. Por eso muchas organizaciones recurren a sus equipos de juegos cuando abordan animaciones complejas.
  * Las campañas con muchas animaciones 3D exigen conocimientos distintos de los habituales en ingeniería web, como gráficos por computadora. La experiencia de Kuaishou en grandes eventos, como la gala de Año Nuevo o los Juegos Olímpicos de Invierno, muestra una gran velocidad de iteración interna. Aun así, los problemas de ingeniería siguen siendo los clásicos: usar un enfoque de plataforma para equilibrar rendimiento, estabilidad y velocidad de iteración.
* El segundo tema fue el refuerzo de la seguridad de H5, que en realidad trata de proteger el código fuente. La charla giró en torno al trabajo contra la extracción automatizada de código del equipo de seguridad de 58, con dos enfoques principales.
  * Uno usa el AST para aplicar ofuscación, impedir el reformateo y dificultar la depuración.
  * El otro protege H5 mediante virtualización del código. Se refiere a JSVMP, Virtual Machine based code Protection for JavaScript. Al investigarlo vi que no era algo especialmente nuevo, aunque queda fuera de los problemas cotidianos de la mayoría. Un sistema completo tendría, aproximadamente, esta arquitectura: el servidor lee JavaScript → análisis léxico → análisis sintáctico → generación del AST → generación de instrucciones privadas → generación del intérprete privado correspondiente. Las instrucciones se cifran y se envían al navegador junto con el intérprete, que las interpreta y ejecuta.
  * El tema me recordó a la charla de Jack Works sobre SES, Secure ECMAScript, en GMTC el año pasado. La seguridad aparece cada vez más en el ecosistema web, y muchos problemas necesitan arreglos en los estándares. De lo contrario, suele intercambiarse rendimiento por seguridad, como en JSVMP. Entiendo que SES busca crear un sandbox completamente fiable para proteger el entorno de ejecución. En protección del código fuente frente a extracción, creo que aún no hay un estándar de ES que haya llegado a las etapas 3 o 4.
* El tercer tema fue el software industrial. La presentación no funcionó muy bien y las ideas no quedaron claras. A quien le interese le bastará con leer las diapositivas; asistir no aportó mucha información adicional.
* El cuarto tema fueron las PWA. No son una tecnología de frontera, pero hubo observaciones nuevas. Su implantación en China es muy baja, en gran parte por el desarrollo adelantado de los miniprogramas y las grandes plataformas. En las preguntas planteé si Apple había frenado las PWA. La respuesta fue que Apple no puede detener la tendencia general. Esa respuesta se explica, en parte, por la procedencia del ponente y su posición a favor de las PWA desde Microsoft; también por qué entiende por «tendencia general».
  * Esa tendencia es interesante. La expansión móvil en China prácticamente ha tocado techo. Su desarrollo a saltos dejó una gran diferencia en penetración del PC frente a Europa y Estados Unidos. Según una cifra citada de un informe de la Academia de Ciencias Sociales, China ronda el 20 %, los países desarrollados suelen estar cerca del 70 % y Estados Unidos llega al 90 %. La diferencia parece increíble. De forma simplificada, podemos asociar el móvil al consumo digital y el PC a la producción digital. El PC pasa gradualmente de ser un bien de uso cotidiano a un medio de producción: representa productividad y la capacidad de la población para resolver problemas productivos con las TIC. Desde una perspectiva de desarrollo, queda un amplio margen de crecimiento del PC en China. Eso podría impulsar, después de la expansión móvil, un movimiento de regreso al escritorio; las PWA encajan bien en ese escenario.
* En conjunto, esta sesión de fronteras del frontend fue una mezcla de temas. Algunos retomaban cuestiones conocidas y dejaban la impresión de que el techo de lo que se considera nuevo en frontend no es muy alto. Espero una edición más interesante el año que viene.
