Apariencia
🗂️ Í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.
| # | Clase | Fecha | Archivo | Temas | Estado |
|---|---|---|---|---|---|
| 1 | Hola Mundo | 2026-06-27 | hola-mundo.md | Setup (Node/nvm/Angular CLI), primer proyecto Angular | ✅ hecha |
| 2 | Cocinero Principal | 2026-07-04 | cocinero-principal.md | Repaso TypeScript, Data Binding, control flow @if/@for, pipes | ✅ hecha |
| 3 | (sin documentar) | — | — | — | ⏸️ pendiente |
| 4 | Ciclo de Vida | 2026-07-18 | ciclo-de-vida.md | constructor, ngOnChanges, ngOnInit, ngOnDestroy, componentes saludo/bienvenida | ✅ hecha |
| 5 | Eventos en Angular | 2026-07-18 | eventos-en-angular.md | Categorías de eventos, Event Binding, $event, componentes envio/informacion | 🔄 en curso |
| 6 | ViewChild y ContentChild | 2026-07-18 | viewchild-contentchild.md | viewChild(), contentChild(), ngAfterContentInit, <ng-content> | ✅ hecha |
| 7 | Smart vs Dumb Component | 2026-07-18 | smart-dumb-components.md | input() signal, fruta (dumb) + lista-frutas (smart) | ✅ hecha |
| 8 | Routing | 2026-07-18 | routing.md | app.routes.ts, provideRouter, routerLink, <router-outlet/> | ✅ hecha |
| 9 | Routing avanzado | 2026-07-25 | routing-avanzado.md | Query params, página 404 (wildcard), dashboard con children, Route Guards (CanActivate/CanDeactivate), inject(), Lazy Loading (loadComponent) | 🔄 en curso |
| 10 | Formularios | 2026-07-25 | formularios.md | Template-driven (ngModel) vs Reactivos (FormGroup/FormControl) | 🔄 en curso |
| 11 | Servicios (app-05) | 2026-07-25 | servicios-http.md | @Injectable, servicio Productoservice — tema en desarrollo | 🔄 en curso |
| 12 | Proyecto Java | 2026-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()ycontentChild()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.