Skip to content

🗂️ Índice de clases — Angular

El nombre del archivo es el tema de la clase, no el número. Esta tabla es la que dice el orden real (Clase 1, 2, 3…9), secuencial y sin letras.

#ClaseFechaArchivoTemasEstado
1Hola Mundo2026-06-27hola-mundo.mdSetup (Node/nvm/Angular CLI), primer proyecto Angular✅ hecha
2Cocinero Principal2026-07-04cocinero-principal.mdRepaso TypeScript, Data Binding, control flow @if/@for, pipes✅ hecha
3(sin documentar)⏸️ pendiente
4Ciclo de Vida2026-07-18ciclo-de-vida.mdconstructor, ngOnChanges, ngOnInit, ngOnDestroy, componentes saludo/bienvenida✅ hecha
5Eventos en Angular2026-07-18eventos-en-angular.mdCategorías de eventos, Event Binding, $event, componentes envio/informacion🔄 en curso
6ViewChild y ContentChild2026-07-18viewchild-contentchild.mdviewChild(), contentChild(), ngAfterContentInit, <ng-content>✅ hecha
7Smart vs Dumb Component2026-07-18smart-dumb-components.mdinput() signal, fruta (dumb) + lista-frutas (smart)✅ hecha
8Routing2026-07-18routing.mdapp.routes.ts, provideRouter, routerLink, <router-outlet/>✅ hecha
9Routing avanzado2026-07-25routing-avanzado.mdQuery params, página 404 (wildcard), dashboard con children, Route Guards (CanActivate/CanDeactivate), inject(), Lazy Loading (loadComponent)🔄 en curso
10Formularios2026-07-25formularios.mdTemplate-driven (ngModel) vs Reactivos (FormGroup/FormControl)🔄 en curso
11Servicios (app-05)2026-07-25servicios-http.md@Injectable, servicio Productoservice — tema en desarrollo🔄 en curso
12Proyecto Java2026-08-08(pendiente de crear)Proyecto en Java — tema nuevo, aún sin capturas/notas🔜 siguiente

📌 Clases 4 a 8 fueron el mismo día (2026-07-18), cinco temas seguidos — por eso comparten proyecto (AppClase04/app-semana04). Se numeran seguidas (4, 5, 6, 7, 8) en vez de repetir "Clase 4" con letras, para que el orden del índice y el del sidebar del sitio coincidan sin ambigüedad.

🧭 Ruta del curso (checklist)

  • [x] Setup del entorno y primer proyecto (Clase 1).
  • [x] TypeScript básico + Data Binding + control flow + pipes (Clase 2).
  • [ ] Clase 3 (tema sin registrar todavía — completar si hay capturas/apuntes sueltos).
  • [x] Ciclo de vida de un componente (Clase 4).
  • [ ] Eventos en Angular: falta Eventos personalizados (@Output()/EventEmitter) (Clase 5, en curso).
  • [x] viewChild() y contentChild() con <ng-content> (Clase 6).
  • [x] Smart vs Dumb Component: fruta (dumb) + lista-frutas (smart) (Clase 7).
  • [x] Routing: app.routes.ts + routerLink + <router-outlet/> (Clase 8).
  • [ ] Routing avanzado: query params, wildcard/404, Route Guards, Lazy Loading (Clase 9, en curso).
  • [ ] Formularios: Template-driven vs Reactivos (Clase 10, en curso).
  • [ ] Servicios en app-05 (Clase 11, en curso — recién empezando).
  • [ ] Proyecto Java (Clase 12, siguiente — aún sin contenido).

💡 Al terminar cada clase: crea su archivo en 01-Clases/, agrega la fila aquí arriba y marca el avance. Así, con solo abrir este índice, se sabe de un vistazo el orden y por dónde se va — sin depender del nombre del archivo en el explorador.