00:00:00Exactamente hoy hace 10 años, y debo decir que es algo realmente impactante, fue un día
00:00:06muy importante para mí porque lancé la primera versión de mi curso de Angular, mi curso de Angular 2
00:00:12en aquel entonces. Y al igual que Angular, este curso, por supuesto, ha evolucionado mucho en estos 10 años,
00:00:17lo he actualizado innumerables veces porque, lógicamente, Angular ha evolucionado bastante. Y
00:00:23en este vídeo, en este episodio, quiero hablar un poco sobre el pasado de Angular, de dónde
00:00:28venimos, dónde estamos hoy y, por supuesto, también hacia dónde vamos y qué depara
00:00:32el futuro para Angular, para los desarrolladores de Angular, si sigue siendo buena idea aprenderlo, especialmente
00:00:37ahora también con la IA; y bueno, vamos a sumergirnos en ello. Angular, específicamente Angular 2,
00:00:44fue anunciado en 2014, desarrollado en 2015 y en aquel entonces fue bastante polémico
00:00:53porque era totalmente diferente comparado con Angular 1, AngularJS, que en sí mismo fue uno
00:00:59de los primeros frameworks importantes que tuvimos, creados esencialmente para ayudarnos
00:01:05a librarnos de jQuery o, dicho de otra forma, para poder construir aplicaciones web más capaces,
00:01:13aplicaciones web interactivas, ya que facilitaba la creación de aplicaciones controladas y renderizadas
00:01:20en el lado del cliente, eso era Angular 1. Y luego se anunció Angular 2
00:01:25y era totalmente distinto. En 2016 se lanzó la primera versión estable de Angular,
00:01:33me refiero a Angular 2. Y como mencioné, en febrero de 2016, lancé la primera versión
00:01:40de mi curso en aquel entonces para la beta de Angular 2. Y les aseguro que hubo muchísimos cambios
00:01:45durante esa fase beta e incluso en la fase de "release candidate"; actualicé el curso
00:01:51muchas veces ya por aquel entonces. Pero finalmente tuvimos Angular 2. Y el Angular de esa época,
00:01:58si miran el código de Angular moderno, se veía muy diferente. Tenías este concepto de "ng modules",
00:02:05módulos de Angular, donde tenías estas clases y debías añadir el decorador "ng module"
00:02:12y declarar explícitamente todos los componentes que ibas a usar. Y luego tenías esos componentes,
00:02:19claro, y tenías tus clases de componentes, con inyección de dependencias basada en constructor.
00:02:26Si tenías algo que inyectar, era, hasta cierto punto, muy similar a cómo se ve un componente
00:02:32hoy en día. Sigue siendo una clase. Pero, de nuevo, era muy diferente. Especialmente los "ng modules"
00:02:39son algo que quizás ya ni conozcan, dependiendo de cuándo empezaron su viaje con Angular
00:02:45y de en qué empresa o con qué versión de Angular estuvieran trabajando. Porque
00:02:51todavía hay muchas empresas y proyectos que siguen estancados en versiones antiguas,
00:02:55por supuesto. Ahora, en 2017, tuvimos la "versión tres perdida", porque Angular tenía ese calendario
00:03:04de lanzamientos que sigue hasta hoy: cada seis meses se lanza una nueva versión mayor de Angular.
00:03:11Y recuerdo que en aquel entonces mucha gente no estaba contenta con eso, porque
00:03:17parecía que Angular iba a romper todo cada seis meses. Recuerdo muchísimos comentarios y
00:03:23mensajes en mi curso de gente quejándose de que Angular cambiaba todo el tiempo, pero
00:03:27realmente nunca cambiaba tanto. Simplemente tenían ese calendario para tener la oportunidad
00:03:33de introducir nuevas funciones importantes. Pero siempre lo hicieron de forma muy compatible
00:03:40con versiones anteriores. Y bueno, lo de la versión tres perdida en 2017 fue porque,
00:03:46inicialmente, hubo algunos desajustes de versiones entre los paquetes principales de Angular
00:03:51y el paquete del router de Angular, ya que Angular es un framework dividido en muchos paquetes diferentes. Y
00:03:57se saltaron una versión, la 3, para que todos volvieran a tener el mismo número de versión. Ahora,
00:04:03el siguiente gran salto probablemente fue en 2020 con la introducción del compilador Ivy.
00:04:12Y claro, entre esos años, en 2018 y demás, el equipo de Angular estuvo trabajando
00:04:19intensamente en ese nuevo compilador, junto con muchos otros pequeños ajustes y mejoras.
00:04:25Pero la idea tras ese compilador era reescribir realmente las entrañas de Angular y cómo los componentes
00:04:31se compilan y traducen a instrucciones reales que manipulan el DOM. Porque el viejo compilador
00:04:38tenía algunas ineficiencias, algunos problemas que generaban tamaños de paquete innecesariamente grandes.
00:04:44Por eso emprendieron este enorme proyecto de reescribir ese compilador interno. Ahora, ¿por qué es importante?
00:04:52Es importante porque esta fase podría calificarse como la "fase aburrida". De 2017
00:05:01a 2020, no cambió mucho. Cambió mucho internamente, y hubo ajustes menores. Pero
00:05:10el conjunto de funciones principales, cómo se crean los componentes de Angular y demás, no cambió gran cosa.
00:05:16¿Por qué es esto importante? Porque fue también la época en la que hubo muchísima competencia
00:05:22en el mercado de los frameworks de JavaScript, si quieren llamarlo así. Tuvimos el
00:05:27lanzamiento de Vue.js 2 en 2016. Hubo mucho desarrollo en el ecosistema de React; quiero decir,
00:05:36en 2018 se introdujeron los React hooks. Así que parecía que el resto del ecosistema
00:05:43de JavaScript evolucionaba a toda velocidad, y no a todo el mundo le gustaba. Para ser claros, Angular
00:05:50se sentía estancado. Y eso quizás no es tan malo como suena. Por supuesto, mucha gente valoraba
00:05:57esa estabilidad porque, de nuevo, había muchas quejas sobre que todo cambiaba todo
00:06:03el tiempo en el ecosistema JavaScript, lo cual, claro, parece casi un chiste si miramos
00:06:08el panorama actual y toda la evolución impulsada por la IA y el cambio constante que vemos
00:06:13casi cada día. Pero sí, de eso se quejaba la gente entonces. Esa fue la fase aburrida.
00:06:19Ahora, esa fase aburrida se detuvo o llegó a su fin alrededor de 2022 cuando, con Angular 14,
00:06:28se introdujeron los "standalone components", creo que en vista previa para desarrolladores. Y la idea
00:06:33era que, de repente, ya no necesitabas los módulos de Angular. En su lugar, podías añadir este
00:06:42indicador de "standalone" a tu componente y entonces podías usar ese componente en
00:06:47otros componentes sin necesidad de "ng-modules". Podías seguir usando los "ng-modules",
00:06:55podías mezclarlos con componentes independientes según fuera necesario, porque de nuevo,
00:07:00la compatibilidad con versiones anteriores y ofrecer una migración fácil siempre fue
00:07:05importante para el equipo de Angular, pero ya no era obligatorio. Así llegaron los "standalone components"
00:07:12y eso fue seguido rápidamente en 2023 por Angular 16 con los "signals" y muchas otras
00:07:20novedades. Muchas funciones más, como una forma distinta de renderizar contenido condicionalmente con
00:07:26@if en lugar de la directiva ng-if. Y también se empezaron a hacer los primeros experimentos
00:07:34con un Angular "zoneless" (sin zonas). Por si no lo saben, Angular, cuando se lanzó Angular 2,
00:07:40utilizaba un concepto llamado "ng-zone" o zone.js, que era esencialmente una librería que escuchaba
00:07:46todo tipo de eventos que podían ocurrir en una web, como clics, envíos de peticiones HTTP
00:07:54y muchas otras cosas. Y entonces básicamente ejecutaba la detección de cambios para ver si el DOM
00:08:00debía actualizarse en respuesta a esos eventos. La ventaja de este enfoque era que las actualizaciones
00:08:05del DOM se sentían mágicas. A diferencia de React, no tenías que llamar a "set state" ni nada parecido.
00:08:11Pero la desventaja, claro, era ese "monkey patching" donde una librería
00:08:17inyectaba escuchadores en todos los eventos, con toda la sobrecarga y el tamaño adicional
00:08:22de paquete que eso suponía. Por lo tanto, era menos eficiente que el mecanismo de React, por ejemplo.
00:08:28Y el enfoque "zoneless", por tanto, fue otro gran paso adelante, que fue posible
00:08:35gracias a los "signals", porque la idea tras los signals era que, de repente, tenías
00:08:40una forma explícita de decirle a Angular que algún estado había cambiado. Y el framework podía recordar
00:08:46en qué parte del DOM se estaba usando ese estado, y así actualizar solo esa parte
00:08:52del DOM. Así que esa reactividad de grano fino se introdujo en Angular en 2023. Y por eso,
00:09:01esto es algo que a menudo se ha llamado el "Renacimiento de Angular". Tras la fase aburrida
00:09:08y tras los días iniciales un tanto caóticos con todos esos cambios drásticos comparados
00:09:15con Angular 1, Angular volvió a recibir mucho cariño de la comunidad porque estaban
00:09:23dando pasos de gigante hacia un futuro que hacía a Angular más ligero, fácil de usar hasta cierto punto
00:09:30y más alineado con lo que la gente veía en otros frameworks. Los signals,
00:09:36por ejemplo, fueron popularizados por SolidJS, aunque en realidad creo que uno de los
00:09:43primeros frameworks importantes en usarlos fue Vue, solo que no los llamaban signals, sino "refs". En fin,
00:09:50hacia allá se dirigía Angular. Y ahora, para 2026 y el futuro, veremos por supuesto
00:09:59más avances en esa línea. Veremos formularios basados en signals. El equipo de Angular también, lógicamente,
00:10:06está adoptando la IA con un servidor MCP integrado en la CLI para facilitar el desarrollo impulsado
00:10:13por IA en apps de Angular, para que la IA conozca todas esas funciones de Angular. Por lo tanto, es la historia
00:10:19de un framework que en realidad ha sido bastante estable y compatible con versiones anteriores
00:10:26durante toda su vida, a pesar de haberse reinventado al menos una vez, o incluso varias, según
00:10:33cómo se mire. Ha sido súper estable y compatible. Y creo que el equipo de Angular
00:10:39hizo un gran trabajo y logró, creo yo, cambiar un poco la imagen de Angular,
00:10:46pasando de un framework que se sentía pesado y quizás difícil de aprender a uno más moderno.
00:10:54Ahora, una cosa que Angular siempre ha sido, por cierto, es un framework con "todo incluido",
00:10:59donde tenías cosas como gestión de formularios, enrutamiento, peticiones HTTP, inyección
00:11:06de dependencias y gestión de estado entre componentes. Todo eso venía integrado en el framework.
00:11:12No necesitabas recurrir a librerías de terceros, a diferencia de React, donde tenías que traer
00:11:18un router externo, una librería de gestión de estado externa, etcétera. Así que eso,
00:11:23por supuesto, es algo que muchas empresas valoran. Por eso Angular ha tenido
00:11:29un crecimiento constante en estos últimos 10 años, si observan su curva de crecimiento. Pero
00:11:37claro, parte de la verdad es también que React ha crecido muchísimo más. Si añades
00:11:45la curva de React aquí, la de Angular apenas se ve. Y especialmente desde principios de 2025, React
00:11:54despegó, y todos sabemos por qué: por la IA. Porque la IA, y lo he dicho
00:12:00muchas veces en otros vídeos, tiene un claro favorito y es React con Next.js
00:12:06y Tailwind, no Angular. Pero, ¿significa eso que Angular está muerto o que no deberías
00:12:13aprender Angular nunca más? ¿Y cómo se presenta el futuro de Angular en general con la
00:12:18IA presente? Bueno, Angular a día de hoy sigue siendo usado por muchísimas grandes empresas, sobre todo
00:12:27por esa estabilidad y esa compatibilidad constante que no solo se ha prometido,
00:12:34sino que se ha demostrado. Debido a su enfoque de "todo incluido", Angular
00:12:40es popular en muchas compañías grandes. Por supuesto, React —para ser muy claros— también es popular
00:12:46en muchas grandes empresas, pero las cifras de descarga de Angular no reflejan necesariamente
00:12:53el uso real o la popularidad que Angular tiene, especialmente entre corporaciones.
00:13:00Y les puedo decir por este curso: tiene 850.000 alumnos. Y eso lo sitúa
00:13:08no muy lejos de mi curso de React en Udemy. Claro que hay más cursos de React
00:13:15en Udemy, o cursos de React más grandes que de Angular. Pero aun así,
00:13:22mi experiencia no ha sido la que se podría deducir solo de esos gráficos. Siempre
00:13:29he visto que especialmente los clientes empresariales aprenden mucho Angular también. Y eso,
00:13:36por lo tanto, lo convierte aún hoy en una excelente opción para construir aplicaciones web,
00:13:43aplicaciones web modernas. Y es muy moderno gracias al Renacimiento de Angular y a todas las
00:13:48funciones que aún están planeadas. Por supuesto, el factor a considerar es la IA. Y la IA está cambiando,
00:13:57obviamente, cómo construimos programas y cómo escribimos código. Escribimos menos código. Al menos yo escribo menos.
00:14:04Uso herramientas como ClotCode o Cursor, de las cuales también tengo cursos, por cierto.
00:14:09Están todos enlazados debajo del vídeo si quieren apuntarse. Escribimos código y construimos
00:14:14programas de forma distinta. Pero, lógicamente, nuestra elección tecnológica sigue importando. Queremos usar
00:14:21tecnologías con un buen mantenimiento, que reciban actualizaciones de seguridad, nuevas funciones
00:14:27que las hagan más eficientes, que mejoren el rendimiento o que permitan nuevos casos
00:14:34de uso que quizás ya no requieran librerías de terceros. Seguimos queriendo tecnologías
00:14:40así. Y en ese sentido, Angular, por supuesto, sigue siendo una elección decente y excelente,
00:14:45al igual que lo es React, para ser muy claros aquí. Y por supuesto, antes de que me lleguen los comentarios,
00:14:51sí, Vue y Svelte también son increíbles. Pero este vídeo, como habrán notado por el
00:14:57título y la miniatura, trata sobre Angular. Así que sí, sigue siendo una gran elección.
00:15:02Y sí, la IA sabe cómo escribir código de Angular, sobre todo si le das el contexto adecuado,
00:15:08algo que siempre hay que hacer sin importar lo que estés construyendo o con qué tecnología. Y
00:15:13por tanto, creo que Angular está bien posicionado para este futuro impulsado por la IA. Si creen
00:15:19que en tres años nadie va a escribir código de todas formas y que, por tanto,
00:15:25las elecciones tecnológicas ya no importarán, las cosas serán distintas para ustedes. Pero
00:15:30esa no es mi opinión. Por lo que veo en mi uso diario de la IA, donde la utilizo
00:15:35intensamente y donde la mayor parte de mi código es generado por ella, les digo que controlarla,
00:15:41guiarla, tomar decisiones, elegir tecnologías y arquitecturas de software es más importante
00:15:48que nunca. Y sí, Angular sigue siendo una gran opción ahí. Así que esta fue mi breve historia
00:15:54sobre Angular, un framework que siempre tendrá un lugar especial en mi corazón. Porque como mencioné,
00:16:00este fue el primer gran curso que lancé en Udemy. Y cambió muchas cosas
00:16:07para mí. Me permitió dedicarme a crear cursos. Ha cambiado la vida y la carrera
00:16:13de muchísimas personas. He recibido tantos mensajes y comentarios geniales y, por todo ello,
00:16:19Angular siempre fue increíble. Y es especialmente increíble para mí.