Angular: De cero a experto edición 2025

Angular: De cero a experto

Aprende Angular en profundidad con el nuevo paradigma Zoneless basado en señales. Comienza desde cero y realiza ejercicios prácticos para dominar lo necesario y crear aplicaciones con este framework.

Adquirir Ahora Vista previa gratis

Contenido del curso

1. Introducción
2. Temas puntuales
3. Introducción a Angular
4. Primer proyecto en Angular
5. Explicación de archivos y directorios
6. Explicación del directorio SRC
7. Counter Page - Componente
8. Tarea - Separar template de la lógica
9. Señales
10. Zoneless Angular
11. Tarea - Reforzar lo aprendido hasta el momento
12. Solución a la tarea
13. Señales computadas - Readonly Signals
14. Resumen de lo aprendido
15. Código fuente de la sección
1. Introducción
2. Temas puntuales
3. Continuación de proyecto
4. RouterLink
5. RouterLink Active
6. Tarea - Preparación de página
7. @for - Realizar iteraciones de elementos
8. ngClass - Clases de CSS de forma condicional
9. @if - Mostrar elementos de forma condicional
10. Inputs - Agregar personaje
11. Solución a la tarea
12. Preparación de una nueva página
13. Función input - Comunicación entre componentes
14. Tarea - Signal Inputs y creación de componentes
15. Output - Emitir valores
16. Servicios en Angular
17. Efectos y LocalStorage
18. LinkedSignal - Cargar del LocalStorage
19. Despliegues y HashRouter
20. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Inicio de proyecto - GifsApp
5. Pensemos en componentes
6. Rutas Hijas
7. Componentes para el menú lateral
8. RouterLinks - Desde componentes hijos
9. Angular Environments y Path Alias
10. Mostrar imágenes de relleno
11. Tarea - input de imágenes
12. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación de aplicación
5. Giphy API - Servicio de Gifs
6. GifService - Interfaces
7. Petición HTTP GET
8. Mostrar Gifs en pantalla
9. Diseño de pantalla - Buscador de Gifs
10. Mostrar resultados de búsqueda
11. Historial y Caché de búsqueda
12. Argumentos dinámicos por URL
13. Mostrar historial de búsqueda
14. LocalStorage - Mantener el historial
15. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación de aplicación
5. Diseño Masonry
6. viewChild - Tomar referencias del template
7. Determinar fin de scroll
8. Cargar siguiente página de Gifs
9. Preservar posición del scroll
10. Depuración de aplicación
11. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Inicio de proyecto - CountryApp
5. Rutas y estructura de carpetas
6. Layout Components
7. DaisyUI - Componentes
8. Menú superior e íconos
9. Inputs y Tablas
10. Solución a la tarea
11. Guía de estilos - Resumen
12. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación de aplicación
5. CountryService - Interfaces
6. Country Interface y Mapeo de datos
7. Solución de la tarea - CountryMapper
8. Nombre del país en español
9. Decimal Pipe
10. Manejo de excepciones
11. Reactividad con Resources
12. Tarea - Buscar países
13. RxResource
14. Mostrar diferentes estados al usuario
15. Información de un país
16. Detalles del país
17. Resolución de la tarea
18. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación
5. Debounce - Búsquedas automáticas
6. Caché de resultados
7. Tarea - Caché de países
8. Tarea - Países por region
9. Resolución de la tarea
10. Preservar resultados - ActivatedRoute
11. Cambiar queryParams vía código
12. Validar parámetros de query
13. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Inicio de proyecto
5. Lectura de rutas dinámicamente
6. UpperCase, LowerCase y TitleCase Pipes
7. Decimal, Percent y Currency Pipes
8. Date Pipe
9. Cambiar de idiomas
10. Cambiar locale dinámicamente
11. Content Projection
12. I18nSelectPipe
13. I18nPluralPipe
14. SlicePipe
15. JsonPipe
16. KeyValuePipe
17. AsyncPipe
18. AsyncPipe con Observables
19. Código fuente
1. Introducción
2. Demostración
3. Temas puntuales
4. Continuación
5. Pipe personalizado - ToggleCase
6. Preparación de proyecto
7. Pipe Personalizado - CanFlyPipe y HeroColor
8. Pipe personalizado - HeroTextColor
9. Pipe personalizado - HeroSortBy
10. Pipe personalizado - HeroFilterPipe
11. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Inicio de aplicación - FormulariosApp
5. Rutas padre y template HTML
6. ReactiveForms - FormGroup y FormControl
7. Form Builder
8. Validaciones de campos incluidos
9. Mostrar errores en pantalla
10. Mejorar re-utilización y experiencia de usuario
11. Reutilización de lógica entre formularios
12. Formularios dinámicos con arreglos
13. Mostrar errores en pantalla
14. Agregar y eliminar controles de formularios
15. Múltiples eventos desde el mismo campo
16. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación de aplicación
5. Switches, Checks y Radio buttons
6. Tarea - Formulario de registro básico
7. Validación contra expresiones regulares
8. Validación personalizada - Campos iguales
9. Validaciones asíncronas
10. Validación personalizada - Síncrona
11. Preparación de ejercicio
12. Primer selector controlado - Continentes
13. Suscribirse a los cambios del formulario
14. Llenar tercer selector
15. Terminar el tercer selector
16. Código fuente
1. Introducción
2. Demostración
3. Temas puntuales
4. Inicio de proyecto - LifeCycle
5. Ciclo de vida de los componentes
6. Ciclo de vida - Segunda Parte
7. Zoneless Angular
8. OnChanges
9. Código fuente
1. Introducción
2. Demostración
3. Temas puntuales
4. Inicio de aplicación - MapsApp
5. Título en el Navbar - Observable - Señal
6. Variables de entorno .env - MapboxKey
7. Crear environments mediante un script
8. Mapa a pantalla completa
9. Controlar mapa - Zoom
10. Controlar mapa - Obtener Posición central
11. Controles propios de Mapbox
12. Marcadores en el mapa
13. Marcadores dinámicos
14. Mostrar listado de Marcadores
15. Eliminar marcadores
16. Varios mapas en pantalla
17. Solución de la tarea - MiniMap
18. Tailwind - Responsive design
19. Construir y desplegar
20. Código fuente
1. Introducción
2. Demostración
3. Temas puntuales
4. Inicio de proyecto - TesloShop
5. Páginas y rutas
6. Fuentes personalizadas - Navbar
7. Tarjetas de producto y FadeIn animation
8. TypeScript - Path Alias
9. Levantar backend - TesloShop
10. Traer listado de productos
11. Variables de entorno y parametrización
12. Mostrar productos en pantalla
13. Solución a la tarea - Mostrar Productos
14. ProductImage Pipe - Pipe Personalizado
15. Pantalla de producto
16. Carousel de imágenes
17. Página de productos por género
18. Código fuente
1. Introducción
2. Demostración
3. Temas puntuales
4. Continuación
5. Paginación local
6. Paginación local - Funcionalidad
7. Paginación con RxResource
8. Servicio de paginación
9. Caché de productos
10. Caché de producto
11. Código fuente
1. Introducción
2. Demostración
3. Temas puntuales
4. Continuación
5. Rutas y páginas de autenticación
6. Formulario reactivo de autenticación
7. AuthService - Controlar autenticación
8. AuthService - Parte 2
9. Manejo de excepciones
10. Revisar autenticación previa
11. Refactorización y principio DRY
12. Mostrar usuario autenticado y cerrar sesión
13. Interceptores en Angular
14. Auth Interceptor
15. Guards - notAuthenticatedGuard
16. Tarea - Pantalla de Registro
17. Código fuente
1. Introducción
2. Demostración
3. Temas puntuales
4. Continuación
5. Diseño del panel administrativo
6. Autorización - IsAdminGuard
7. Listado de productos
8. Mostrar productos paginados
9. Página de producto por ID
10. Estructura del formulario de producto
11. Formulario de producto
12. Botones de selección
13. Mostrar errores del formulario
14. Preparar la data para actualizar
15. Actualizar producto
16. Actualizar caché
17. Crear producto
18. Mejorar experiencia de usuario
19. Código fuente
1. Introducción
2. Demostración
3. Temas puntuales
4. Continuación
5. Seleccionar imágenes y mostrarlas
6. Solución de la tarea - Imágenes temporales
7. Swiper - Dot fix
8. Subir imágenes - Servicio
9. Actualizar imágenes del producto
10. Plan de despliegue
11. Aprovisionar Base de datos
12. Desplegar Backend - GitHub - Render
13. Preparar aplicación de Angular
14. Desplegar aplicación de Angular
15. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Demostración de la sección
4. Nota útil
5. Inicio de proyecto - MyDashboard
6. Cambios en la estructura del proyecto
7. Tailwind en Angular
8. Creación de archivos y directorios
9. Configuración de rutas
10. Configuración del dashboard - Tailwind
11. @for - @if - Nueva sintaxis
12. Configurar alias de importaciones en TypeScript
13. Control Flow - @If
14. Control Flow - @Switch
15. Control Flow - @For
16. Required @Input
17. ChangeDetection - OnPush
18. Defer Blocks
19. Defer Triggers
20. Defer Triggers - Interacciones
21. Defer Triggers - Interacciones - Parte 2
22. ViewTransitions API
23. Hero Animation - View Transitions
24. Servicios con señales
25. Peticiones HTTP - importProvidersFrom
26. De observable a Señal - toSignal
27. Tarea - Computed Signals
28. Código fuente de la sección
1. Más información sobre nuestros otros cursos
2. Despedida

Acerca de este curso

$60.00
347 lecciones
33.5 horas de contenido en video
Fernando Herrera
Subtítulos disponibles

Cursos que podrían interesarte

OFERTAS RECURSOS GRATUITOS

Pago único

Adquiere el curso con un único pago de forma vitalicia, con acceso a la comunidad y posibles actualizaciones futuras.

$60.00

Promociones y descuentos aplican.

COMPRAR AHORA

¿Listo para explorar sin límites?

✦— Elige tu suscripción DevTalles PRO

Devtalles PRO Mensual

^USD18

Empieza hoy. Cancela cuando quieras.

SABER MÁS

DevTalles PRO Trimestral

^USD54

3 meses para subir de nivel.

SABER MÁS

DevTalles PRO Semestral

^USD108

6 meses para dominar el stack completo.

SABER MÁS

DevTalles PRO Anual

^USD198

El mejor valor. 12 meses, precio de 11.

12 meses por el precio de 11

SABER MÁS

¿Cuál es el siguiente paso?

Si quieres profundizar tu conocimiento en Angular, te invitamos a seguir la Ruta de aprendizaje de Angular, diseñada para que sigas aprendiendo.

Ver ruta