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.6 out of 5 (652 ratings)
15,660 students
Spanish
Spanish [Auto]
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 sections11 lectures31m total length
  • Introducción
    00:53
  • Código fuente e instalación
    00:30

Instructor

SW Engineer & entrepreneur
Enrique Oriol
  • 4.6 Instructor Rating
  • 2,768 Reviews
  • 33,864 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.