Un mail cuando publico algo nuevo. Sin spam y te podés dar de baja cuando quieras.
La primera vez que vi una oferta laboral pidiendo Angular busqué "Angular" en Google y el primer resultado fue de 2013, con ng-app y $scope por todos lados. Tardé un rato en darme cuenta de que estaba mirando un framework distinto al que pedía el aviso. Esa confusión es tan común que arranco este post por ahí.
AngularJS (así, con el "JS" pegado) es el framework original de Google, liberado en 2010. En 2016 el equipo lo reescribió por completo -otro lenguaje, otra arquitectura, otra forma de pensar la aplicación- y le sacó el "JS" al nombre. Ese framework nuevo es el que hoy se llama simplemente Angular, y es el que importa si estás por arrancar un proyecto hoy: AngularJS quedó sin soporte oficial hace años.
Angular es un framework para construir aplicaciones web, escrito y mantenido por Google, con TypeScript como lenguaje por defecto. La unidad básica es el componente: una clase con su plantilla HTML y su hoja de estilos, pensada para reusarse.
import { Component } from '@angular/core';
@Component({
selector: 'app-hola',
template: `<h1>Hola, {{ nombre }}</h1>`,
})
export class HolaComponent {
nombre = 'mundo';
}Ese @Component de arriba es un decorador: le agrega metadata a la clase para que Angular sepa cómo renderizarla. No hay magia rara atrás, es una clase de TypeScript con una etiqueta.
Angular sirve para armar aplicaciones de una sola página (SPA, single-page application): el navegador carga una vez y después la navegación, los datos y la interfaz se manejan del lado del cliente, sin recargar la página completa.
Lo que lo distingue de una librería como React es que viene con todo incluido: enrutamiento, formularios, cliente HTTP, inyección de dependencias y testing forman parte del framework, no hay que salir a elegir ni combinar paquetes de terceros para lo básico. Por eso es tan común en aplicaciones grandes: sistemas de gestión, paneles administrativos, plataformas bancarias, intranets. Cuando un equipo de decenas de personas tiene que tocar el mismo código durante años, esa estructura impuesta desde el día uno vale más que la libertad.
Tres motivos concretos, no de folleto:
Contando desde la reescritura de 2016 (Angular 2) hasta hoy, 17/08/2026, van 20 versiones mayores. No existe la versión 3: el equipo saltó de la 2 a la 4 porque el paquete del router ya iba por su propia versión 3.x, y prefirieron alinear todo antes que sacar una v3 confusa.
| Versión | Fecha de lanzamiento | Soporte |
|---|---|---|
| Angular 2 | 14 de septiembre de 2016 | Sin soporte actual |
| Angular 4 | 23 de marzo de 2017 | Sin soporte actual |
| Angular 5 | 1 de noviembre de 2017 | Sin soporte actual |
| Angular 6 | 4 de mayo de 2018 | Sin soporte actual |
| Angular 7 | 18 de octubre de 2018 | Sin soporte actual |
| Angular 8 | 28 de mayo de 2019 | Sin soporte actual |
| Angular 9 | 6 de febrero de 2020 | Sin soporte actual (terminó el 6 de agosto de 2021) |
| Angular 10 | 24 de junio de 2020 | Sin soporte actual (terminó el 24 de diciembre de 2021) |
| Angular 11 | 11 de noviembre de 2020 | Sin soporte actual (terminó el 11 de mayo de 2022) |
| Angular 12 | 13 de mayo de 2021 | Sin soporte actual (terminó el 12 de noviembre de 2022) |
| Angular 13 | 3 de noviembre de 2021 | Sin soporte actual (terminó el 4 de mayo de 2023) |
| Angular 14 | 2 de junio de 2022 | Sin soporte actual (terminó el 18 de noviembre de 2023) |
| Angular 15 | 16 de noviembre de 2022 | Sin soporte actual (terminó el 18 de mayo de 2024) |
| Angular 16 | 3 de mayo de 2023 | Sin soporte actual (terminó el 8 de noviembre de 2024) |
| Angular 17 | 8 de noviembre de 2023 | Sin soporte actual (terminó el 15 de mayo de 2025) |
| Angular 18 | 22 de mayo de 2024 | Sin soporte actual (terminó el 21 de noviembre de 2025) |
| Angular 19 | 19 de noviembre de 2024 | Sin soporte actual (terminó el 19 de mayo de 2026) |
| Angular 20 | 28 de mayo de 2025 | Con soporte hasta el 28 de noviembre de 2026 |
| Angular 21 | 19 de noviembre de 2025 | Con soporte hasta el 30 de junio de 2027 |
| Angular 22 | 3 de junio de 2026 | Con soporte hasta el 30 de junio de 2028 |
La última es la 22, y al momento de escribir esto va por el parche 22.1.2, del 13 de agosto de 2026. Hasta la versión 21, Angular sacaba una mayor cada seis meses; a partir de la 22 pasó a un ciclo anual, con dos años de soporte total por versión: uno de soporte activo y uno de soporte a largo plazo, con solo parches de seguridad. De la 2 a la 8 no quedan fechas oficiales de cuándo terminó exactamente el soporte -Google dejó de trackearlas hace tiempo-, pero llevan más de media década sin ningún tipo de mantenimiento, así que da lo mismo. Hoy (17/08/2026) las únicas versiones con soporte vigente son la 20, la 21 y la 22.
⚠️ Ojo con esto si buscás tutoriales: gran parte de lo que vas a encontrar en YouTube y en blogs viejos está escrito para Angular 8 o 9, con NgModule como base de todo. Desde la versión 14 en adelante los componentes standalone (sin NgModule) son la forma recomendada, y el ng new de hoy los genera por defecto. Si un tutorial arranca creando un app.module.ts, es material viejo: sigue sirviendo para entender conceptos, pero no copies la estructura de carpetas.
Esto es lo mínimo para tener el entorno funcionando. Cada paso depende del anterior, así que conviene seguirlos en orden.
Angular no corre solo: el CLI necesita Node.js, y de paso instala npm, el gestor de paquetes que va a bajar Angular y todas sus dependencias.
Descarga oficial: nodejs.org
Angular 22 pide una versión activa de Node.js: la rama 22.x desde la 22.22.3, la rama 24.x desde la 24.15.0, o directamente la rama 26.x. Si tenés dudas de cuál bajar, la versión marcada como LTS en la página de descargas siempre entra en ese rango.
Una vez instalado, confirmalo desde la terminal:
node -v # v22.22.3 (o superior)
npm -v # 10.x o superiorEl CLI (interfaz de línea de comandos) es la herramienta que crea proyectos, genera componentes y levanta el servidor de desarrollo. Se instala una sola vez, de forma global, con npm:
npm install -g @angular/cliDocumentación oficial del CLI: angular.dev/tools/cli
Confirmá que quedó instalado:
ng versionNo hace falta instalar TypeScript aparte: cuando creás un proyecto nuevo, el CLI lo agrega solo, en la versión que esa release de Angular necesita.
Cualquier editor sirve, pero Visual Studio Code es el que tiene mejor soporte para Angular.
Descarga oficial: code.visualstudio.com
Extensión recomendada, mantenida por el propio equipo de Angular: Angular Language Service. Da autocompletado y detección de errores dentro de los templates HTML, no solo en el TypeScript.
No lo pide Angular para funcionar, pero el ng new pregunta si querés inicializar un repositorio, y en cualquier trabajo real vas a versionar el código sí o sí.
Descarga oficial: git-scm.com
Con el CLI instalado, esto alcanza para dejar el primer proyecto andando:
ng new mi-primer-proyecto # crea la carpeta y el esqueleto de la app
cd mi-primer-proyecto
ng serve --open # compila, levanta un servidor y abre el navegadorng serve --open deja el proyecto corriendo en http://localhost:4200 con recarga automática: cada vez que guardás un archivo, el navegador se actualiza solo.
El resto de los comandos que vas a repetir apenas empieces a construir algo:
| Comando | Qué hace |
|---|---|
| ng new <nombre> | Crea un proyecto nuevo |
| ng serve | Levanta el servidor de desarrollo |
| ng generate component <nombre> (o ng g c <nombre>) | Genera un componente nuevo, con sus archivos y su registro |
| ng generate service <nombre> (o ng g s <nombre>) | Genera un servicio nuevo |
| ng build | Compila la app para producción, optimizada |
| ng test | Corre los tests unitarios |
| ng add <paquete> | Instala e integra una librería del ecosistema Angular |
| ng update | Actualiza Angular y sus dependencias a la versión siguiente |
| ng version | Muestra la versión del CLI, de Angular y de las dependencias clave |
La forma corta ng g c es la que vas a escribir cien veces por semana: generar un componente a mano -crear los cuatro archivos, registrarlo, escribir el selector- es el tipo de trabajo repetitivo que el CLI existe para sacarte de encima.
Resumido en una lista para no perderse:
Node.js desde nodejs.org (versión LTS).node -v y npm -v.npm install -g @angular/cli.ng version.VS Code y la extensión Angular Language Service.ng new mi-primer-proyecto.cd mi-primer-proyecto && ng serve --open.Si el navegador abre solo en localhost:4200 con la pantalla de bienvenida de Angular, el entorno está listo. Todo lo que sigue -componentes, servicios, routing- se construye arriba de esa base.
Angular no es una librería que se suma a un proyecto existente: es el proyecto entero. Por eso el CLI hace tanto por vos desde el primer comando, y por eso vale la pena dejar el entorno bien armado antes de escribir la primera línea propia.
Si venís de JavaScript vanilla o de React, lo que más te va a costar no es la sintaxis: es acostumbrarte a que Angular ya decidió por vos dónde va cada cosa. Dejalo decidir las primeras semanas; discutir con la convención recién tiene sentido cuando ya sabés por qué existe.