Curso de Angular 2 en Español - Aprende Fácilmente
3.9 (316 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
761 students enrolled

Curso de Angular 2 en Español - Aprende Fácilmente

Aprende a desarrollar aplicaciones web de forma práctica y desde cero con Angular 2
3.9 (316 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
761 students enrolled
Last updated 7/2017
Spanish
Spanish [Auto-generated]
Current price: $12.99 Original price: $19.99 Discount: 35% off
17 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 8 hours on-demand video
  • 1 article
  • 26 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Tener un entendimiento completo de Angular y que puede hacer
  • Tener la capacidad de crear una aplicación de Angular desde cero
  • Tener el conocimiento necesario para entender los elementos principales de una aplicación Angular
  • Incrementar sus opciones laborales
  • Desarrollar aplicaciones utilizando las ultimas tecnologias
Course content
Expand all 91 lectures 07:46:29
+ Introducción
2 lectures 03:56

Bienvenido al curso de Angular 2 en español.

En este curso vamos a ver una introducción pequeña de TypeScript que es el lenguaje en el cual vamos a programar en el curso. 

Vamos a crear 2 aplicaciones en Angular 2. 

Una es una aplicación de 3 páginas que nos va a permitir poner en práctica lo que vamos aprendiendo como:

Componentes,
Directivas,
Módulos,
Enrutamientos,
Servicios,
Validación de formularios
y llamados HTTP

Y la segunda aplicación es un sistema para guardar nuestros contactos usando Firebase.

Preview 01:54

Antes de empezar a programar en Angular vamos a tener que preparar nuestro sistema con el gestionador de paquetes de NodeJS (NPM) y vamos a instalar globalmente typescript y typings. También vamos a instalar un IDE, y el que voy a usar en el curso es VisualCode de Microsoft.

Preview 02:02
+ TypeScript
7 lectures 31:35

En TypeScript tenemos varios tipos de variables. En este video vamos a aprender cuales son estos tipos.

Preview 09:06

En este video vamos a aprender como crear clases en TypeScript.

Clases
04:28

En este video vamos a hablar de que son los métodos constructores en TypeScript y como crearlos.

Constructores
02:34

En ES6 (y en TypeScript) tenemos una nueva forma de definir cadenas de caracteres y es usando las comillas ``.

Vamos a aprender en este video como usarlas y que podemos hacer con esta nueva forma.

Plantillas de cadenas de texto
02:18

La herencia (o inheritance en inglés) es uno de los elementos mas importantes de la programación orientada a objetos. En este video vamos a aprender como se hace en TypeScript.

Herencia
03:40

Las funciones flecha son una nueva funcionalidad de ES6 y en este video vamos a aprender como usarlas.

Funciones Flecha
05:38

En este video vamos a hablar de una nueva forma de declarar variables que se llama 'let'. 

Vamos a aprender como la usamos y como es diferente de 'var'.

Let
03:51
+ Introducción a Angular 2
7 lectures 35:09

Los elementos mas comunes (pero no los unicos) de una aplicación de Angular 2 son

1. Las Directivas

2. Los Componentes

3. Los Enrutamientos


En este video vamos a definir estos elementos y a nombrar los otros elementos que vamos a ver en el curso.

Preview 04:49

En este video vamos a ver como empezar a programar en Angular 2 utilizando una plantilla vinculada en esta clase. Simplemente nos va a dar la estructura necesaria para empezar a desarrollar.

Preview 00:30

En este video vamos a aprender la estructura de una aplicación Angular. 
Vamos a hablar de los archivos que nuestra aplicación va a tener y como instalar las dependencias de la misma.

Primera Aplicación
06:53
Instalar dependencias
08:12

En este video vamos a aprender como crear un componente. Vamos a aprender como importar el decorador @Component y como pasarle el objeto Metadata necesario.

Crear Componente
03:26

En el video anterior vimos como crear un Componente en Angular. En este video vamos a aprender como usar este nuevo componente en nuestra aplicación.

Usar Componente
05:36

Dentro de nuestros componentes vamos a tener un Metadata. Este Metadata es un objeto donde vamos a poder definir varias propiedades como 'template' (o plantilla). Esta plantilla es el código HTML de nuestra vista. En este video vamos a aprender como crear nuestras plantillas dentro de nuestros componentes.

Plantillas
05:43
+ Enlace de Datos
5 lectures 17:40
Introducción
02:44
Enlace de Datos de propiedad
05:21
Enlace de Datos de evento
02:23
Enlace de Datos doble
05:50

En este video vamos a recapitular lo que vimos en este capitulo
1. Enlaces de datos de eventos : ( ) = ""

2. Enlaces de datos de propiedades : [ ] = "" 

3. Enlaces de datos dobles: [( )] = ""

Enlace de Datos - fin
01:22
+ Pasar información a componentes
3 lectures 16:31

En este video vamos a aprender como pasarle información a un componente utilizando la opción Input.

Pasar información a un Componente
08:03
La propiedad Output
06:32

Cuando nuestras plantillas sean muy grandes, es mejor tenerlas en un archivo aparte para facilitar nuestra programación. Para esto vamos a utilizar templateUrl en nuestro el metadata de nuestro componente en vez de template.

Plantillas Externas
01:56
+ Directivas y Pipes
6 lectures 25:50

Con ngIf vamos a poder mostrar o eliminar un elemento de nuestro DOM basados en cierta condición dentro de esta directiva, vamos a aprender como usarla y como es diferente de un enlace de datos sobre la propiedad 'hidden' del elemento.

ngIf
04:32

Cuando queramos interactuar con los elementos de un conjunto (como un arreglo) vamos a utilizar la directiva ngFor que nos va a permitir mostrar e interactuar con cada uno de los elementos. También vamos a ver como usar el indice del conjunto con ngFor.

ngFor
03:02

La directiva ngSwitch de Angular nos va a ayudar a añadir o eliminar elementos de nuestro DOM basados en cierta condición. En este video vamos a aprender como usar ngSwitch con un par de ejemplos.

ngSwitch
04:44

Pipes son la forma que tenemos de manipular información que mostramos en nuestra vista. En este video vamos a aprender sobre los pipes que vienen de fabrica con Angular. 

Pipes
05:41

En este video vamos a aprender como crear nuestros propios pipes para usarlos en nuestras aplicaciones.

Pipes personalizados
05:37

La directiva ngClass nos va a ayudar a asignarle una clase a un elemento HTML basados en una condición. En este video vamos a aprender a usarla.

ngClass
02:14
+ Inyección de dependencias y Servicios
2 lectures 09:15

En este video vamos a aprender que son las dependencias y que es el inyector de dependencias en Angular. También vamos a aprender porque es una buena idea usar la inyección de dependencias.

Inyección de Dependencias
04:03

En este video vamos a aprender como crear un servicio en Angular. 

Preview 05:12
+ Formularios
15 lectures 01:14:03
Crear Formulario - Formularios Implícitos
05:12
Conectar formulario
04:03
Ver Información en el componente
03:57
Mostrar Errores
06:33
Mostrar varios errores
10:36
Mostrar valores por defecto
03:35
Enlace de datos doble
03:14
Desactivar botón de envio
02:32
Formularios Explícitos
01:16
Crear formulario en código
03:41
Conectar el formulario al HTML
04:17
Validación sencilla
05:59
Mostar errores
05:59
Validación personalizada
04:51
Validación asincrona
08:18
+ Enrutamiento
5 lectures 30:39
Introducción
05:20
Preparar la Aplicación
07:55
Conectar las rutas
10:05
Mostrar el link activo
02:44
Navegación Programática
04:35
+ Llamados HTTP
7 lectures 49:02
Crear Servicio
07:49
OnInit - Gancho de ciclo de vida
03:53
Pasar parametros en la ruta
07:55
Leer información
05:46
Llamado HTTP
09:37
Llamado HTTP 2
06:42

En este video vamos a ver como podemos hacer un llamado HTTP del tipo POST a una base de datos en Firebase.

Llamado HTTP - POST con firebase
07:20
Requirements
  • Conocimientos básicos de HTML
  • Conocimientos de Javascript
  • Conocimientos de CSS
Description

Bienvenido al curso Aprende Angular 2 en Español. En este curso vas a aprender de una forma fácil y sencilla como utilizar la última versión de este gran framework de Google.

Algunos de los comentarios de los estudiantes:

★★★★★ Excelente me parece que la explicacion del tutor es muy facil de entender. El curso está muy completo y me parece muy bueno que el tutor esté constantemente agregando nuevos contenidos con las actualizaciones. Recomendado...  
Ferneyder Cubides

★★★★★ Excelente curso. Muy bien explicado. Si sos novato en angular, es lo ideal. Empezas aqui y luego te vas a la documentacion de angular2. Muchas gracias profe! Quedo a la espera de un curso de nativescript suyo! :)
Agustin Sorbara

★★★★ Perfecto, ojala hubieran mas personas de habla española que este nivel conocimiento, edicion de video y facilidad para enseñar.
Angel Caballero

Ahora es el momento de aprender Angular 2 y estar entre los primeros que podemos decir que podemos utilizar el framework con facilidad. Este curso te dará las herramientas necesarias para poder utilizar Angular 2 en tu vida profesional.

El curso tiene una pequeña introducción a TypeScript, ya que es el lenguaje en el cual vamos a hacer todo nuestro código y también vas a aprender los siguientes temas:

  • Directivas
  • Componentes
  • Enrutamientos
  • Enlaces de datos
  • Inyección de dependencias
  • Servicios
  • Módulos
  • Llamados HTTP
  • Formularios
  • y mucho más!

AngularJS es el framework más usado por empresas en el mundo. Angular 2 fue reescrito desde cero para hacer el framework aún más rápido. Tener conocimientos sobre Angular 2 es indispensable para ser un desarrollador web completo. Inscribete en el curso de Angular 2 en Español y aprende rápidamente cómo usarlo!

Como siempre, estaré pendiente de las inquietudes que los estudiantes puedan tener para poder extender el curso cuando sea necesario o simplemente contestando sus preguntas de una forma clara. Los estudiantes de todos mis cursos están muy satisfechos con la calidad de mis cursos y estoy seguro que tu también estarás muy contento con este curso.

¿Que estás esperando? Aprende Angular 2 en Español ahora!

Este curso será actualizado constantemente con cada actualización del framework y con sugerencias de los estudiantes sobre temas de interés para ellos para siempre hacerlo mejor y más completo.

Solo necesitas tener conocimientos básicos de HTML y JavaScript para aprovechar este curso al máximo.

Who this course is for:
  • Desarrolladores Web
  • Estudiantes de Sistemas
  • Personas que quieran aprender de una forma sencilla como usar Angular