Componentes en Angular - 101 (principiantes)

Intro a los componentes de Angular (2/4/5+) por learning-by-doing: aprende bindings, eventos, template ref. variables...
Rating: 4.4 out of 5 (562 ratings)
13,472 students
Componentes en Angular - 101 (principiantes)
Rating: 4.4 out of 5 (562 ratings)
13,472 students
Crear componentes con mayor facilidad
Añadir inputs a los componentes
Añadir outputs (eventos) a los componentes
Personalizar los estilos del propio componente
Aprovechar el ciclo de vida de los componentes
Llamar a métodos de componentes hijos
Entender que son las "template reference variables"

Requirements

  • Conocimientos básicos de Angular 2 o 4 (haber hecho uno o dos tutoriales)
  • Conocimientos básicos de Javascript ES6 (clases y arrow functions)
  • Conocimientos básicos de TypeScript
  • Conocimientos básicos de programación web (HTML, CSS y JS)
  • Uso básico de GIT
Description

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.

Este microcurso está orientado a repasar los fundamentos de los componentes de Angular. A través de los vídeos y siguiendo una metodología learning-by-doing, aprenderás a usar:

  • El Decorador Component
  • El Decorador Input y property binding
  • El Decorador Output
  • Los EventEmitter y los Event Bindings
  • Cómo aplicar estilos a tu componente (selector de pseudo-clase :host)
  • Cómo llamar métodos de componentes hijos
  • Cómo usar las Template Reference Variables
  • Entender los eventos del ciclo de vida del componente

Este curso te servirá como punto de partida para entender mejor el funcionamiento de una de las piezas fundamentales de Angular: los componentes. A partir de aquí te será más fácil profundizar en el aprendizaje a través de otros cursos o material online disponible.

Los requisitos para tomar este curso es que tengas unas nociones básicas de Angular (Angular 2 o Angular), dado que hay conceptos muy básicos que se dan por entendidos. Eso incluye también nociones elementales de ES6, Typescript, HTML y CSS.

Si has hecho un par de tutoriales en Angular 2, deberías estar preparado para hacer este curso.

Who this course is for:
  • Principiantes en Angular que quieran entender los principios de los componentes
Course content
2 sections • 11 lectures • 31m total length
  • Introducción
    00:53
  • Código fuente e instalación
    00:30
  • 1 - Decorador component
    02:42
  • 2 - Nuevo componente
    02:10
  • 3 - Progress bar component: Estilo del componente (:host)
    02:28
  • 4 - Decorador @Input y property bindings
    02:00
  • 5 - Countdown component: ciclo de vida OnInit
    05:36
  • 6 - Decorador @Output, EventEmitter e event bindings
    05:14
  • 7 - Usando métodos de componentes hijos vía template ref. variable
    04:34
  • 8 - Lifecycle hooks: ngOnChange y ngOnDestroy
    04:48
  • 9 - Notas finales
    00:33

Instructor
SW Engineer & entrepreneur
Enrique Oriol
  • 4.6 Instructor Rating
  • 2,073 Reviews
  • 26,010 Students
  • 6 Courses

Software Engineer in Barcelona, after long years of coding, I've led technical teams, and directed the innovation department of a Venture Builder. Now I'm enjoying code again as a Frontend Team Lead at Dynatrace.

Along my career, I've developed Augmented Reality apps, management backends, and mobile e-commerces for international companies, gaining a global vision of the market in terms of software development needs.

In my spare time, I love teaching software development either through my blog, in software meetups, or through online courses.

--

Ingeniero de Software en Barcelona. Tras años de desarrollo, he liderado equipos técnicos y dirigido el departamento de innovación de una Venture Builder. Ahora estoy disfrutando de nuevo de la programación como Frontend Team Lead dentro del fantástico equipo de Dynatrace.

A lo largo de mi carrera profesional he desarrollado aplicaciones de Realidad Aumentada, frontends de monitorización, backends de gestión y e-commerce móviles para empresas internacionales, ganando una visión global de las necesidades del mercado real del desarrollo software.

En mi tiempo libre me gusta enseñar programación ya sea a través de mi blog, en meetups de software o mediante cursos educativos.