Componentes en Angular - nivel PRO (angular 2 y 4)
4.7 (61 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
259 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Componentes en Angular - nivel PRO (angular 2 y 4) to your Wishlist.

Add to Wishlist

Componentes en Angular - nivel PRO (angular 2 y 4)

Domina los componentes de Angular (Angular 2 y Angular 4) como un PRO y crea componentes técnicamente brillantes
4.7 (61 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
259 students enrolled
Created by Enrique Oriol
Last updated 7/2017
Spanish
Current price: $10 Original price: $110 Discount: 91% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 2 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Crear componentes en Angular de la misma calidad que los de frameworks angular como Ionic o Angular Material
  • Organizar correctamente y de forma escalable los compoentes de tu aplicación
View Curriculum
Requirements
  • Conocimientos básicos de Angular (angular 2 o 4): haber hecho un par de tutoriales
  • Conocimientos básicos de TypeScript (lo que habrás aprendido con Angular)
  • Conocimientos básicos de Javascript ES6 (clases y arrow functions)
  • Conocimientos básicos de HTML
  • Conocimientos básicos de CSS
  • Conocimientos elementales de GIT
Description

¡Únete al curso más avanzado de Udemy sobre componentes en Angular y empieza YA a mejorar tus habilidades!

Este curso te llevará a través de toda la complejidad de los componentes de Angular, comenzando por el nivel más básico, y llegando a los casos más avanzados.

Desde el uso de Inputs y Outputs, hasta la comunicación entre componentes transcluídos o la generación dinámica de componentes. Este curso cubre todos los aspectos relacionados con los componentes que necesitas aprender para dominar Angular como profesional.

Algunos de los temas que vas a aprender en este curso son:

  • Ciclos de vida de Angular
  • Comunicación entre componentes padres e hijos en todas las direcciones
  • Template Reference Variables
  • Arquitectura de componentes
  • Observables y AsyncPipe
  • Encapsulación de estilos del componente
  • Estrategias de detección de cambios
  • Proyección de contenido (transclusión)
  • Renderizado "platform agnostic"
  • Componentes dinámicos

Además, si te quedas atascado, te beneficiarás de un soporte amigable y rápido, vía comunicación directa y a través del foro ;)

Angular es uno de los frameworks frontend modernos más potentes y eficientes que puedes aprender actualmente. Te permite construir webs complejas con facilidad y obteniendo unos resultados increíbles. Aprende ahora todo lo que necesitas para desarrollar webs potentes en Angular con todas las garantías.

Estas son algunas de las opiniones de mis alumnos en otros cursos:

- Excelente todo

- 100% Recomendado, material didáctico muy bien explicado, si realmente quieres hacer app profesionales con este framework y este curso lo puedes lograr.

- Porque es la primera vez que veo un curso que explica cada cosa en profundidad.

- Excelente!!

- Explica de forma simple, concreta y precisa los fundamentos de Ionic. Y eso permite la comprensión de los conceptos de esta herramienta y su aprovechamiento futuro.

-  Me encanta este curso, los conceptos están explicados muy claros y en todo momento sabes para que vas a usar cada cosa.

- El tutor se hace entender muy fácilmente, y el curso lo esta llevando muy bien

- Muy bien explicado, con detalles.

- muy claro y buenos lo ejemplos



Who is the target audience?
  • Cualquiera que tenga una idea básica de Angular y quiera profundizar
Students Who Viewed This Course Also Viewed
Curriculum For This Course
38 Lectures
02:50:18
+
Introducción
2 Lectures 02:26

Bienvenido a Componentes en Angular - nivel PRO. A lo largo de este curso vas a aprender a usar los componentes de Angular 2 / 4 como un profesional.

Inputs, Outputs, EventEmitters, template reference variables, ciclos de vida, estilos, transclusión, componentes dinámicos, arquitectura de componentes, estrategias de detección de cambios… 

En los próximos vídeos aprenderás todos estos conceptos y muchos más ;)

Preview 01:59

Código fuente e instalación
00:27
+
Nivel básico
8 Lectures 29:32

Repasarás brevemente la estructura de una app en Angular 2 / 4 y aprenderás qué es el decorador @Component de Angular y la estructura que tienen los componentes en esta plataforma.

Preview 02:42

Crearás tu primer componente en Angular, al más puro estilo "hello world".

Preview 02:10

Crearás un componente que será una barra de progreso

Además, en el camino aprenderás a aplicar estilos a tu propio componente sin necesidad de envolverlo en otro elemento, gracias al selector :host.

Preview 02:28

Completarás tu componente "progress bar" aprendiendo a recibir valores de entrada (inputs) desde fuera, gracias al decorador @Input

También aprenderás como asociar esos inputs de los componentes a datos variables, para que que el input se actualice de forma automática al actualizar la variable. Esto es lo que se conoce como property binding.

Preview 02:00

Crearás otro componente Angular que será capaz de realizar una cuenta atrás.

También aprenderás como funcionan los eventos de ciclo de vida de los componentes Angular, como en evento ngOnInit, que se llama tras iniciar el componente.

Preview 05:36

Aprenderás a sacar valores desde un componente hacia afuera, emitiendo eventos, lo que en Angular se conoce como event binding.

En el proceso, conocerás cómo funciona el decorador @Output y aprenderás a usar la clase EventEmitter.

6 - Decorador @Output, EventEmitter e event bindings
05:14

Aprenderás cómo llamar a métodos y propiedades de un componente hijo desde el padre gracias a las template reference variables.

7 - Usando métodos de componentes hijos vía template ref. variable
04:34

Conocerás nuevos eventos de ciclo de vida de los componentes en Angular:

  • ngOnChange, para detectar cuando han cambiado los valores de entrada
  • ngOnDestroy, para detectar cuando se destruye el componente
8 - Lifecycle hooks: ngOnChange y ngOnDestroy
04:48
+
Nivel intermedio
12 Lectures 51:51
Componentes stateful VS stateless
02:28

Código fuente e instalación
00:32

Componentes presentacionales (stateless)
05:07

Contenedores (componentes stateful)
04:24

Moviendo lógica a un servicio (Single Responsibility Principle)
05:54

Providers a nivel de componente o de módulo
02:47

Observables & Subjects: Emitiendo eventos desde un servicio
06:57

BehaviourSubject & AsyncPipe
04:34

Buenas prácticas - Getters, o como evitar lógica en los templates
04:04

Estrategia de detección de cambios por defecto
01:29

Estrategia de detección de cambios onPush
05:00

Encapsulado de estilos del componente (shadow DOM)
08:35
+
Nivel Avanzado
16 Lectures 01:26:30
Proyección de contenido con ng-content
04:33

ng-content y los projection slots
05:32

ng-content, estrategias Don't Repeat Yourself (DRY)
04:33

Inyección del componente padre
08:32

@ContentChild: accediendo al contenido proyectado
07:56

@ContentChildren & QueryLists: accediendo al contenido proyectado
07:37

@ViewChild: accediendo al componente hijo
06:09

@ViewChildren & QueryLists: accediendo a los hijos
07:28

ElementRef y Native element
05:41

Renderer: Renderizado "platform agnostic"
03:50

ng-container, agrupando elementos sin añadir un wrapper
02:00

ng-template, repitiendo contenido en el DOM
05:46

Creando componentes dinámicos
07:50

Componentes dinámicos: inputs y outputs
04:38

Componentes dinámicos: creación y destrucción
03:40

Notas finales
00:45
About the Instructor
Enrique Oriol
4.5 Average rating
288 Reviews
2,848 Students
3 Courses
SW Engineer & entrepreneur

Soy Ingeniero de Software, CTO en una startup de Barcelona que combina su pasión por la manipulación 3D con la consultoría tecnológica en proyectos mobile, incluyendo backend, frontend y aplicaciones híbridas y nativas. Me gustan especialmente el enfoque mobile con tecnologías web como Angular, Ionic y las client-side apps.

A lo largo de mi carrera profesional he desarrollado aplicaciones de Realidad Aumentada, 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.