Componentes en Angular - 101 (principiantes)
por Enrique Oriol
Repasa los fundamentos de los componentes de Angular creando 2 componentes desde cero: inputs, outputs, estilos, template reference variables y ciclo de vida.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Programación de nivel principiante en Udemy impartido por Enrique Oriol (31 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Quien ya ha hecho un par de tutoriales de Angular y quiere repasar los fundamentos de los componentes.
- Nivel
- Principiante
- Duración
- 31 min · 11 lecciones
- Precio
- Gratis en Udemy
- Autor
- Enrique Oriol
- Plan sugerido
- 1 sem. · 1 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Microcurso conciso y práctico para repasar los fundamentos de los componentes de Angular. Es útil para quien ya conoce lo básico y quiere afianzar inputs, outputs y ciclo de vida. Hay que tener en cuenta que está basado en Angular v4.
Puntos fuertes
- Duración corta (31 minutos) y enfoque directo en un único tema.
- Metodología learning-by-doing creando 2 componentes desde cero.
- Temario claro y bien delimitado en la descripción.
A tener en cuenta
- Está planteado para Angular v4/v2, por lo que puede quedar desfasado respecto a versiones actuales.
- Solo hay dos capítulos, así que la navegación por temas es limitada.
- No se mencionan ejercicios adicionales ni material descargable.
De qué trata
Microcurso de 31 minutos y 11 lecciones que repasa los fundamentos de los componentes de Angular con una metodología learning-by-doing. Está planteado para Angular v4, válido también para Angular v2.
Se organiza en dos capítulos: una introducción y el bloque «Componentes Angular 101», en el que se crean 2 componentes desde cero. Recorre el decorador Component, Input y property binding, Output, EventEmitter y event bindings, estilos con :host, llamadas a métodos de componentes hijos, template reference variables y eventos del ciclo de vida.
- Decoradores Component, Input y Output
- EventEmitter y event bindings
- Estilos con el selector :host
- Template reference variables
- Eventos del ciclo de vida del componente
Para quién es este curso
- Quien ya ha hecho un par de tutoriales de Angular y quiere repasar los fundamentos de los componentes.
- Personas que se preparan para una entrevista de trabajo y necesitan refrescar conceptos básicos de componentes.
- Quien quiere una base previa antes de pasar a cursos más avanzados de Angular.
Mejor busca otro si…
- Quien nunca ha tocado Angular, ya que se dan por entendidos conceptos muy básicos.
- Quien busque contenido sobre versiones recientes de Angular: el curso se centra en Angular v4, válido para v2.
Antes de empezar
- Nociones básicas de Angular (Angular 2 o posterior).
- Nociones elementales de ES6 y TypeScript.
- Nociones elementales de HTML y CSS.
Qué sabrás hacer al terminar
- Crear componentes de Angular con mayor facilidad.
- Añadir inputs y outputs (eventos) a los componentes.
- Personalizar los estilos del propio componente con el selector :host.
- Llamar a métodos de componentes hijos y usar template reference variables.
- Entender los eventos del ciclo de vida de un componente.
Estructura del curso
- 01
Introducción
Capítulo de presentación del microcurso y de su enfoque learning-by-doing.
- 02
Componentes Angular 101
Bloque principal con el resto de las lecciones (11 en total). Según la descripción, cubre el decorador Component, Input y property binding, Output, EventEmitter y event bindings, estilos con :host, llamadas a métodos de componentes hijos, template reference variables y ciclo de vida. Se crean 2 componentes desde cero.
Capítulos del vídeo
- 01Intro
- 02Componentes Angular 101
Plan de estudio sugerido
1 semana · unas 1 h por semana
- 1.Sesión 1: ve la introducción y los primeros vídeos sobre el decorador Component, Input y Output, y reproduce el código.
- 2.Sesión 2: repasa EventEmitter, estilos con :host, métodos de componentes hijos y template reference variables, y termina con el ciclo de vida.
- 3.Después: reconstruye los 2 componentes sin mirar el vídeo para comprobar lo aprendido.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Ten un proyecto Angular listo antes de empezar y escribe el código a la vez que el vídeo.
- Pausa en Input y Output y prueba a comunicar un componente padre con uno hijo por tu cuenta.
- Contrasta lo aprendido con la documentación de tu versión de Angular, porque el curso usa v4.
Antes y después de este curso
- Antes de este cursoCurso básico de TypeScript - Empieza con este lenguajeEl curso da por entendidas nociones de TypeScript; este curso básico sirve de base.
- Antes de este cursoDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroRefuerza HTML y CSS, que el curso asume como conocidos.
Cómo lo presenta Enrique Oriol
Intro a los componentes de Angular (2/4/5+) por learning-by-doing: aprende bindings, eventos, template ref. variables...
Ponte al día con los componentes de Angular (Angular v4, válido también para Angular v2). Refresca los conceptos básicos creando 2 componentes desde cero. En pocos vídeos te pondrás al día para enfrentarte a una entrevista de trabajo o para poder afrontar cursos más avanzados.…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Qué nivel necesito?
Unas nociones básicas de Angular, además de ES6, TypeScript, HTML y CSS. Si has hecho un par de tutoriales de Angular 2, la descripción indica que deberías estar preparado.
+¿Cuánto dura?
31 minutos repartidos en 11 lecciones, así que se puede completar en una o dos sesiones.
+¿Sirve para versiones actuales de Angular?
Está planteado para Angular v4, válido también para v2. Conviene comprobar en la documentación oficial qué ha cambiado en tu versión.
+¿Qué temas cubre?
Decorador Component, Input y property binding, Output, EventEmitter, estilos con :host, métodos de componentes hijos, template reference variables y ciclo de vida.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Enrique Oriol; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Programación
Agentic AI – Complete Course for Beginners
Curso de unas 24 horas para construir sistemas de agentes de IA con LangChain y LangGraph: Pydantic, flujos de trabajo, memoria, RAG y despliegue en AWS y Render.
Aprende Accesibilidad Web paso a paso
Introducción práctica a la accesibilidad web: pautas y leyes, contenido, navegación, diseño e interacción accesibles, relación con el SEO y evaluación de sitios.
Aprende Godot - Curso completo desde cero
Crea tu primer videojuego 3D en Godot 4 desde cero: escenas, nodos, GDScript, físicas, animaciones, sonido y exportación a .exe.
Aprende JavaScript Ahora! curso completo desde cero para principiantes
Curso de JavaScript desde cero: entorno, variables, tipos, operadores, control de flujo, diez ejercicios y objetos con funciones constructoras.