Contenido del curso
Gestión de Entornos
Nuevas Funcionalidades en Angular
- 7

Variables locales con @let en Angular
09:14 min - 8

Lazy loading de imágenes con ngSrc en Angular
17:08 min - 9

URLs amigables para SEO en Angular
11:27 min - 10

"Reactividad en Angular: Migración a Input Signals"
20:42 min - 11

Migración automática de @Input a signals en Angular
12:23 min - 12

Migración de Outputs en Angular: De Decoradores a Funciones
07:35 min - 13

linkedSignal en Angular: computed con set
12:56 min - 14

Sincronización de Componentes en Angular con Model y Signals
12:03 min - 15

toSignal: Observables de RxJS como Signals
11:17 min - 16

Conversión de Observables a Signals en Angular con toSignal
08:07 min - 17

Interoperabilidad de RXDS y Signals en Angular: Uso de RX Resourcers
11:10 min - 18

Manejo de Parámetros Reactivos con RX Resource en Angular
09:18 min - 19

Manejo de Promesas y Fetch en Angular sin RXJS
07:59 min - 20

Reactividad en Angular: Uso de Signals para Consultas DOM
09:00 min - 21

Configuración de Prettier para HTML en Angular
05:28 min
Server-Side Rendering (SSR) y Navegación
- 22

Migración al Application Builder de Angular
10:17 min - 23

Server Side Rendering con Angular: Mejora Rendimiento y SEO
13:26 min - 24

afterNextRender: código seguro solo en el browser
09:42 min - 25

Geolocalización y APIs: Creando un Mapa de Tiendas Cercanas
15:39 min - 26

Pre-rendering en Angular con ng build
11:25 min - 27

Desplegando Angular SSR en Firebase
18:12 min
Optimización de Rendimiento
- 28

Generación de Meta Tags Dinámicos con Angular y Open Graph
15:11 min - 29

Creación de MetaTags Dinámicos en Angular
12:51 min - 30

Proceso de Hydration y Event Replay en Angular
05:54 min - 31

Productos relacionados con RxResource en Angular
09:25 min - 32

Carga diferida de componentes en Angular para mejorar rendimiento
10:10 min - 33

Optimización de Incremental Hydration en Angular
06:14 min - 34

Configuración de Server Routing en Angular
10:43 min - 35

Aplicaciones Sin Zone.js: Migración a Signals en Angular
13:02 min - 36

Cierre del curso avanzado de Angular
Viendo ahora
Cierre del curso avanzado de Angular
Resumen
Terminar un curso de Angular avanzado significa salir con dos músculos nuevos: el modelo de signals para manejar reactividad y el server-side rendering para desplegar aplicaciones más rápidas. Si llegaste hasta aquí, ya tienes ambos en tu caja de herramientas y sabes cómo llevarlos a producción real.
¿Qué aprendiste sobre reactividad y SSR en Angular?
El recorrido cubrió las capacidades modernas del framework, no solo en teoría sino aplicadas a un despliegue funcional. La idea fue que salieras capaz de decidir qué se renderiza dónde y por qué.
- Nuevo modelo de reactividad de Angular basado en signals, que reemplaza patrones antiguos de detección de cambios.
- Server-side rendering con Node como parte del ambiente de ejecución, no solo como build tool.
- Generación de sitios estáticos, dinámicos o híbridos, eligiendo qué componentes se renderizan en cliente y cuáles en servidor.
- Despliegue de producción real, no un demo en localhost.
¿Qué es server-side rendering en Angular? Es la técnica que permite que tu aplicación se renderice en el servidor con Node antes de enviarse al navegador. Mejora tiempos de carga inicial y SEO, porque el HTML llega listo para mostrarse.
¿Por qué importa elegir entre render estático, dinámico o híbrido?
No todas las páginas necesitan el mismo tratamiento. Una landing puede ser estática, un dashboard necesita ser dinámico y un blog puede combinar ambos. Angular moderno te deja tomar esa decisión por ruta o por componente.
Esa flexibilidad es la que separa una app que solo funciona de una app que escala bien y carga rápido.
¿Cuándo conviene usar SSR en lugar de SPA pura? Cuando necesitas SEO, first contentful paint rápido o compartir links con previews ricos. Si tu app es interna o detrás de login, una SPA tradicional puede ser suficiente.
¿Qué hacer después de terminar el curso?
El siguiente paso es validar lo aprendido y seguir construyendo. Tienes un examen de certificación disponible que cierra el ciclo formal del curso.
- Presenta el examen de certificación del curso.
- Descarga tu certificado y compártelo en redes profesionales.
- Deja tu calificación y comentarios para ayudar a otros estudiantes.
- Sigue practicando con proyectos propios que combinen signals y SSR.
El profesor de este curso es Nicolás Molina, Google Developer Expert en Angular y Web Technologies, a quien puedes encontrar en redes como @nicobyte.
¿Qué proyecto vas a construir primero con todo esto? Cuéntalo en los comentarios.