El Estado de la Web

Hola, a todos. Bienvenidos a JS Nation. Mi nombre es Sasha Grief, y hoy voy a hablar sobre el estado de la web. Y ahora, me doy cuenta de que este es un tema bastante amplio. Así que, más específicamente, lo que he aprendido sobre el estado de la web a través de la realización de encuestas de desarrollo web. ¿Qué quiero decir con eso? Cada año, organizo un montón de encuestas abiertas en línea. Cualquiera puede participar. La más grande probablemente sea el estado de JS, pero también hay estado de CSS, estado de HTML.

Y solo por curiosidad, levante la mano si ha participado en alguna de estas encuestas antes. Bien, así que bastante gente. Así que, primero que nada, gracias por participar, porque si no lo hubieran hecho, probablemente no estaría aquí hablando de ello hoy. Pero no tengo tanto tiempo, así que quiero entrar de lleno y hablar sobre el estado de JS. La última edición tuvo lugar en noviembre del año pasado. Y como pueden imaginar, hice muchas preguntas a los desarrolladores. Y eso es en realidad lo que quiero hacer con ustedes hoy también.

Esto no va a ser una charla aburrida. Va a ser un cuestionario interactivo en vivo. Ahora, sé lo que están pensando. Solo les mostraron otro cuestionario. No lo sabía. Pensé que estaba siendo muy original y muy innovador. Pero al menos mi cuestionario no tendrá preguntas trampa sobre Greta Thunberg o Billie Eilish. Y así, bueno, podrían estar pensando, ¿cómo participo? ¿Cómo hago para, ya saben, llevar un registro de mi puntuación? Y pueden hacerlo usando algo que casi todos tenemos hoy, que son estos, sus dedos. Así que pueden contar con sus dedos. Todos comenzaremos con tres vidas, y luego por cada respuesta incorrecta, pierden una. Y veremos quién llega hasta el final. Solo habrá diez preguntas. Así que, con suerte, muchos de ustedes lo lograrán. Pero empecemos con una realmente fácil. ¿Cuáles fueron los tres frameworks de front end más utilizados en la última encuesta de estado de JS? Así que A, Svelte, Solid, HTMLX.

Todas grandes bibliotecas, pero tal vez no las más utilizadas. B, Backbone, Knockout y Mootles. Ahora, si nunca has oído hablar de estas, no te preocupes. No te has perdido la nueva biblioteca de front end que salió en las últimas semanas. Solo significa que probablemente tienes menos de 30 años. Y luego C, React, Vue, Angular. Así que creo que es lo suficientemente fácil de averiguar. Por supuesto, es C, React, Vue, Angular.

Número dos. Así que en la encuesta, preguntamos no solo qué usaron los encuestados, sino también cómo se sienten al respecto. Así que la gente podía decir si les gusta o no el framework que usaron. Y un framework en particular tuvo muchas opiniones positivas y llegó en primer lugar. Entonces, ¿cuál crees que podría ser? Te doy un par de segundos para averiguarlo. La respuesta fue C, Solid. Así que si miramos los datos, estos son los resultados del Estado de JS. Solid es en realidad esa línea amarillo-naranja en la parte superior. Y no solo fue número uno el año pasado, ha sido número uno en las últimas cuatro ediciones. Así que bastante impresionante. El número dos es Svelte, la línea verde. Y luego el número tres es en realidad Vue.js haciendo un regreso para obtener el número tres.

Así que estas son las clasificaciones. Pero si miras el valor absoluto, puedes ver que la mayoría de las bibliotecas están hacia la parte superior de sus gráficos aquí, por encima del 70% de satisfacción. Así que creo que eso es interesante, porque a menudo tenemos esta imagen de los desarrolladores de JavaScript quejándose de su framework y siendo bastante negativos. Pero la verdad es que cuando miras los datos, la gente en realidad disfruta en su mayoría usar esos frameworks. Y creo que eso es un testimonio del trabajo que se realiza todos los días por los mantenedores de cada uno de estos proyectos. Así que hablemos de TypeScript.

Entre los encuestados de la encuesta, hay más desarrolladores que A, solo usan JavaScript, B, usan 50% JS, 50% TypeScript, o C, solo usan TypeScript. Ahora, esto es entre los encuestados de la encuesta, ¿verdad? Así que no es necesariamente entre la totalidad de la población de JavaScript en todo el mundo. Pero entre el subconjunto de encuestados que tomaron la encuesta, resulta que el grupo más grande es C, personas que solo usan TypeScript.

Y si miras el gráfico, es bastante sorprendente que la barra más grande aquí en la parte inferior son personas que usan 100% TypeScript, mientras que en la parte superior, tienes algunas personas que no lo usan en absoluto. Y creo que demuestra que hoy, TypeScript no solo es TypeScript mainstream, sino que en realidad se está convirtiendo en la forma predeterminada de escribir código para la web. Así que hay algo llamado el comité TC39 que decide qué características va a tener el lenguaje JavaScript a continuación. Y consideran muchas propuestas cada año. Pero una de ellas no es una propuesta real. Así que es A, gestión de recursos explícita, B, temporal, C, threading inverso, o D, decoradores?

Entonces, ¿cuál crees que es la propuesta falsa? Y la respuesta es C, threading inverso. Eso no es una cosa. Las otras, sin embargo, son muy reales. Y de hecho, son los primeros tres resultados cuando preguntamos a los encuestados sobre qué propuestas próximas estaban más emocionados.

Así que está bien, no te vayas. Sé que hoy no es el día de CSS, pero aún quería incluir un par de preguntas sobre CSS, y en la encuesta, preguntamos a los encuestados qué característica habían disfrutado más durante el último año. Así que no necesariamente algo que salió en el último año, solo algo que ellos comenzaron a usar. Entonces, ¿cuál crees que fue la número uno? Has, add container, subgrid, o float write? Probablemente no va a ser float write, porque incluso en ese entonces, a nadie le gustaba tanto. Pero la respuesta real es en realidad A, has. Ahora, has es una característica nueva de CSS realmente genial que te permite básicamente apuntar a un elemento, no basado en sus padres, como normalmente harías en CSS, sino en sus hijos, así que lo que contiene, y realmente abre la puerta a hacer muchas cosas nuevas con CSS. Y así, esa fue la nueva característica favorita de la gente.

Pero podrías estar pensando, bueno, eso está bien y es bueno tener todas estas nuevas características de CSS elegantes, pero no es realmente útil si no puedes usarlas en los navegadores. Así que de eso se trata esta siguiente pregunta. A partir de junio de 2025, ¿cuáles de los cuatro navegadores principales soportan el selector CSS has? A, ninguno de ellos. B, solo Chrome. C, Chrome y Firefox, o finalmente, D, los cuatro. Entonces, ¿qué navegador soporta has? Y la respuesta es en realidad D, los cuatro. Así que en realidad hay algo llamado indicador básico, que es una convención estándar desarrollada por los proveedores de navegadores para hacernos saber qué es seguro usar o no, y tiene el estado de recién disponible, lo que significa que está soportado en los cuatro navegadores, y ha estado de hecho desde diciembre de 2023.

Por cierto, cuando estés navegando por los resultados de la encuesta sobre el estado de CSS, en realidad puedes hacer clic en cualquier característica y obtener información extra sobre ella, incluyendo el estado básico y también enlaces a MDN, can I use, y otros recursos. Así que otra encuesta que hicimos el año pasado fue el estado de HTML, y quiero quedarme en el tema de los indicadores básicos. Así que aquí hay otra pregunta. Si el indicador básico dice que una característica está ampliamente disponible, ¿cuál es la etapa final del indicador básico? Significa que es A, soportada por la mayoría de los usuarios, B, utilizada por más del 50% de los 100 principales sitios web, C, soportada por un navegador importante durante 30 meses, o D, disponible en tu supermercado local.

Pero la respuesta real es en realidad C, soportada por los principales navegadores durante 30 meses. Y ese es el caso de una característica como el aspecto de la relación, otra propiedad de CSS, por ejemplo, que podría parecer bastante nueva, pero de hecho ha pasado más de dos años, 30 meses, desde que se volvió disponible recientemente, desde que se volvió bien soportada. Así que este problema de interoperabilidad del navegador es algo sobre lo que preguntamos mucho en las encuestas, incluyendo aquí esta pregunta en la encuesta sobre el estado de HTML, que trata sobre las características que la gente querría usar pero no puede, debido a la mala interoperabilidad del navegador, que es realmente difícil de decir, o el soporte del navegador. Y el número uno aquí es la API de popover seguida de la API de posicionamiento de anclaje y la API de transición de vista. Ahora, lo que es interesante saber, creo, es que hay en realidad una iniciativa de los proveedores de navegadores llamada interop, que es que cada año se reúnen, así que el equipo de Chrome, Query, Edge, Firefox, y así sucesivamente, y deciden en qué áreas enfocarse para solucionar esos problemas para que todos podamos usar estas nuevas características geniales. Y así, en 2025, las áreas de enfoque son el posicionamiento de anclaje, el filtro de fondo, los vitales de color web.

Y lo que es genial es que una de las formas en que priorizan estas características, uno de los puntos de datos que consideran al, ya sabes, redactar esa hoja de ruta es los datos de la encuesta sobre el estado de HTML, la encuesta sobre el estado de CSS, y así sucesivamente. Así que creo que es bastante genial saber que los proveedores de navegadores son en realidad receptivos a los comentarios y que una de las formas en que puedes hacer oír tu voz es completando estas encuestas. Pero cambiemos de tema ahora y hablemos un poco sobre IA. Así que tuvimos otra encuesta llamada el estado de la IA en el desarrollo web, y hay un montón de encuestas de IA por ahí. Muchas de ellas incluso se llaman el estado de la IA, así que no soy el único. Pero lo que hace que esta sea diferente es que no es una encuesta de desarrolladores de IA, es una encuesta sobre cómo los desarrolladores web, como todos nosotros, básicamente, usan IA o tal vez no usan IA, porque eso es realmente lo que quería averiguar. ¿Qué tan común es realmente el uso de IA?

Así que aquí hay una pregunta para ustedes. ¿Qué porcentaje de los encuestados en la encuesta creen que generan la mayoría de su código a través de IA? Así que ni siquiera, como, todo su código, solo más de la mitad de su código. Y tengo que decir, el resultado me sorprendió un poco cuando lo vi, porque resulta que solo el 22% de los encuestados encajan en esa categoría. Así que pueden ver aquí en la parte superior del gráfico a las personas que no usan IA en absoluto, y en la parte inferior están las personas que usan IA para todo, y solo hay 11 de ellos. La mayoría está en el medio o en realidad hacia la parte superior del gráfico, y ese es mi caso hablando personalmente. Así que uso chat GPT de vez en cuando para tal vez generar una función auxiliar o un componente o algunos estilos, pero no he usado, ya sabes, cursor o ninguna de las herramientas más nuevas para, ya sabes, codificar aplicaciones enteras justo antes del desayuno, como ves en las redes sociales.

Y creo que esa sigue siendo la mayoría de las personas en ese caso. Así que si eres como yo, como muchos de los encuestados, todavía programando aplicaciones, así que, ya sabes, a mano, no te sientas mal por ello, no sientas, ya sabes, FOMO hacia la multitud de IA porque creo que seguimos siendo el caso de uso más común.

Y finalmente, la última encuesta de la que quiero hablar hoy es el estado de los desarrolladores. Así que esta tuvo lugar en abril de 2025. Así que es muy reciente y de hecho es tan reciente que los datos ni siquiera están disponibles aún, así que estás obteniendo un adelanto exclusivo de esos resultados. La otra cosa que hace especial a esta encuesta es que a diferencia de las otras encuestas que eran sobre JS, CSS, IA, esta no trataba sobre código en absoluto. En cambio, se trataba de todas las otras cosas que nos hacen quienes somos, ya sabes, tu carrera, tu lugar de trabajo, pero incluso cosas como tu salud y pasatiempos.

Así que como parte de esa encuesta, una cosa que preguntamos fue sobre tu título de trabajo. Y resulta que hay un tipo de título de trabajo en particular que está correlacionado con un mayor ingreso. Así que, ¿crees que es A, desarrollador? B, ingeniero? C, webmaster? O D, consultor? Ahora, por mucho que a mí personalmente me gustaría que webmaster volviera, creo que, ya sabes, los 90 están de moda de nuevo estos días, así que quién sabe. Probablemente no será C. Pero la respuesta resulta ser B, ingeniero.

Así que si miras los datos, aquí están los títulos de trabajo con ingresos medianos. Y si miras todos los trabajos de ingeniero, tienden a estar en la parte superior, mientras que los trabajos de desarrollador tienden a estar más hacia la parte inferior. Así que con la advertencia de que la correlación no es causalidad, solo para estar seguros, sugeriría actualizar tu currículum y cambiar de desarrollador frontend a ingeniero frontend si puedes.

Y finalmente, nuestra última pregunta del día. El pasatiempo principal disfrutado por los desarrolladores es A, videojuegos, películas, lectura o deporte. Ahora, hey, no te rías. Eso no es justo. A muchos desarrolladores les gusta el deporte. De hecho, yo hago escalada en roca, así que si alguien quiere ir a escalar más tarde, vamos juntos. Pero no, lamentablemente, el estereotipo es cierto. Así que para crédito extra, ¿alguien quiere adivinar cuál fue el videojuego específico más popular? Simplemente gritemos algunos nombres de videojuegos. ¿Pac-Man? No, lo siento, tal vez en la encuesta de 1973, Pac-Man habría ganado, pero en la encuesta de 2025, el resultado fue Baldur's Gate 3. Ese juego salió no hace tanto, pero creo que ha pasado tanto tiempo que la gente sigue jugándolo. El número dos fue Valatro, que también jugué, pero tuve que parar bastante rápido porque podía sentir que me estaba volviendo adicto minuto a minuto.

Así que contemos cuántas vidas nos quedan. Si tienes cero vidas restantes, no llegaste al final, lo siento, pero aún puedes llamarte desarrollador. Ahora, si tienes una vida restante, sobreviviste, ¡felicitaciones! Puedes actualizar tu título a arquitecto. Así que en lugar de desarrollador frontend, ahora eres un arquitecto frontend. Es lo mismo, el mismo trabajo, pero suena mucho más elegante. Si tienes dos vidas restantes, solo cometiste un solo error, así que eres una persona muy confiable, puedes ser líder, líder frontend, y guiarnos hacia nuestro prometedor futuro en JavaScript. Te seguiremos. Pero ahora, si tienes todas tus vidas restantes, levanta la mano, veamos. ¿Nadie? ¿De verdad? Estoy seguro de que habrá al menos una persona. Así que hipotéticamente, si alguien hubiera sobrevivido con todas sus vidas restantes, merecería el título supremo de ingeniero.

¿Entonces, qué hemos aprendido hoy? Probablemente no mucho, pero aún así. Puedes usar más nuevas características de CSS de las que piensas. Gracias a herramientas como Can I Use y Baseline, es fácil hacer un seguimiento de las nuevas características de CSS y los proveedores de navegadores están haciendo un muy buen trabajo en estos días asegurándose de que rápidamente se vuelvan compatibles. TypeScript es ahora el valor predeterminado. Me tomó mucho tiempo comenzar a usar TypeScript yo mismo, pero creo que es solo una forma en que el ecosistema está avanzando en este momento. La mayoría de los desarrolladores no usan IA tanto, al menos no todavía. La gente está hablando de que los desarrolladores serán reemplazados por IA. No creo que eso vaya a suceder, porque después de todo, todavía necesitará haber personas que escriban código manualmente, si solo para que la IA pueda plagiarlo.

Y luego, finalmente, la ola está cambiando rápido y las encuestas pueden ayudarte a mantenerte al día, no solo porque cuando participas en la encuesta, estás expuesto a muchas nuevas características y bibliotecas que quizás no conozcas, sino también cuando revisas los resultados, puedes aprender sobre tendencias futuras y los resultados en sí pueden servir como un punto de partida para explorar otros recursos. Hablando de participar en encuestas, hay una encuesta abierta en este momento, el estado de CSS 2025, así que puedes ir y participar en ella ahora mismo, o tal vez no ahora mismo, espera hasta el final de el evento. Pero sí, quería agradecerte por participar en las encuestas. Gracias por participar en mi pequeña prueba, y espero que tengas una gran JS Nation. Gracias.

Sí, comencemos con solo una pregunta que tengo para ti. ¿Cuál es el mayor desafío para alcanzar a las personas con esta encuesta? Vaya, esa es una gran pregunta. Así que creo que es un desafío dual. Un desafío es simplemente alcanzar a tantas personas como pueda, ¿verdad? Y así puedes confiar en cosas como podcasts, no sé si conoces algún buen podcast sobre desarrollo web, podría difundir la palabra. Pero luego, otro desafío es asegurarte de no alcanzar a una audiencia que esté demasiado sesgada en una dirección. Por ejemplo, si digamos que Foo.js publica un enlace a la encuesta en su página de inicio, entonces Foo.js estará sobrerrepresentado en la encuesta. Y eso es aún más cierto para cosas como la diversidad de género, la diversidad de países, la diversidad racial. Así que si quieres aumentar esos factores y asegurarte de que la encuesta represente una población amplia, entonces ser más deliberado sobre cómo te acercas a las personas también es importante. Así que todavía estoy buscando la respuesta correcta a esa pregunta, pero definitivamente es un gran desafío cada año.

Así que has estado haciendo estas encuestas durante mucho tiempo ahora. En tu opinión, ¿cuál es la cosa más sorprendente en general que ha aparecido en alguno de los datos? ¿El hecho de que todavía las estoy haciendo? Sí. En los datos, creo que la positividad en general, la gente no odia JavaScript tanto como tú pensarías. No lo sé. Tal vez las cosas han cambiado, porque creo que se ha hecho un gran trabajo en el ecosistema, pero hace ocho, nueve años, todos estábamos hablando de la fatiga de JavaScript, ¿verdad? Y la idea de que elegir un framework es demasiado difícil, hay demasiados nuevos frameworks, y así sucesivamente. Pero si miras los datos a lo largo de todos estos años pasados, primero que nada, no hay tantos nuevos frameworks. React, Vue, han estado presentes durante una década. Svelte ha estado presente durante cinco años, o algo así. Así que las cosas no están cambiando tanto, al menos en esos términos. Y luego la gente realmente aprecia esas herramientas. Así que diría que fue una sorpresa realmente agradable.

Sí. Está bien. Parece que en realidad puedo conectarme al Wi-Fi ahora. Además, amigos, si están cambiando de tema, ¿podríamos asegurarnos de mantener el volumen un poco bajo, para que todos podamos escuchar a Sasha? Así que veamos. Hagamos esta primera. ¿El bajo uso de IA es que no se nos permite usar IA? ¿Qué piensas? Sí, buena pregunta. Esa no es la impresión que tengo. Pero tampoco estoy seguro de que eso sea algo que la encuesta preguntó específicamente. Así que definitivamente podría preguntar sobre eso el próximo año. Esa es una muy buena idea. Pero creo que la impresión que tengo es que la gente simplemente no ha comenzado a usar IA más de lo que no se les permite. La encuesta también preguntó no solo si usas IA, sí, no, sino qué herramientas usas. Y así chatGBD, por ejemplo, definitivamente se usa mucho, como podrías esperar. Pero cosas como cursor o co-generadores como Bolt o P0, esos se usan mucho menos. Así que para mí, parece más que chatGBD se está volviendo convencional, pero todavía hay un retraso para herramientas más especializadas. Y esperaría que ese retraso disminuya para que las otras herramientas se vuelvan más populares también. Pero aún creo que sucederá a un ritmo más lento de lo que los defensores de la IA podrían estar prediciendo.

Veamos, tenemos otra aquí. ¿Cuántos participantes tienes por encuesta, y cuál de las encuestas es la más exitosa? Así que creo que la más exitosa de todas fue la situp.js hace un par de años cuando tuvimos más de 20,000 participantes.

Estos días, realmente depende porque si un YouTuber popular como Fireship o quien sea menciona la encuesta, eso puede atraer a un par de miles de encuestados. Así que es muy, muy inestable, diría yo. Pero usualmente alrededor de 10,000 encuestados para las encuestas más grandes y tal vez 5,000 para las más pequeñas.

Vaya, sí. Veamos, en realidad me gusta esta pregunta. ¿Necesitas hacer mucho trabajo manual para normalizar los datos de la encuesta? Sí, estoy seguro de que hay muchas respuestas que son todas bastante similares, ¿verdad, en texto forma? Sí, siento que quien hizo esa pregunta está como sentado detrás de mí cuando trabajo en casa porque eso es una gran parte de lo que hago. Así que la encuesta puede tener preguntas bastante específicas donde eliges una respuesta de casillas de verificación, botones de radio, y así sucesivamente. Pero también tiene muchas preguntas de forma libre donde simplemente escribes tu respuesta.

Y así que hay mucho trabajo requerido para transformar eso en datos utilizables. Pero estoy tratando de automatizar eso tanto como sea posible. Así que parte de la automatización se hace usando RegEx, solo para hacer coincidir patrones en palabras clave. También estoy probando ChatGPT y otros LLMs para hacer parte de esa coincidencia de patrones, lo que también puede funcionar, aunque aún no es muy confiable. Así que todavía necesito revisar, aprobar cada sugerencia una por una. Sí, estoy seguro de que es un montón de datos para revisar también. La siguiente aquí.

¿Cómo seleccionas preguntas de manera subjetiva? Entonces, lo que sucede es que para cada encuesta, publicaré una vista previa de la encuesta. Así que, en realidad, volviendo aún más atrás, al final de la encuesta, puedes sugerir nuevas preguntas para la próxima edición. Así que hay una pregunta específica que pregunta a las personas cómo les gustaría ver evolucionar la encuesta. También habrá un problema en GitHub pidiendo a las personas que sugieran nuevas ideas. Y ese problema está abierto, como, todo el... Abrí el problema para 2026 en 2025, básicamente, así que tienen un año para dar su opinión. Basado en esas dos cosas, luego crearé una vista previa de la encuesta para la próxima edición de una encuesta, y eso permanecerá abierto durante aproximadamente un mes.

Y durante ese período de tiempo, las personas pueden sugerir nuevas preguntas, comentar sobre preguntas existentes. Y al final del período de vista previa, entonces finalizo la encuesta y la lanzo. Así que las personas tienen tres oportunidades separadas para afectar cómo será la próxima encuesta y hacer conocer su opinión. Y así es una mezcla de, por supuesto, mi propia subjetividad, supongo. Porque todavía estoy curando las preguntas, pero también el aporte de la comunidad. Sí, y has tenido mucha experiencia haciendo estas. Sí, supongo que sí.

Así que la siguiente pregunta aquí es, pensé que el 22% que usa AI para más de la mitad de su código es realmente enorme. ¿Hay un sesgo de selección hacia los entusiastas? Así que esa es una gran pregunta. Es algo que trato de evitar. Así que tener, ya sabes, por supuesto, si haces una encuesta sobre AI, las personas que les gusta AI son más propensas a hacerlo. Porque las personas que odian AI dirán, hey, no es para mí. Y en nuestros correos electrónicos a nuestra lista de correo, específicamente dije, por favor, tomen la encuesta, incluso si odian AI. Si no usas AI, también queremos escuchar tu voz. Así que espero que haya mitigado un poco el sesgo. Pero, por supuesto, no puedes realmente mitigarlo completamente.

Bien. Siguiente aquí. ¿Por qué comenzaste a hacer estas encuestas? Así que eso es algo que la gente me ha preguntado mucho. Y en ese entonces, estaba usando un framework llamado Meteor JS. No sé si alguna vez has oído hablar de él. Gran fan. Y Meteor JS, el objetivo era que todo estaba en uno. Así que hacía el servidor, el cliente, ya sabes, plantillas, lo que sea.

El problema es que cuando dejé de usarlo, cuando me aventuré fuera de esa burbuja, estaba muy confundido por el ecosistema de JavaScript más amplio. Y sé que puedes relacionarte. Y así que ese fue el impulso original para la primera encuesta. Quería averiguar por mí mismo en qué tecnología invertir mi tiempo después de haber, ya sabes, pasar tanto tiempo en un ecosistema muy autocontenido.

Bien. Bueno, muchas gracias, Sasha. Esto ha sido increíble. Gracias. Gran charla.